I have set my products to layout out in three columns, how can I ensure that they are of equal width?
To get your columns to display equally you need to:
* edit your product list layout in the 'Design menu | Library | Layouts tab | Product Lists group' (to find out which one your site is using go to 'Settings menu | Site Options | Layouts tab | Products group)
* edit the 'List Layout Settings'
* click on the 'edit rows and columns' tab
* add the following into the <td> tag(s) in the 'before' columns:
width="<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductColumnCount%22%20%2f%3e%20%3d%3d%201">100%</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22ProductColumnCount%22%20%2f%3e%20%3d%3d%202">50%</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22ProductColumnCount%22%20%2f%3e%20%3d%3d%203">33%</actinic:block>"
so it should look something like:
* click 'OK' and close the Library.
The code will check for 1, 2 or 3 columns and set the width of each cell accordingly. You can add in more widths if you want more than 3 columns. This will also work for sections too, just edit the section list settings and use the 'SectionLinkColumnCount' variable instead of the 'ProductColumnCount' variable in the above code.
To get your columns to display equally you need to:
* edit your product list layout in the 'Design menu | Library | Layouts tab | Product Lists group' (to find out which one your site is using go to 'Settings menu | Site Options | Layouts tab | Products group)
* edit the 'List Layout Settings'
* click on the 'edit rows and columns' tab
* add the following into the <td> tag(s) in the 'before' columns:
width="<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductColumnCount%22%20%2f%3e%20%3d%3d%201">100%</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22ProductColumnCount%22%20%2f%3e%20%3d%3d%202">50%</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22ProductColumnCount%22%20%2f%3e%20%3d%3d%203">33%</actinic:block>"
so it should look something like:
* click 'OK' and close the Library.
The code will check for 1, 2 or 3 columns and set the width of each cell accordingly. You can add in more widths if you want more than 3 columns. This will also work for sections too, just edit the section list settings and use the 'SectionLinkColumnCount' variable instead of the 'ProductColumnCount' variable in the above code.