Skip to product information
1 of 1
Published:2024.10.25

Example of how to implement a drop-down quantity selector using code editing in the Shopify theme "Rise/Dawn"

Example of how to implement a drop-down quantity selector using code editing in the Shopify theme "Rise/Dawn"

Applications

  • Product information management and editing

How to implement

  • Javascript
View full details

Regarding the previously posted example of changing the quantity selector to a drop-down type on the product page of the Shopify theme "Dawn/Rise" (https://store-dojo.com/products/2024-08-13), this is an example of how to implement it using theme blocks by editing the code, rather than adding custom Liquid in the theme editor.


Example of how to implement a drop-down quantity selector using code editing in the theme "Rise/Dawn"


[Setting Step 1: Product Information Section] Add the schema to "sections/main-product.liquid" and the label to "ja.schema.json"


[Setting Step 2: Product Information Section] Add the code to "sections/main-product.liquid"


How to use: Add a block in the theme editor, remove (or hide) the existing quantity selector, and set the maximum number of selections.


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 schema to "sections/main-product.liquid"

Add a label to "ja.schema....

Related Post