Supply theme
- In your Shopify Admin click Online Store.
- Click to Current Theme's Actions > Edit code.
- Open the product-template.liquid file under the Sections area of your Theme Editor.
- Copy the code below.
{% unless product.metafields.coattend.enabled %} <button type="submit" name="add" id="addToCart-{{ section.id }}" class="{{ btn_class }} btn--add-to-cart{% if section.settings.enable_payment_button %} btn--secondary-accent{% endif %}"> <span class="icon icon-cart"></span> <span id="addToCartText-{{ section.id }}">{{ 'products.product.add_to_cart' | t }}</span> </button> {% if section.settings.enable_payment_button %} {{ form | payment_button }} {% endif %} {% else %} <div class="coattend-button {{ btn_class }} btn--add-to-cart{% if section.settings.enable_payment_button %} btn--secondary-accent{% endif %}" data-coattend-product-id="{{product.id}}" data-coattend-variant-id="{{product.selected_variant.id}}"> <span class="icon icon-cart"></span> <span id="addToCartText-{{ section.id }}">{{ 'products.product.add_to_cart' | t }}</span> </div> {% endunless %}
- Replace code from line 192 to 199. You can see what needs to be replaced on the below image.
- Click Save
Congratulations! Continue and display your event.