Increase amount of products displayed on collection page (Brooklyn Theme)

Shopify Partner
1 0 0

I searched through the forums and I cannot find anything I could use for this but I am trying to increase the amount of products that are shown on my collection pages. Currently, it is only showing 3 columns x 4 rows and I would like to add another column so it'll be 4x4. Now is the code that controls this in the CSS or somewhere else? Thanks. 

 

0 Likes
Shopify Staff (Retired)
Shopify Staff (Retired)
235 0 22

Hey Nader!

I'm Daryoush, on the exceptional Guru team! :)

That is a great question! On the Brooklyn theme, you can increase the pagination of the collection page by adjusting the code in the backend. This should be located in "Online Store" -> "Themes" -> three dots -> "Edit HTML/CSS". Once you are in this section, please locate the collection-template.liquid template file and increase the number for this code from 12 (3 x 4) to 16 (4 x 4).

{% paginate collection.products by 12 %}

I hope this helps! Please feel free to give us a call or start a live chat at any time, we are open 24/7 for your convenience and always happy to help!

Cheers,

Daryoush

1 Like
Tourist
8 0 1

Hello, my collection-template.liquid does not have a paginate line. How can I edit this to show more products?

1 Like
New Member
2 0 0

Hello, 

Same issue here. Below is the code for collection-template.liquid :

<!-- /templates/collection.liquid -->
<div id="CollectionSection" data-section-id="{{ section.id }}" data-section-type="collection-template" data-grid-type="{{ section.settings.collection_products_grid }}">
  {% include 'collection-template' %}
</div>

{% schema %}
  {
    "name": "Collection pages",
    "settings": [
      {
        "type": "select",
        "id": "collection_products_grid",
        "label": "Grid style",
        "options": [
          {
            "value": "collage",
            "label": "Collage"
          },
          {
            "value": "grid",
            "label": "Grid"
          }
        ]
      },
      {
        "type": "checkbox",
        "id": "collection_sort_enable",
        "label": "Enable collection sorting"
      },
      {
        "type": "checkbox",
        "id": "collection_tags_enable",
        "label": "Show collection tags"
      },
      {
        "type": "checkbox",
        "id": "product_vendor_enable",
        "label": "Show product vendor"
      }
    ]
  }
{% endschema %}

0 Likes
New Member
2 0 0

Hello,

Were you able to find answer to this?

Thanks :) 

0 Likes
New Member
10 0 0

Hi

I have read your entire post and very interested to work with you. we have developed many Shopify websites. so, we are very confident that we can fulfill your expectations.

Please contact at sam@99coders.co

Thanks

Sam

0 Likes
Tourist
8 0 1

I am still looking for an answer on this as well.

0 Likes
Tourist
4 0 1

Hi why not just provide solution here so we can all access it, please

 

0 Likes
Shopify Partner
87 16 21

Hello @sirtch @Nader_Ahmed @Meredith_Norwoo

 

Please see below image to fix this issue :)

solution.png


Best Regards
Parth Bhut

............................................................................................................................

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: parth.bhut143@outlook.com [This is my PAYPAL too:) ]
Skype: parthbhut7

1 Like
Tourist
4 0 1

Hi  

What should I do please?

 

Thanks

0 Likes