implementation shopify product filter to debut theme

Solved
Highlighted
New Member
27 0 0

Hi everyone

Anybody can help me? i want to implement shopify product filter by devtees to my themes. I have included all the files in the theme but I had difficulty when step four and five.

this link to my store : nonarara.myshopify.com
password: nonarara

Screenshot_101.png

0 Likes
Highlighted
Shopify Partner
147 23 30

This is an accepted solution.

Hi @mchmddiazz 

 

Here is the clarification for those points:

4. The Debut theme now uses another product snippet, it's called "product-card-grid.liquid".

The code for the product snippet have to place for first Div tag, here the reference screenshot:

Screenshot_1.jpg

 

 

5. The code of snippet including {% include 'size-filter' %} or {% include 'size-filter-dynamic' %} have to be placed to the Collection section, the section is called "collection-template.liquid".

The code has to be used within a new HTML tags adding, here the whole code that require to be inserted:

              <div class="filters-toolbar__item-child">
                <div class="filters-toolbar__input-wrapper select-group">
                  <div class="filters-toolbar__input">
                    {% include 'size-filter' %}
                  </div>
                </div>
              </div>

This one whole code have to placed right after code "<div class="filters-toolbar__item-wrapper">" that you can find in the "collection-template.liquid". Here is screenshot for reference:

 

Screenshot_2.jpg

 

I suppose a Filter will require some CSS stylistic. If it does, let me know.

0 Likes
Highlighted
New Member
27 0 0

It works, thanks for code @Sasha2 ! :) 

0 Likes