Customising Cubecart

We have included here some pretty simple ways to customise your Cubecart store. For different and/or more complicated mods you can go to www.cubecart.org

Adding New Skins/Templates To Your Store

1) Go to the folder that you have Cubecart installed in.

2) Click on the folder 'Skins', you should see three folders labelled 'Classic', 'Legend' and 'Killer'.

3) Add the folder of the new skin to the 'Skins' folder.

To Change The Applied Skin/Template

Go to your Cubecart admin control panel and click on General Settings under Store Config. Under Styles & Misc you should see a drop-down menu for the Store Skin. Click on the drop-down menu and select the skin you want to use.

To Change The Header (Add Your Store Name)

1) Click on the folder titled 'Skins'.

2) Click on the folder of the skin you are using.

3) Click on the folder 'styleImages' and then on the folder 'backgrounds'.

4) Open the file 'header.gif' and edit it in the graphics program of your choice.

Removing Side Boxes

1) Go to the folder titled 'Skins'.

2) Click on the skin/template you are using (e.g. Classic, Legend, etc.)

3) Click on the folder 'styleTemplates'.

4) Click on the folder 'global'.

5) Open the file 'index.tpl' in notepad or a different editing program (frontpage, dreamweaver etc.).

6) On line 23 you should see: <div class="colLeft">, underneath this are all the boxes in the left column. On line 35 you should see: <div class="colRight">, underneath this are all the boxes in the right column. You can delete any you don't want or change the positions of the boxes around.

Changing The Background Colour

1) In the folder of the skin you are using; click on 'styleSheets'.

2) Open 'layout.css' in the code editor of your choice (e.g. notepad, frontpage, dreamweaver).

3) Edit the third line which starts with - 'background-color....' to the colour code of your choice.

Getting Rid of "There are no products in this category" Text

This is a simple mod which gets rid of the "There are no products in this category" text completely. This mod is useful if you have subcategories and don't want that text to be shown. However, there is a better and free mod at Estelles Mod Store if you have categories that don't have any products or subcategories.

1) In the folder of the skin you are using; click on 'styleTemplates'.

2) Click on the 'content' folder and open the 'viewCat.tpl' file in the code editor of your choice.

3) Find and delete line 45-47:

<!-- BEGIN: noProducts -->
<div>{TXT_NO_PRODUCTS}</div>
<!-- END: noProducts -->

Increasing The Size of The Popup Box

1) In the folder of the skin you are using; click on 'styleTemplates' and then 'Content'.

2) Open 'viewProd.tpl' in the code editor of your choice (e.g. notepad, frontpage, dreamweaver).

3) Find line 13:

<div style="text-align: center;"><a href="javascript:openPopUp('extra/prodImages.php?productId={PRODUCT_ID}', 'images', 548, 455, 0);" class="txtDefault">{LANG_MORE_IMAGES}</a></div>

The numbers in red represent the width and height of the popup box in pixels (548 is the width, 455 is the height).

4) Change the two numbers to whatever width and height you wish the popup box to be.