I'd like to arrange products in a grid of 3 colums with the rows determined by the number of products in a section. e.g. as on http://www.weatherfront.biz/ . There appears to be no template for this arrangement - any ideas?
Announcement
Collapse
No announcement yet.
Product layout in a grid
Collapse
X
-
This is fairly easy to do and is demonstrated in the Actinic Advanced User Guide downloadable from Actinic. Suggest you look at that.
If you are familiar with HTML this is fairly easy to do. It basically involves changing the Product Layout template (Act_ProductLine.html) to become a table row that has 3 columns instead of the standard 1.
We use this on www.soundshopping.co.uk to do exactly what you want it to do.
NickTim Brown
-
A product template can lay ou more than one product at once. Therefore, you can create a product template that creates a table row containing three products.
It would be structured something like this:
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<tr>
<td>
[table containing product code for one product]
</td>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<td>
[table containing product code for one product]
</td>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<td>
[table containing product code for one product]
</td>
</tr>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
Comment
-
That worked - thanks. The other linked question I have, is is it possible to limit the number of products returned on any one page - say 12 products.
Originally posted by cdicken
A product template can lay ou more than one product at once. Therefore, you can create a product template that creates a table row containing three products.
It would be structured something like this:
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<tr>
<td>
[table containing product code for one product]
</td>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<td>
[table containing product code for one product]
</td>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<td>
[table containing product code for one product]
</td>
</tr>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
Comment
Comment