How to add a "Text area" for specific collections only

How to add a "Text area" for specific collections only

Pametarium
Tourist
12 0 1

Hello 

I would like to remove the "Note Box" for instructions and comments from the "Cart" because not all products require instructions. Instead, I would like to put the "Note Box" in specific collections only. Can someone help me how to add the text area to a collection in specific please? I know how to remove it from the cart but I can't seem to be able to add it to the product detail page.

FYI: I am using the fruitbee theme. 

Thanks in advance

Replies 5 (5)

Lucid_Polygon
Shopify Partner
349 63 96
  • Your theme is a paid one so got no access.
  • You would need to make a copy of your product template so we can add the text field to the copy.
  • Then you'll have to assign the copy template for the products that need a text field.
  • In the copy template find the form section and add a new text area. Code sample below.
  • You might have to tweak the code to suit the field name with rest of your field names.
<p class="line-item-property__field">
  <label for="note">Note</label>
  <textarea id="note" name="properties[note]"></textarea>
</p>

 

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution
Pametarium
Tourist
12 0 1

Hi Lucid_Polygon

Thank you for your response. 

I have created a copy of the product template but I am having a difficult time finding where to add the code sample you have given me.

Do you happen to know where I need to add the code? 
Please see attachment..
Thanks

Lucid_Polygon
Shopify Partner
349 63 96
  • Show the screenshot of what have you copied (add the file here)
  • Screenshot of your code sidebar so I can suggest which file (Generally a file in the sections folder called main-product.liquid or something to that effect to say its the main product
  • Some screenshot from my theme is included for you to get an idea
  • Screenshot of my product.json where the section name is mentioned
  • Screenshot of my main-product.liquid with buttons and related code

The way shopify themes are generally structured is  -> Shopify has a main produtct.json template which leads to main-product.liquid where you will find the actual theme code.

 

So you have to duplicate both. Mention the new section name in new template.

 

Screen Shot 2022-11-29 at 10.33.02 AM.pngScreen Shot 2022-11-29 at 10.32.27 AM.png

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution
Pametarium
Tourist
12 0 1

Thank you for your prompt response.

Here are the screenshots.

 

  • The first one is for the copy of the product template. I named it "product with text box"
  • The second is for the side bar
  • The third one is to show you I don't have a main-product.liquid. 

Screen Shot 2022-11-29 at 2.23.34 PM.pngScreen Shot 2022-11-29 at 2.25.33 PM.pngScreen Shot 2022-11-29 at 2.26.43 PM.png

Lucid_Polygon
Shopify Partner
349 63 96

It doesn't necessarily need to be named main.  Mine was named main as I showed. Yours seem to be named to be product-template.liquid

 

You'll find code in there.

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution