Skip to product information
1 of 1
Published:2024.09.23

Example of adding "drop-down," "radio button," and "checkbox" items to the inquiry form for the Shopify theme "Rise/Dawn"

Example of adding "drop-down," "radio button," and "checkbox" items to the inquiry form for the Shopify theme "Rise/Dawn"

Applications

  • Contact formEdit

How to implement

  • HTML/CSS
  • Javascript
View full details

This is a configuration example for adding custom "drop-down," "radio button," and "checkbox" items to Shopify's contact form. Checkboxes cannot be submitted by simply adding the HTML element, so JavaScript must be used in conjunction with them.


Example of adding "drop-down," "radio button," and "checkbox" items to the inquiry form for the Shopify theme "Rise/Dawn"


[(For the Rise/Dawn theme) Setup method ①] Insert the code to add items (form part) to sections/contact-form.liquid


[(For the Rise/Dawn theme) How to set it up] Add CSS to sections/contact-form.liquid to adjust the appearance of "dropdown", "radio button", and "checkbox".


[Reference] Body of the email sent


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 to add items (form part) in sections/contact-form.liquid

Related Post