The venture theme is a great theme from Shopify themes store with a lot of customization features (multi-column menu, drop-down navigation support, product filtering, Slideshow, etc) and three styles included, free, ideal for high volume stores with a large number of products thanks to the multi-row section collection page, super easy to use and customize, multi-row section collection page.
The collection page multi-row section
Designed for large catalogs, the Venture theme comes with a well-presented, configurable, and multi-row section collection page. It is optimized to present a large number of products in the best way while providing the greatest user experience.
Sometimes the number of products per row on the default collection page does not fit your brand’s collection page, in case you are facing this, you have the ability to easily modify the page to your convenience.
How do I change the number of products per row on the collection pages?
To change the number of products per row on collection pages, you’ll need to edit two lines (lines 28 and 53) of code within the collection.liquid template. Follow the below steps to edit the code as described and shown below:
- From your Shopify admin, go to Online Store > Themes.
- Find the theme that you want to edit, and then click Actions > Edit code.
From Edit Code Page, click Collection.liquid under Templates folder as shown below:
In the collection.liquid file, search for lines code 28 and 53 as specified below, these are the lines of code you will need to change:
and specifically the word “fifth”.
In case you can’t find the editable code lines at line numbers 28 and 53, please search for the lines in your file and identify them to the lines on the screenshots provided here.
If you want six products per line you would change “fifth” to “sixth” in the line above:
For four products per line, you would change the word “fifth” to “quarter”:
If you want three products per line, you would the word “fifth” to “third” in lines code 28 and 53:
For two products per line, you would the word “fifth” to “half” in lines code 28 and 53:
We hope following this resource helps provide you better collection pages. The journey ends here for this tutorial. But this was just one more step for you in the race to make your online store better. Here are some other resources to help you in your race:
