Community Add-Ons

Maintainers:	npn2531
No public uploads allowed

Top » Templates and Themes

OSC to CSS
for osCommerce Online Merchant v2.2

Description
History

(show 12 more downloads)

Convert OSCommerce 2.2RC2a to tableless CSS

This file set replaces the OSCommerce html table structure based on <table>'s , <tr>'s, and <td>'s with CSS.

The programming, the sequence and flow of the pages, and handling of data are otherwise unchanged. See screenshots and examples at http://www.niora.com/css-oscommerce.php

Purpose:
The primary purpose of this conversion is to facilitate web design and enhance search engine optimization.

What Has Been Done:
The table structure was extracted from the php and replaced with CSS for each page individually. The existing file and page structure was preserved and for each page the php and javascript remain in the same relative places. The difference is that instead of being surrounded by a sea of nested tables, the code will be enclosed by one or two <span> or <div> tags. The preservation of existing programming is such that the shop will function with a mix of converted and unconverted pages.

Contributions
Because the existing OSC 2.2RC2a file structure and programming has been left intact, existing contributions on the OSCommerce website should work with this conversion. The challenge will be to locate where in the converted catalog pages to place contribution components.

The following contributions have been successfully tested on this conversion.

Article Manager V1.57
HeaderTags_SEO V3
OT Discount Coupon Codes 3 34
ULTIMATE Seo Uris 5 r141
USPS Methods 4.3.2
XSell 2.6
UL Categories V1.1.2

Legend: Download Report

Expand All / Collapse All

Not the full version. This is just the following notice:
Before downloading this file, please evaluate the latest version of OSCommerce 2.3 available on GitHub. It has the 960 grid system, JQuery features, and also the latest security features installed.

This is not the full package. This is a single text file containing the following:

On the information box includes/boxes/information.php, There is a typo that is causing alignment problems in IE8. The closing /ul is missing the final > . Add the closing tag or change the list to line breaks.

to fix this open includes/boxes/information.php

and change this:

'<div class="clear"></div><ul><li><a href="' . tep_href_link(FILENAME_SHIPPING) . '">' . BOX_INFORMATION_SHIPPING . '</a></li>' .
'<li><a href="' . tep_href_link(FILENAME_PRIVACY) . '">' . BOX_INFORMATION_PRIVACY . '</a></li>' .
'<li><a href="' . tep_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS . '</a></li>' .
'<li><a href="' . tep_href_link('faqs.php') . '">' . 'Faqs' . '</a></li>' .
'<li><a href="' . tep_href_link(FILENAME_CONTACT_US) . '">' . BOX_INFORMATION_CONTACT . '</a></li></ul');

to this:
'<div class="clear"></div><ul><li><a href="' . tep_href_link(FILENAME_SHIPPING) . '">' . BOX_INFORMATION_SHIPPING . '</a></li>' .
'<li><a href="' . tep_href_link(FILENAME_PRIVACY) . '">' . BOX_INFORMATION_PRIVACY . '</a></li>' .
'<li><a href="' . tep_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS . '</a></li>' .
'<li><a href="' . tep_href_link('faqs.php') . '">' . 'Faqs' . '</a></li>' .
'<li><a href="' . tep_href_link(FILENAME_CONTACT_US) . '">' . BOX_INFORMATION_CONTACT . '</a></li></ul>');

or to this:

'<div class="clear"></div><a href="' . tep_href_link(FILENAME_SHIPPING) . '">' . BOX_INFORMATION_SHIPPING . '</a><br>' .
'<a href="' . tep_href_link(FILENAME_PRIVACY) . '">' . BOX_INFORMATION_PRIVACY . '</a><br>' .
'<a href="' . tep_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS . '</a><br>' .
'<a href="' . tep_href_link('faqs.php') . '">' . 'Faqs' . '</a><br>' .
'<a href="' . tep_href_link(FILENAME_CONTACT_US) . '">' . BOX_INFORMATION_CONTACT . '</a><br>');

Convert OSCommerce 2.2RC2a to tableless CSS, v2.0  Complete contribution with all updates incorporated + template system added.

This file set replaces the OSCommerce html table structure based on <table>'s , <tr>'s, and <td>'s with CSS. This update contains the complete contribution and all updates.

This version, 2.0, adds a Wordpress Style template system. Templates are loaded into OSCommerce as a single folder and matching configuration file, and automatically display in the admin panel, where the templates are activated/deactivated with a single click. In effect this contribution incorporates the following two contributions:
One Folder Template System: http://addons.oscommerce.com/info/7403
Apple Style Template: http://addons.oscommerce.com/info/7266

The programming, the sequence and flow of the pages, and handling of data are otherwise unchanged. See screenshots and examples at http://www.niora.com/css-oscommerce.php
 OSC to CSS is designed to be installed on a new installation of OSCommerce v2.2 r2a.

 What Has Been Done: 
The table structure was extracted from the php and replaced with CSS for each page individually. The existing file and page structure was preserved and for each page the php and javascript remain in the same relative places. The difference is that instead of being surrounded by a sea of nested tables, the code will be enclosed by one or two <span> or <div> tags.

 Contributions:
 Because the existing OSC 2.2RC2a file structure and programming has been left intact, existing contributions on the OSCommerce website should work with this conversion. The challenge will be to locate where in the converted catalog pages and the template system to place contribution components.

 The following contributions have been successfully tested on this conversion:
Article Manager V1.57
 HeaderTags_SEO V3 OT
Discount Coupon Codes 3 34
 ULTIMATE Seo Uris 5 r141
 USPS Methods 4.3.2
 XSell 2.6 
UL Categories V1.1.2

Community Add-Ons

OSC to CSSfor osCommerce Online Merchant v2.2

OSC to CSS
for osCommerce Online Merchant v2.2