Check out our Zen Cart Packages. Get Started Now!


How to Change the Width of the Sideboxes in Zen Cart



This tutorial will show you step by step how to adjust the width of the zen cart sideboxes to fit your design and shop needs perfectly.

This tutorial features our free zen cart template Alysa Rounded. If you like it and want to use it for your zen cart project, you can download it for free here:

Download the Alyssa Rounded Free Zen Cart Template by Picaflor Azul

The left hand sideboxes are here:

sideboxes 3 Easy Help Zen Cart Tutorial™: How to Change the Width of the Sideboxes

1. Log into your zen cart admin and go to Configuration -> Layout Settings

layout settings Easy Help Zen Cart Tutorial™: How to Change the Width of the Sideboxes

2. Select Column Width – Left Boxes or Column Width – Right Boxes -whichever side you want to change and click on the “edit” button.

sideboxes 2 Easy Help Zen Cart Tutorial™: How to Change the Width of the Sideboxes

3. Add your new width and click on the “update” button. It can be expressed as a percentage of the total page width (20%) or as a relative size (190px). For example, if you want the sideboxes to shrink and grow depending on the window size you would set the left and right hand columns to 20% and the sideboxes to 100%.

sideboxes 4 Easy Help Zen Cart Tutorial™: How to Change the Width of the Sideboxes

4. If your new width is more than the Column Width – Left or Column Width – Right (if this is what you changed) then you will want to change this as well. Select the Column Width – Left, put in the new width (I prefer this to be wider than the sideboxes width) and click on the “update” button.

sideboxes 5 Easy Help Zen Cart Tutorial™: How to Change the Width of the Sideboxes





Web Reference - Business Directory - Sitemap