How To Install CS-Cart Template

Posted on August 18, 2012 by Vlad

This article describes a step-by-step installation of a new CS-Cart template downloaded from 12leaves.com/pixemus.com.

To install a new CS-Cart v4.2.x and v4.3.x theme you should:

  1. Backup all the files and database of your site. Do not forget always make a backup of your store before any changes! It does not matter if the changes are small or big and if they are concerns database or not.
  2. Unpack the template package to your local computer.
  3. Upload the files and folders to the root directory of your CS-Cart installation (for example: www.yourdomain.com/your_cscart_store/).
  4. Log in to the admin area.
  5. Choose the store where you want to install the theme (skip this step for CS-Cart Multivendor edition).
  6.  Go to the “Design” -> “Themes” page.
  7. Click to the “Browse All Available themes” tab and install the template name you downloaded (mouseover to the theme image -> Install button will appear).
  8. On the “Installed Theme” tab you will see the new theme.
  9. Click to the “Use this style” button that appears inside the theme picture. Now the theme installed and selected.
  10. Chose the styles and colors by clicking “Visual Editor” button on the same page.
  11. Enjoy.

 

To install a new CS-Cart v4.1.x theme you should:

  1. Backup all the files and database of your site. Do not forget always make a backup of your store before any changes! It does not matter if the changes are small or big and if they are concerns database or not.
  2. Unpack the template package to your local computer.
  3. Upload the files and folders to the root directory of your CS-Cart installation (for example: www.yourdomain.com/your_cscart_store/).
  4. Log in to the admin area.
  5. Choose the store where you want to install the theme (skip this step for CS-Cart Multivendor edition).
  6.  Go to the “Design” -> “Themes” page.
  7. Click to the “Available themes” (or “Theme Store” tab in CS-Cart v4.1.x – v4.1.3) tab and install the template name you downloaded (Click to the button icon -> Install).
  8. On the “General” tab you will see the new theme installed in the “Available Themes” section.
  9. Click to the “Use this style” button that appears inside the theme picture. Now the theme installed and selected.
  10. Chose the styles and colors by clicking “Visual Editor” button on the same page.
  11. Enjoy.

 

To install a new CS-Cart v4.0.x theme you should:

  1. Backup all the files and database of your site. Do not forget always make a backup of your store before any changes! It does not matter if the changes are small or big and if they are concerns database or not.
  2. Unpack the template package to your local computer.
  3. Upload the files and folders to the root directory of your CS-Cart installation (for example: www.yourdomain.com/your_cscart_store/).
  4. Log in to the admin area.
  5. Choose the store where you want to install the theme (skip this step for CS-Cart Multivendor edition).
  6.  Go to the “Design” -> “Themes” page.
  7. Click to the “Install themes” tab and install the template name you downloaded or other color variation (Click to the icon -> Install).
  8. On the “General” tab you will see the new theme installed in the “Available Themes” section.
  9. Click to the “Select” menu item in the icon dropdown under the theme picture. Now the theme installed and selected. (read NOTE section below)
  10. Go to the “Design -> Themes -> Customize Theme”.
  11. On the template editor panel switch the correct preset for the template.
  12. Clear the cache of your store (Administration -> Storage -> Clear cache).
  13. Enjoy.

NOTE FOR CS-CART 4.0.1: That 4.0.1 version of CS-Cart has some bugs and glitches in the themes switching system. If you try to change the template, you may see some strange result in the browser where you are logged in even if you cleared the cache. It is recommended to use the latest version of CS-Cart.

Also, if you switched the themes several times you current layout may not correspond to the layout you need for the installed/switched theme. You need to go to the “Design -> Layouts” section, switch the correct layout for the template on the “Switch layout” section on the left column, after that click to the icon button on the top right heading and select “Edit layout”. Tick the “Default” filed of the popup window and click to the “Save” button. Now you will have a correct layout for your new installed theme for the selected store.

You can configure or add any block and banner to our CS-Cart Templates via “Blocks” section of your CS-Cart admin area.

Built-in theme editor allows to change the color and backgrounds of some template elements in real time.

To install a new CS-Cart v3.x.x skin you should:

  1. Backup all the files and database of your site. Do not forget always make a backup of your store before any changes! It does not matter if the changes are small or big and if they are concerns database or not.
  2. Unpack the template package to your local computer.
  3. Upload the files and folders to the root directory of your CS-Cart installation (for example: www.yourdomain.com/your_cscart_store/).
  4. Log in to the admin area.
  5.  Go to the “Design” -> “Skin selector” page.
  6. Click on “Skin for the customer area:” selectbox and select the Template Name you download or other color variation.
  7. Click on the “Save” button at the bottom.
  8. Go to the “Design” -> “Blocks” page.
  9. Click on the “Import Locations” button at the top to import block to your CS-Cart.
  10. Upload the “layouts.xml” file via “Select file” area and click the “Import” button. The “layouts.xml” file comes with the template package. You may tick the “Clean up locations before import” checkbox before clicking the “Import” button to clear all your previous blocks.
  11. Clear the cache of your store (NOTE section below).
  12. Enjoy.

NOTE: In some cases you need to clear the cache of your CS-Cart store after the template installation. Only after that the template will get the appearance the same as on our demo site. To clear the cache of your CS-Cart you should type the link in your browser as follows:
http://your_csart.com/your_admin.php?cc

You can configure or add any block and banner to our CS-Cart Templates via “Blocks” section of your CS-Cart admin area.

See also:
How To Add Banners To CS-Cart Slideshow

 Share
This entry was posted in CS-Cart Templates, Tips and tricks. Bookmark the permalink.

3 Responses to How To Install CS-Cart Template

  1. daniel says:
    November 22, 2012 at 7:28 am

    getting this error

    Unable to read resource: /home/musewest/public_html/skins/jewelryplain/customer//products_multicolumns.tpl
    please help resolve.

    • Vlad says:
      November 22, 2012 at 12:42 pm

      Daniel, please clear the cache of your store as it is described in the NOTE section of this article. The issue will be solved. Note, all our CS-Cart templates contain only CSS style files (no template files), so they can not be a cause of any template errors.

  2. daniel says:
    November 22, 2012 at 4:46 pm

    YEAP you were right! thanks.

Comments are closed.