Hot Line:

+1 (917) 730-2010

AI-Powered Web Development, SEO, Shopify & WordPress — Get a Free Consultation Today. Get Started

Tutorials

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

  • 02 Nov, 2021
  • 1 Comments
  • By WebSensePro
Learn How to Add Custom Field in Shopify Product Page (Debut Theme)
//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
Tags:

    Comments (1)

    Thomas

    2023-04-30

    Hello Amigo, Thank you for your tuto, please can you help me to add a Instagram field on a Shopify page, simple page not product or else. Thank you my friend.

    Background Pattern

    Want to work with us?

    Let’s build your website, grow your traffic, and automate your business with AI.

    Background Pattern