Hi all! I can't seem to find how to find how to change the number of products per row in Featured Products. Thanks for any help! :-)
Keith
Many thanks for your reply David. I have tried various changes to the number of rows, but I still can't achieve the 4 rows for desktop that I would ideally like. I seemed to be stuck on 2. My max page width is 1000px. Do I have any other options?
Regards,
Keith
Hi Keith,
Please could you email me a link to the installation again and I'll check it out further with you...
Cheers,
David.
--
PriceTapestry.com
Thanks David, I have emailed you.
Keith
Hello Keith,
The Foundation based template (since 14/06A) use Foundation's x-block-grid class to display Featured Products - look for the following code at line 5 in html/featured.php:
<ul class="small-block-grid-1 medium-block-grid-4">Foundation small/medium/large (not used in the above) inherit upwards, so the above will cause Featured Products to display in a single column on mobile, and 4 products per row for Medium (tablet) upwards. If you wanted to keep that as is for tablet, but increase the number of products per row to 6 for desktop then you could use;
<ul class="small-block-grid-1 medium-block-grid-4 large-block-grid-6">Of just to go to 6 per row for medium upwards;
<ul class="small-block-grid-1 medium-block-grid-6">The CSS supports up to block-grid-12...
Cheers,
David.
--
PriceTapestry.com