Installation Instructions

Edit theme.liquid

1) Go to Shopify's admin, select Online Store under Sales Channel section.

2) Select Actions.

Pasted Graphic.png

3) Select Edit code from the dropdown.

4) Under "Layout", select theme.liquid file to edit it.

5) Copy and paste the following code directly below the {{ content_for_header }} line:

{% include 'acp-common' %}   

6) Copy and paste the following code directly above the </body> tag:           

<script type="text/javascript" charset="utf-8">
  var appikon_customer_tags = {{ customer.tags | json }}
</script>

7) Click on Save button.

Edit Collection.liquid

1) Go to Shopify's admin, select Online Store under Sales Channel section.

2) Select Actions.

3) Select Edit code from the dropdown.

4) Under "Templates", select collection.liquid to edit it.

Note: The contents for this file may be located under "Sections" in the collection-template.liquid file.

5) Find the following line of code:

{% for product in collection.products %}

Note: This line may appear more than once in the file and you will need to add the line of code for each instance. Can't find this code?

Find for product in collection.products

6) Copy and paste this code directly below each instance:

{%- include 'acp-product' with product, hide_action: 'skip' -%}

7) Select Save.

Select Save

Edit related-products.liquid (if present)

1) Go to Shopify's admin, select Online Store under Sales Channel section.

 

2) Select Actions

3) Select Edit code from the dropdown.

 

4) Under "Snippets", select related-products.liquid to edit it.

5) Find the following line of code.

{% for product in collection.products %}

Note: This line may appear more than once in the file and you will need to add the line of code for each instance.

Find for product in collection.products

6) Copy and paste this code directly below each instance:

{% include 'acp-product' with product, hide_action: 'skip' %}

7) Select save.

Select Save

Edit search.liquid

1) Go to Shopify's admin, select Online Store under Sales Channel section.

2) Select Actions

3) Select Edit code from the dropdown.

4) Under "Templates", select search.liquid to edit it.

Select search.liquid

5) Find the following line of code:

{% for item in search.results %}

Note: This line may appear more than once in the file and you will need to add the line of code for each instance.

6) Copy and paste this code directly below each instance:

{%- include 'acp-product' with item, hide_action: 'skip' -%}

7) Select save.

Select Save

Edit product.liquid

1) Go to Shopify's admin, select Online Store under Sales Channel section.

2) Select Actions

3) Select Edit code from the dropdown.

4) Under "Templates", select product.liquid to edit it.

Note: The contents for this file may be located under "Sections" in the product-template.liquid file.

Select product.liquid

5) Copy and paste the following code at the top of this file:

{% include 'acp-product' with product, hide_action: 'break' %}{% if acp_hidden_product %}{% break %}{%endif %}

6) Find the following line of code:

{% for variant in product.variants %}

Note: This line may appear more than once in the file and you will need to add the line of code for each instance.

7) Copy and paste this code directly below each instance:

{% include 'acp-variant' with variant, hide_action: 'skip' %}

8) Find the following line of code:

{% assign current_variant = product.selected_or_first_available_variant %}

Note: This line of code may use a different variable name. Common variable names include "variant" and "pr_variant".

Change this line of code to:

{% assign current_variant = acp_selected_or_first_available_variant %}

9) Copy and paste the following code directly below this line:

{%- include 'acp-variant' with current_variant, output: 'none' -%}

Note: Depending on your theme, you may need to use variant as the variable in the above code.

10) Find the following line of code containing (if present):

products.variants.size

Note: This line may appear more than once in the file and you will need to add the line of code for each instance.

Find product.variants.size

Change this line of code to:

acp_variants_size

11) Find the following line of code:

{{ product | json }}

Note: This line may appear more than once in the file and you will need to add the line of code for each instance.

Find product json

Change this line of code to:

{%- include 'acp-product', output: 'json' -%}

12) Select save.

Select Save

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Did this help answer your question?

thumbs up
thumbs down

Thanks for the feedback! 🙏🏽