How can I remove the swipe function from the collection list in the warehouse theme?

Technical Q&A
,
1

Hi everyone! I just want to ask help with you all.

We are using warehouse theme and the collection list section in the theme is displayed as swipe/scroll to the left function to see all the collection.

https://themes.shopify.com/themes/warehouse/styles/metal

So, what we want is to display it as it is like 2-3 rows and 4-6 per column in desktop and display 2 column in mobile but there’s no option to do it.

Can you please help me?

2

If the Warehouse theme does not provide an option to display the collection list section in the desired layout, you will need to customize the theme code to achieve the specific display format you’re looking for. Here’s a general outline of the steps involved:

  1. Access the theme code: In your Shopify admin, go to “Online Store” → “Themes” and click on “Actions” → “Edit Code” for the Warehouse theme.

  2. Locate the collection list section: Look for the section file related to the collection list. It could be named something like collection-list.liquid or featured-collections.liquid. You may need to navigate through the theme’s directory structure to find it.

  3. Modify the section code: Edit the section code to customize the layout. You’ll need to adjust the HTML and CSS to display the collections in the desired format.

    • For desktop: You can modify the HTML structure and CSS classes to display 2-3 rows and 4-6 collections per column. Adjust the CSS properties like width, float, and margin to control the positioning and spacing of the collection items.

    • For mobile: Modify the CSS to display 2 columns by adjusting the width and responsiveness of the collection items.