Adjusting amount of products in one collection page, pagination, MOTION theme

Store Design
, , ,
1

Hi,

Im working with Motion theme. This question might be too simple, but for some reason I cannot find what I’m looking for.

When opening a collection in our online store it shows 14 products and then you need to go to page 2.

How can I change the amount of products in one page? Or can I add infinity load so there is no pagination?

It would make sense that there would be “adjust number of rows” but in theme settings I can only find “adjust products per row”

Is there simple way to adjust this or some code to add?

Thanks!

2

Hello @Kahiwa ,

I have checked your problem. However, Motion is a paid theme so I cannot test it specifically, so I will guide you on the refresh theme because they are quite similar.

First, open the code editor, then find the file main-collection-product-grid.liquid (the names may be different, but find the file related to displaying the collection).
Then you find the line of code with the following content:

view - 2023-12-08T111605.333.png
view - 2023-12-08T111605.333.png783×191 16.1 KB

Then replace the number you want in section.settings.products_per_page. For example, you want 14 products so the code will look like this:

view - 2023-12-08T111650.357.png
view - 2023-12-08T111650.357.png759×189 14.5 KB

Hope it helps @Kahiwa

1 Like
3

Thank you! Took a while but finally found it. For the motion it seems it’s a little different. Here is the code part where I changed the amount of rows (If somebody else is looking for this)

{%- when 'product_grid' -%}
        {%- liquid
          assign per_row = block.settings.per_row
          assign paginate_by = per_row | times: 7
          if block.settings.collection_subnav_style == 'inline'
            assign paginate_by = paginate_by | minus: 1
          endif
        -%}
4

I’m using a 3rd party theme and am having trouble editing the code to add more products per row on my shop. I didn’t set up this theme so I’m unsure of how to proceed without completely building a new site from a shopify theme.

5

You can completely use your theme without needing to replace a new theme. You just need to find the file related to displaying the collection and edit it.
If you have problems editing, please provide the theme you are using, I can help you with that.

6

Hi Kahiwa, can you tell us is it this file>the file main-collection-product-grid.liquid to edit the code because I can’t seems to find it

7

Hi BSS, I can’t find the code which Kahiwa edit the code, what is the names files for it?

{%- when ‘product_grid’ -%}
{%- liquid
assign per_row = block.settings.per_row
assign paginate_by = per_row | times: 7
if block.settings.collection_subnav_style == ‘inline’
assign paginate_by = paginate_by | minus: 1
endif
-%}

8

Found it, it is in main-collection.liquid to edit the file.