Mobile Zen Cart Template

Mobile Template for Zen Cart

The article describes step-by-step installation instructions, features and some tips and tricks of Zen Cart with all our mobile templates.

After hard work on the Mobile Zen Cart Template we are glad to announce its release.

Definitions:

Mobile Template – a secondary template which is installed alongside with your current desktop theme and is ONLY displayed on mobile/devices browsers (separate second template folder in Zen Cart).

Responsive – a single template that RESPONDS to the device browser by displaying the content in an appropriate manner which “fits” the device browser size with using only CSS styles.

Main features of our mobile templates:

  • User friendly usability
  • iOS, Android, BlackBerry, Windows based devices compatible
  • 5 color variations in one package: Black, Blue, Green, Red, Pink
  • Responsive slideshow banner (touch screen adapted)
  • Language/Currency dropdown boxes
  • Categories and shoppincg cart dropdown windows
  • Multilingual mobile skin
  • CSS buttons (Smooth buttons appearance on each device screen, including iPhone retina display)
  • Touch screen adapted
  • Automatic mobile users detection
  • Automatic template re-size on mobile device rotation
  • Separate CSS styles and template files for mobile appearance
  • Admin managed home page banners (the template uses all your banners and admin settings of your full version template)
  • Icons adapted to retina display for the top menu
  • Flexibility
  • No back link required
  • No affection to core functionality
  • No affection and changes of default database scheme
  • Easy to change design and layout
  • Easy to install

The mobile template does not require a separate installation of Zen Cart. It should be installed alongside your regular desktop theme and does not touch your current template. The mobile template uses all the admin settings of your current store.
Continue reading

Posted in Mobile and Responsive, Zen Cart Themes, Releases, Tips and tricks | Tagged , , , , , , , , , | Comments Off on Mobile Zen Cart Template

CS-Cart Templates Updated

All our CS-Cart Templates have been updated to be compatible with the latest CS-Cart 3.0.4 version. Some changes of the CSS style file were added to polish upgraded Hot Deals block of a new version of the software. The updated templates are available for free downloading in the account section for all recent customers.

Posted in CS-Cart Templates | Comments Off on CS-Cart Templates Updated

New GreenBeDark CS-Cart Template Set

Dark CS-Cart Skin

GreenBeDark CS-Cart Template Set is Released. Features: 2 in 1 color variations (Black, Blue), dynamic horizontal categories at the top, CSS template, stylish bottom section, slideshow and conveyor banners on home page, no affection to core functionality and template files, no back link required, readme file included and much more.

All the template elements, including the banners, menus and bottom section, are managed through the “Design->Blocks” section of the CS-Cart admin area. You can replace any section of the template with your own, for instance, add new banners to the CS-Cart home page or to any page you wish. The slideshow of the home page banner is fully controlled through the admin area, so you will be able to add the second column to your home page easily and change the size of the slideshow banner.

We have placed the “Free Shipping” banner to the category page as a sample, so it can be changed at any time via admin are either. Give your shopping cart a new professional look with our CS-Cart Templates!

Read our Tips and Tricks articles to know detailed features of our CS-Cart templates and customization.

Posted in Releases, CS-Cart Templates | Comments Off on New GreenBeDark CS-Cart Template Set

GreenBeLite CS-Cart Template Set

Greenbelite CS-Cart Template

New GreenBeLite CS-Cart Template Set is Released. Features: 3 in 1 color variations (Black, Blue, Violet), dynamic horizontal categories at the top, CSS template, stylish bottom section, slideshow and conveyor banners on home page, no affection to core functionality and template files, no back link required, readme file included and much more.

Give your shopping cart a new professional look with our CS-Cart Templates!

Posted in Releases, CS-Cart Templates | Comments Off on GreenBeLite CS-Cart Template Set

How To Add Banners To CS-Cart Slideshow

The article describes a step-by-step instructions of how to add banners via CS-Cart admin are and use these banners in slideshow module. At first, you should add the banner images:

  1. Log in to the admin area.
  2. Go to the “Website” -> “Banners” page and click to the “Add Banner” button.
  3. Input the banner name and upload image file from your computer.
  4. Click “Create And Close” button.

Then you should create a slideshow banner that rotates the banner images you created before:

  1. Log in to the admin area.
  2. Go to the “Design” -> “Blocks” page and click to the “Home page” tab.
  3. Click “Block Options” icon on “Main banners” block.
  4. Select the “Content” tab in the dialog window.
  5. Select the “Manually” value in the “Filling” selectbox and remove/add the banners.
  6. Click the “Save” button.
  7. Refresh the storefront home page in your browser. The slideshow will appear/disappear.

Give your shopping cart a new professional look with our free and premium CS-Cart Templates!

Posted in Tips and tricks | Comments Off on How To Add Banners To CS-Cart Slideshow

How To Add Social Media Buttons To Zen Cart

Social Media IconsThe article describes the ways that allow you to add/install social share buttons to any Zen Cart pages, for example, add Facebook “like” button, post to Twitter and other share buttons to product page of your Zen Cart store or any page of your website.

The best way to install or add social media share buttons/icons to your Zen Cart or website is to use special services that allow you just to place an appropriate code to your page and the social icons will appear right in the place you need. Continue reading

Posted in Zen Cart Themes, Tips and tricks | Tagged , , , , | Comments Off on How To Add Social Media Buttons To Zen Cart

How To Install CS-Cart Template

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.

Continue reading

Posted in CS-Cart Templates, Tips and tricks | 3 Comments

Multilevel Subcategories Popups For Category Sidebox

Category sidebox popups for Zen Cart

The article describes the way of enabling multilevel subcategories popups for the category sidebox for some of our Zen Cart Templates. The feature allows you to show the subcategories menu of the category sidebox in the popup windows. The multilevel subcategories are supported by the feature, and it is included to some of our templates by default. See the details and demo of the templates to know if the feature presents or not.

To enable the feature you should enable an appropriate sidebox on the  “Layout Boxes Controller” section of your Zen Cart admin area after the installation of Zen Cart template.

Let’s consider the admin settings on the example of our Mobishop Zen Cart Template. Go to the “Tools -> Layout Boxes Controller” section of your admin area and find the “sideboxes/mobishop_blue/vert_categories_css.php” name in the “Box File Name” column of the page table. You should turn it on by clicking the “Edit” button or icon on the right of the page. The image below shows the active status of the category popup sidebox in the left column. Continue reading

Posted in Zen Cart Themes, Tips and tricks | Tagged , , , , , | Comments Off on Multilevel Subcategories Popups For Category Sidebox

How To Add New Language To Zen Cart

The article describes the instructions of how to add/install a new language pack to Zen Cart on the example of our Zen Cart template. These instructions are made in accordance with the Zen Cart architecture and can be applied to any Zen Cart installations or templates.

Let it be a new Italian language we want to install to our Zen Cart and we have already installed one of our template, for example, the Robbo Zen Cart Template (template installation instructions are there). The language pack is available for downloading there. Download and unzip the language pack on your local computer. Copy all the files and folders to your Zen Cart installation as follows:  Continue reading

Posted in Zen Cart Themes, Tips and tricks | Comments Off on How To Add New Language To Zen Cart

New Pure Free CS-Cart Template

Free CS-Cart TemplateNew Pure Free CS-Cart Template is Released. Features: dynamic horizontal categories at the top, CSS template, cross browser HTML and CSS layouts, valid XHTML, no affection to core functionality and template files, back link required, readme file included and much more.

You can easily add one or two columns to the home page (or to any other page) via CS-Cart admin area. No core affection approach is used during the CS-Cart skin creation, so all the default features of the CS-Cart that are included to the software are included to the template in full. Only CSS style files are changed for the template that allows to avoid any mess during CS-Cart version upgrade.

To change the logo, please go to the “Design -> Logos” section of your admin area. Give your shopping cart a new professional look with our CS-Cart Templates!

Posted in Releases, CS-Cart Templates | Comments Off on New Pure Free CS-Cart Template