How do I increase the number of columns on product collections? There are currently three columns of products shown. I would like to try four or five. Thank you!
To change the number of products per row open your collection-template.liquid Section , locate this code around line 62:
{% assign grid_item_width = 'medium-up--one-third small--one-half' %}
And replace it with
{% assign grid_item_width = 'medium-up--one-quarter small--one-half' %}
To have 4 per row, or
{% assign grid_item_width = 'medium-up--one-fifth small--one-half' %}
To have five, while still keeping 2-per-row for smal screens.
You may wish to change the number of products per page at the top of the file to something other then 12:
{% paginate collection.products by 12 %}
Note that this change does not affect number of featured products on the homepage.
Thanks!
@dmwwebartisan Fantastic!! It worked. Thank you so much for making it so clear! How would I do this for featured collections?
it is just in the different place – featured-products.liquid Section. The lines to change are:
{% assign products_per_row = 3 %}
and
You can leave the second one as is (it is for shops without products) but edit the number in the first one and add one of the respective {% assign grid_item_width = ‘medium-up–one-quarter small–one-half’ %} just below.
@dmwwebartisan Thank you so much! It worked beautifully.
please can you tell me that how i can add more columns in collections in dawn theme. you gave this solution but i can’t get collection-template.liquid