How can I add a product view feature to my product listing page?

Shopify Discussion
1

I want “View: How many product I want to show in a page in drop down box” in Product listing page.

Result 5.png
Result 5.png232×128 5.4 KB

Can any one share code for adding this View?

I am sending you an example for that View drawer box.

2

Hello @poc1234

  1. Go to your Shopify admin and click on the “Online Store” tab.
  2. Click on the “Themes” tab.
  3. Click on the “Edit Code” button for the theme that you are using.
  4. In the “Templates” folder, open the “collection.liquid” file.
  5. Find the following code:
{% for product in products %}
  <li>{{ product.title }}</li>
{% endfor %}

Replace this code with the following code:

<div class="product-count-dropdown">
  <select name="product_count">
    <option value="12">12</option>
    <option value="24">24</option>
    <option value="36">36</option>
  </select>
</div>

{% for product in products limit: settings.products_per_page %}
  <li>{{ product.title }}</li>
{% endfor %}

This code will add a dropdown menu to the category page that allows customers to select the number of products that they want to display.

The products_per_page setting can be found in the “Theme Settings” section of your Shopify admin

3

Hi, In my store “collection.liquid” file is not showing