Skip to product information
1 of 1
Published:2023.06.18

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

[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