Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

adding checklist code to shopify product page

  • 19-08-2018 08:06AM
    #1
    nino1
    Registered Users, Registered Users 2 Posts: 830 ✭✭✭


    I am setting up a shopify account on a very tight budget.
    If someone could help me with the coding I would be very grateful as i have no coding experience whatsoever!


    I am looking to add checklists to my product page.



    i added a new template called custom_1 and entered the following code to product-template.liquid

    {% if template contains 'custom-1' %}
    <p class="line-item-property__field">
    <label>Optional features</label>
    <input type="checkbox" id="Feature-A" name="properties[Optional features - Feature A]"><label class="ep_inline_block" for="Feature-A">Feature A</label><br>
    <input type="checkbox" id="Feature-B" name="properties[Optional features - Feature B]"><label class="ep_inline_block" for="Feature-B">Feature B</label><br>
    <input type="checkbox" id="Feature-C" name="properties[Optional features - Feature C]"><label class="ep_inline_block" for="Feature-C">Feature C</label>
    </p>


    <style>
    .ep_inline_block {display:inline-block;vertical-align:middle;margin-left:10px;}
    .ep_block {display:block;margin-top:10px;margin-bottom:2px;}
    </style>

    {% endif %}

    I have attached a screenshot of this.

    I then chose a product and changed the theme template to product.custom_1 but when i go into that product the checklist is not there.

    Could anyone please tell me where i have gone wrong?

    Many thanks.


Advertisement