Set layout for one category

If you need to change product image size. 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>COUNT</count> </action> <action method="setImageWidth"> <size>WIDTH</size> </action> <action method="setImageHeight"> <size>HEIGHT</size> </action> </reference> </reference> </reference>

Recommended values

• Column count: 2; image size:up to 350 (pixels)
• Column count: 3; image size:up to 230 (pixels)
• Column count: 4; image size:up to 175 (pixels)
• Column count: 5; image size:up to 135 (pixels)
• Column count: 6; image size:up to 110 (pixels)
• Column count: 7; image size:up to 95 (pixels)

Examples

Small images

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

Clothing format

<reference name="content"> <reference name="category.products"> <reference name="product_list"> <action method="setColumnCount"> <count>4</count> </action> <action method="setImageWidth"> <size>135</size> </action> <action method="setImageHeight"> <size>200</size> </action> </reference> </reference> </reference> 

Big images

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

Go to contentsBack to previous page