Skip to product information
1 of 1
Published:2024.08.13

Example of setting the quantity selector to a drop-down type in the Shopify theme "Dawn"

Example of setting the quantity selector to a drop-down type in the Shopify theme "Dawn"

Applications

  • Product information management and editing

How to implement

  • Javascript
View full details

This is an example of how to change the quantity selector on the product detail page from a "+-" button type to a dropdown in the Shopify theme "Dawn." The original selector has various events associated with it, so these are maintained while the new dropdown controls are used to operate them indirectly.


Example of setting the quantity selector to a drop-down type in the Shopify theme "Dawn"


[How to set it up] Add a custom Liquid section to the product information block in the product template and insert the code.


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 a custom Liquid section to the product information block in your product template and insert the code.

Related Post