Contributions
OSC to CSS
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
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.
Not the full package, this is a single file,
includes/modules/also_purchased_products.php,
for use with OSC to CSS v2
Not the full package. This is the corrected currencies infobox and instructions for fixing it only . Currencies box in the full download does not function.
I'll repost the full package with all the fixes, in a day or two after there is a bit more time for any more errors to be found.
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>');
Not the full package. Contains a single file, the corrected instructions for installation. References in application_top.php to two css files, reset.css and ui_tabs.css were initially omitted
The change is this:
In step three, what should be pasted into application_top.php is:
$doctype='<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="LTR" lang="en">';
$stylesheet='
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/960.css" />
<link rel="stylesheet" href="css/text.css" />
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="css/css-buttons.css" />
<link rel="stylesheet" href="css/superfish.css" />
<link rel="stylesheet" href="css/json-addtocart-themes.css" />
<link rel="stylesheet" href="css/ui-tabs.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript" src="javascript/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="javascript/superfish.js"></script>
<script type="text/javascript" src="javascript/osc_cart.js"></script>
';
OSC to CSS version 2.0
Convert OSCommerce 2.2RC2a to tableless CSS
Support, demos and screenshots at:
www.niora.com/css-oscommerce.php
This version is the full package and replaces all earlier versions.
NEW FEATURES FOR V2:
960 Grid System:
The 960 grid system facilitates alignment, proportion and layout issues. It speeds up design, creates consistency and solves cross browser problems.
4 new JQuery Features:
Product Information Tabs, SuperFish Horizontal Navigation Bar, Json 'add to Cart' lightbox, and Pretty Photo
Reorganized Stylesheets/ and Cleaner layout:
CSS selectors are more intuitive and cleanly organized. Stylesheets are separated by component and function to facilitate quick design. The layout within the catalog pages is simplified, better notated and consistent.
Infoboxes:
Infoboxes are completely mobile, and can be placed anywhere on the shop and styled independently depending on their location
Buttons:
Buttons are CSS generated and have their own stylesheet. This feature can revert to standard buttons easily.
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
open includes/boxes/search.php
find:
tep_image_submit('button_quick_find.gif', BOX_HEADING_SEARCH)
change to:
tep_image_submit('button_quick_find.gif', 'quick find')
Update only. Contains one file only:
catalog/includes/languages/german.php
Vielen Dank to CJB for this translation.
Update Only
Contains two files:
includes/languages/espanol.php and includes/languages/german.
This fixes the infobox headers when the shop is operating in Spanish or German
Full contribution. Changes doctype and adds doctype as a variable that can be changed in application_top.php.
Closing head tag moved to facilitate placement of site-wide javascript. Contains Complete package.
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
Note: Contributions are used at own risk.