Increase Products Per Row - Cascade Theme

Highlighted
New Member
1 0 0

Hi, 

I'm using the Cascade theme for my Shopify store. There's currently 2 products showing per row. How can I change that to 3 or 4 products per row? This theme is fairly new so I'm not seeing any other forum posts on how to do this.

I think I should be changing the code within "collection__grid-products.liquid" which looks like this:

<div class="grid grid--uniform sm--grid--half-gutter mtn3 lg--up--mtn4">
  {% for product in collection.products %}
    <div class="product-grid-item grid__item sm--{{ posts_per_row_mobile }} md--up--{{ posts_per_row_desktop }} mt3 lg--up--mt4">
        {% include 'product-grid-item', text_color: section.settings.section_color %}
    </div>
  {% else %}
    {% for i in (1..section.settings.no_products) %}
    <div class="product-grid-item  grid__item  lg--up--one-third">
      {% include 'product-grid-item__onboarding' %}
    </div>
    {% endfor %}
  {% endfor %}
</div>

 

Thank you! 

0 Likes
Highlighted
New Member
2 0 0

I'd also like to know if this is possible and how you might do it.

0 Likes
Highlighted
Shopify Partner
1 0 0

Hey Ashley!

Were you able to figure this out? I'm looking to do the same thing. Thanks!

Meredith

0 Likes
Shopify Partner
1 0 0

Any news?

0 Likes