Increase number of products per row - Cascade theme

Highlighted
New Member
1 0 0

Hi! Looking to increase the number of products on my collection list from 1 to 4. https://snugdepot.com/collections/all

0 Likes
Highlighted

Are you using an app to order the collections or something? The code it's generating seems fairly complex. This is the best that we can do in your situation:


1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:


 

<style>
    [id] .collection-cascade .items{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    height: unset !important;
}


[id] .items > *{
    flex-basis: 25%;
    max-width: 25%;
    width: 100%;
    display: inline-block;
    position: relative !important;
    left: unset !important;
    bottom: unset !important;
    top: unset !important;
    height: auto;
    max-height: 391px;
    overflow: hidden;
}

[id] .item__inner{
    padding: 0 !important;
    margin-right: 20px;
}

[id] .item-sizer,
[id] .column-sizer{
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
}

@media (max-width: 749px){
    [id] .items > *{
    flex-basis: 50%;
    max-width: 50%;
    margin-bottom: 20px;
}
}
</style>

 



Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
0 Likes