Skip to product information
1 of 1
Published:2023.08.24

How to display checkboxes on the product details screen of the Shopify theme "Dawn" and enable the purchase button when all are checked: Part 2

How to display checkboxes on the product details screen of the Shopify theme "Dawn" and enable the purchase button when all are checked: Part 2

Applications

  • Product information management and editing

How to implement

  • LIQUID
  • Javascript
  • HTML/CSS
View full details

This is an example of adding a checkbox to a Shopify product page so that customers cannot purchase the product unless they check it. With this setting, you can set up to three items per block, and you can also apply it only to products with a specific tag.


How to display checkboxes in the "Dawn" theme and enable the purchase button when all are checked (Part 2)


Setup Step 1: Add the scheme to "main-product.liquid" and the label to "ja.schema.json"


Setting Step 2: Modify the code in "main-product.liquid"


Setup Step 3: Add the "Checkbox before purchase" block in the product information section of the product template


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 scheme to "main-product.liquid"

Related Post