Increase number of products per row - Cascade theme

New Member
1 0 0

Hi! Looking to increase the number of products on my collection list from 1 to 4.


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:


    [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;


Please let me know whether it works.

Kind regards,

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: