Skip to product information
1 of 1
Published:2023.06.18

Example of how to change the sorting of collection pages from dropdown to tabs in the Shopify theme "Dawn"

Example of how to change the sorting of collection pages from dropdown to tabs in the Shopify theme "Dawn"

Applications

  • CollectionsEdit

How to implement

  • Javascript
View full details

Many themes offer a pull-down sorting function on Shopify's collection page, but there may be cases where you want to change this to a tab-type sorting function. Normally, you would customize it by editing the Liquid code, but here is an example of how to make changes using the theme editor. *Only available in "Dawn"


Example of how to change the sorting of collection pages from pull-down to tab-type in the theme "Dawn"


[Setup Method 1] Turn off Enable sorting for product grid in collection template and add a customized Liquid section


[Setup Method 2] Insert the code into the customized Liquid section


[Note] Available regardless of whether or not the filter function is enabled and regardless of the layout


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

Insert the code into the customized Liquid section

Related Post