Vintage Themes

Your store might be using a Shopify Vintage Theme. In this case the following files needs to be added to your theme:

• templates/product.coattend.liquid
• templates/page.coattend_calendar.liquid

Please follow the instructions to add the files to your theme.

Add the product.coattend.liquid file

1. In your Shopify admin page navigate to Online Store > Themes and click the Edit code button.
2. At the Templates section click the Add a new template button.
3. Select product as a template, liquid as a file type, name the file product.coattend.liquid and click the Done button.
4. Copy and paste the following code in your file:

   {% if product.selected_or_first_available_variant.metafields.coattend.has_event_schema %}
   <script type="application/ld+json">{{ product.selected_or_first_available_variant.metafields.coattend.event_schema }}</script>
   {% endif %}
   {% capture url %}
     https://widget.coattend.com?template=true&product_id={{product.id}}{% if product.selected_variant.id %}&variant_id={{product.selected_variant.id}}{% endif %}{% if customer %}&customer_id={{customer.id}}{% endif %}&shop={{shop.permanent_domain}}
   {% endcapture %}
   <div id="coattend-iframe-cnt" style="padding: 20px 10px;">
     <iframe id="coattend-iframe" width="100%" height="600px" src="{{url | strip}}" frameborder="0" allowfullscreen></iframe>
   </div>

5. Click the Save button.

Add the page.coattend_calendar.liquid file

1. In your Shopify admin page navigate to Online Store > Themes and click the Edit code button.
2. At the Templates section click the Add a new template button.
3. Select page as a template, liquid as a file type, name the file page.coattend_calendar.liquid and click the Done button.
4. Copy and paste the following code in your file:

   {% capture url %}
     https://widget.coattend.com/calendar?template=true{% if customer %}&customer_id={{customer.id}}{% endif %}&shop={{shop.permanent_domain}}
   {% endcapture %}
   <div id="coattend-iframe-cnt" style="padding: 20px 10px;">
     <iframe id="coattend-iframe" width="100%" height="600px" src="{{url | strip}}" frameborder="0" allowfullscreen></iframe>
   </div>

5. Click the Save button.