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:
The left hand sideboxes are here:
1. Log into your zen cart admin and go to Configuration -> Layout Settings
2. Select Column Width – Left Boxes or Column Width – Right Boxes -whichever side you want to change and click on the “edit” button.
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%.
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.