Hi,
I was wondering if there was an easy way to take a osCommerce template (or specifically just the css) and convert it to zencart? I tried just merging them and it didn't work.
Thanks - Zack
Hi,
I was wondering if there was an easy way to take a osCommerce template (or specifically just the css) and convert it to zencart? I tried just merging them and it didn't work.
Thanks - Zack
No, there really isn't.
I think most of the Zen Cart CSS, and certainly all the div layout classes/ids, was developed after ZC split from osC, so they have only a distant relationship now.
How to convert an OSCommerce template to Zen Cart
===================================
1) Create a new blank template per the FAQ.
a. How do I create a new Custom Template?
https://www.zen-cart.com/tutorials/i...hp?article=142
2) Copy all required images to the new template /images diretory.
3) Edit the header and footer template files.
a. View the HTML source from a working OScommerce template demo in your browser.
b. Copy and paste the header portion into /common/tpl_header.php.
c. Copy and paste the footer portion into /common/tpl_footer.php.
d. Edit HTML in both files until general page layout (tables, images, etc.) matches OSCommerce template. Hard code images for now.
4) Add Zen Cart scripting to header and footer files.
a. Edit all links.
Categories:
href="index.php?main_page=index&cPath=1"
Zen Cart unique pages
href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"
Useful zen_href_link names:
FILENAME_SHOPPING_CART
FILENAME_PRODUCTS_NEW
FILENAME_SPECIALS
FILENAME_ADVANCED_SEARCH_RESULT
FILENAME_PRODUCT_REVIEWS
FILENAME_ACCOUNT
FILENAME_CREATE_ACCOUNT
FILENAME_LOGIN
FILENAME_CONTACT_US
b. Replace all image tags with zen_images function.
<?php echo zen_image(DIR_WS_TEMPLATE_IMAGES . 'image_name.gif'); ?>
5. Edit stylesheet.
a. Copy OSCommerce style sheet to new template /css folder.
b. Delete all OSCommerce specific classes and ids not needed. Go slow and methodically.
c. Add needed classes and ids from existing Zen Cart stylesheet.css .
d. Edit attributes as needed.
Bookmarks