Category with xSmall Images

5 columns

If you need to change product image to 110px*110px. Open category to edit and paste following code to the Custom Design field:

<reference name="content"> <reference name="category.products"> <reference name="product_list"> <action method="setColumnCount"> <count>5</count> </action> <action method="setImageWidth"> <size>110</size> </action> <action method="setImageHeight"> <size>110</size> </action> </reference> </reference> </reference>

6 columns

If you need to change product image to 100px*100px. Open category to edit and paste following code to the Custom Design field:

<reference name="content"> <reference name="category.products"> <reference name="product_list"> <action method="setColumnCount"> <count>6</count> </action> <action method="setImageWidth"> <size>100</size> </action> <action method="setImageHeight"> <size>100</size> </action> </reference> </reference> </reference>

7 columns

If you need to change product image to 95px*95px. Open category to edit and paste following code to the Custom Design field:

<reference name="content"> <reference name="category.products"> <reference name="product_list"> <action method="setColumnCount"> <count>7</count> </action> <action method="setImageWidth"> <size>95</size> </action> <action method="setImageHeight"> <size>95</size> </action> </reference> </reference> </reference>

Go to contentsBack to previous page