Friday, June 18, 2010

Creating opencart theme

We can easily create a new opencart theme. Copying the whole default theme folder will make some problem during update of opencart. So, we need to copy files from default folder selectively. First get an opencart package from their site. Then copy the following files to your new theme folder which is under '/catalog/view/theme/'. We named it 'themecart'.
catalog/view/theme/default/stylesheet/*
catalog/view/theme/default/image/*
catalog/view/theme/default/template/common/header.tpl
Here * means all files. Choose theme 'themecart' from the main settings section under the admin area.

Now we need to replace all the 'default' word with our theme name 'themecart' in the header.tpl file. And then save the file.

Now Your new theme folder is ready for customization. Make change in the stylesheet.css and save it. Just copy the file from the default folder that you need to change. That's it.

See the book OpenCart 1.4 Template Design Cookbook.
See the book Joomla Mobile Development Beginners Guide




List of my works:

Opencart Extensions:

  1. Product Based Quantity Wise Shipping: Find it here.
  2. OpenSSLCOMMERZ: integrate SSLCOMMERZ with opencart: Find it here.
  3. Fine Search v.1.0 - Improves Opencart search feature to find relevant: Find it here.
  4. Opensweetcaptcha - An easy way to generate attractive captcha for your system!: Find it here.
  5. Custom Field Product - add unlimited custom fields to the product form: Find it here.
  6. Formcaptcha - add captcha on the register page: Find it here.

My Books:

  1. OpenCart 1.4 Template Design Cookbook.
  2. Joomla Mobile Development Beginners Guide

No comments: