Skip to product information
1 of 1
Published:2024.11.12

Example of setting up the storefront to allow changing the "Filter Type" on the collection page (desktop screen) of the Shopify theme "Rise/Dawn"

Example of setting up the storefront to allow changing the "Filter Type" on the collection page (desktop screen) of the Shopify theme "Rise/Dawn"

Applications

  • Collection information management and editing

How to implement

  • LIQUID
View full details

Normally, you can only change the filter type on the admin screen for collection pages, but here's how to set it up so that it can also be done on the storefront (desktop screen only).

◆ Benefits of implementation: Improved user experience (improved product search efficiency)

◆Target theme: Rise
・Dawn

◆Specific steps: Open “sections/main-collection-product-grid.liquid” and add the code


This is a setting example for the collection page (desktop screen) of the Shopify theme "Rise/Dawn" that allows you to change the "filter type" on the storefront side, which is normally only possible from the admin screen.


[(For the Rise/Dawn theme) Setting method ①] Add the code to "sections/main-collection-product-grid.liquid"


[(For the Rise/Dawn theme) Setting method ②] Rewrite the code in "sections/main-collection-product-grid.liquid"


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add the code to "sections/main-collection-product-grid.liquid"

Related Post