If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Shopify. How to change the number of columns on collection pages (if there is no such option in theme settings)

This tutorial shows how to change the number of columns on collection pages in Shopify.

You may need to change the number of columns on collection pages by increasing or decreasing the number of products per row. If it can not be changed in the Theme options as shown in the Shopify. How to change number of products on collection pages tutorial, perform the following steps.

Shopify._How_to_change_the_number_of_columns_on_collection_pages_1

NOTE: We strongly recommend to backup each file before making the changes.

  1. Log into your admin panel and navigate to Online Store > Themes > Customize theme > Edit HTML/CSS.

    Shopify._How_to_change_the_number_of_columns_on_collection_pages_2

  2. Open Config > settings_data.json file and locate this code:

    “collection_listing_cols”: “3”,

    Shopify._How_to_change_the_number_of_columns_on_collection_pages_3

  3. Set the needed number of products to show up on the collection pages.

  4. Save the changes and refresh the page.

    Shopify._How_to_change_the_number_of_columns_on_collection_pages_4

Feel free to check the detailed video tutorial below:

Shopify. How to change the number of columns on collection pages (if there is no such option in theme settings)