Learn How to Add Custom Field in Shopify Product Page (Debut Theme)

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on pinterest
//Copy and paste the code below into your product.liquid


// Following code will display field as required + Will show in checkout page

<p class="line-item-property__field">
  <label for="your-name">Your name</label>
  <input required class="required" id="your-name" type="text" name="properties[Your name]">
</p>

// Following code will display field as required but it will not show in checkout page

<p class="line-item-property__field">
  <label for="your-name">Your name</label>
  <input required class="required" id="your-name" type="text" name="properties[_Your name]">
</p>

// Following code will display optional field in product page 

<p class="line-item-property__field">
  <label for="your-name">Your name</label>
  <input id="your-name" type="text" name="properties[_Your name]">
</p>

5/5 - (6 votes)

About

Leave a Comment

Your email address will not be published. Required fields are marked *