To make the Happy Cart app work properly on the Shopify platform right after installation, we have to make a few modifications of the shop’s templates. Those modifications are made automatically during the app installation and activation. When the app is removed, the changes are also deleted. 

Thanks to this process, the shop owner or the team of developers responsible for technical support don’t have to manually change the templates. The whole process is automated. 

Attention! For the proper running of the app, it is necessary to have an account in the QuarticOn Panel and a running e-mail campaign that is configured on this account. This account is created and updated automatically during the app installation and activation. When the app is removed, account is deactivated as well.

How to modify the template manually?

1. Click on the Online Store link located at the end of the main menu.

2. In the Current theme section click on the Actions button and choose Edit code from dropdown menu.

3. Find Sections directory on the file list and click on header.liquid file. Scroll down to the end of the file and paste/delete code between <!--qon-storefront-start--> and <!--qon-storefront-end--> tags.

The code:

<!--qon-storefront-start-->

{% if customer %}

<script id="qon-storefront" type="text/javascript">

window.qonEmail = { email: '{{ customer.email }}', agreement: {{ customer.accepts_marketing }} }

</script>

{% endif %}

<!--qon-storefront-end-->

4. Move to the product-template.liquid file (also in Sections directory), scroll to the end of the file and paste/delete code from below.

The code:

<div class="qON_product" style="display:none"

data-qon-id="{{ product.id }}"

data-qon-title="{{ product.title }}"

data-qon-status="{{ product.variants[0].available }}"

data-qon-price="{{ product.variants[0].price | money_without_currency | replace: ',', '.' }}"

data-qon-link="{{ shop.url }}{{ product.url }}" data-qon-image="{{ product.images[0].src | img_url }}"

data-qon-category-1-id="{{ product.product_type }}"

data-qon-category-1-title="{{ product.product_type }}"

>

</div>

App uninstalling and changes in the shop’s templates 

During the process of uninstalling the app, we delete all the above-mentioned code, leaving the shop’s template as it was before. 

Additional questions?

If you have any doubts on how to modify the templates on the Shopify platform, contact us on helpdesk@quarticon.com and we will guide you through this process. 

Czy udało Ci się znaleźć odpowiedź na swoje pytanie?