Liquid, JavaScript, themes, sales channels
Hello Everyone,
I am using the Brooklyn theme and it only displays 3 products per row. I have the grid option turned on.
I am looking to increase the number of products in each row from 3 to 5 if that is possible
I have tried different suggestions that are related to the Brooklyn theme but haven't had any success.
Any help will be greatly appreciated.
Thanks
Fabio
Hello There,
1. Go to Online Store->Theme->Edit code
2. Sections/ collection-template.liquid file of the Sections folder.
Search this one line :- {% assign grid_item_width = 'medium--one-half large--one-third' %}
and this determines the amount of featured products that will display in a line when using the grid style display.
The "large--one-third" here means that on a large display the grid will be broken into 3 parts and that is why it is showing 3 products.
Therefore, in order to show 4 products you can change this to "large--one-quarter" or
for 5 products it would be "large--one-fifth" and so on.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024