Shopify Custom Text box according to product collection

Question

Im trying to do a conditional where if a product is in collection "personal" it will show a text box. I have this in the product.liquid page but it does't seem to be working.

   {% if collection.title == 'personal' %}
            <div>                             
              <p><input type="text" id="letter" placeholder="Enter up to 6 Letters" name="properties[letter]" /></p>
            </div>
   {% endif %}

Answer 1

Try this:

{% for collection in product.collections %}
  {% if collection.handle == 'personal' %}
    <div>                             
      <p><input type="text" id="letter" placeholder="Enter up to 6 Letters" name="properties[letter]" /></p>
    </div>
  {% endif %}
{% endfor %}

See the Shopify docs for product.collections .