These final steps are optional for you. Because the app will still be working without having to complete these steps.
In order to show the final design on your cart, you can follow this instruction:
- Add view customized product link on the Cart page
In order to add a custom product output link on the cart page, you need to complete this step. Open your template, then under Sections area click cart-template.liquid file like on the following screenshot:
Find one of the following codes on the cart-template.liquid file:
<a href="{{ item.url }}" > {{ item.product.title }} </a>
After you found one of the above codes you should put the following code after </a> tag:
<a href="{{ item.product.url }}"> {{ item.title }} </a>
<a href="{{ item.url }}"> {{ item.title }} </a>
{% include 'customify-item' %}
So the code will be like following:
<a href="{{ item.url }}" > {{ item.product.title }} </a>
Once the code changed, please click save.
{% include 'customify-item' %}
- Add final custom design on the Cart page
If you want to show the final custom design on the cart page, please complete this step. Open the cart-template.liquid file. Please Find the code which represents the item image. It could be one of the following codes:
<img class="cart__image" src="{{ item | img_url: '95x95', scale: 2 }}" alt="{{ item.title | escape }}" data-item-url="{{ item.url }}">
<img src="{{ item | img_url: 'medium' }}" alt="{{ item.title | escape }}" />
<img src="{{ item | img_url: 'compact' }}" alt="{{ item.title | escape }}" />
<img src="{{ item | img_url: 'small' }}" alt="{{ item.title | escape }}" />
<img src="{{ item.product.featured_image.src | product_img_url: 'medium' }}" alt="{{ item.title | escape }}" />
Delete that code and replace with this one:
<a href="{{ line_item.url }}">
Once you have completed the above steps, the product customizer app will be properly installed.
{% assign cst_idx = shop.metafields.customify.idx %}
{% if line_item.properties[cst_idx] %}
<img src="{{ shop.url }}/apps/customify?show_custom=1&id={{ line_item.properties[cst_idx] }}" style='width: 240px; max-width: 100%' alt="{{ item.title | escape }}" />
<img src="{{ shop.url }}/apps/customify?show_custom=1&type=back_full&id={{ line_item.properties[cst_idx] }}" style='width: 240px; max-width: 100%' alt="{{ item.title | escape }}" onError="style.display = 'none';"/>
{% else %}
<img class="cart__items__img" src="{{ line_item | img_url: '180x' }}" alt="{{ line_item.title | strip_html | escape }}">
{% endif %}
</a>
Should you have any questions or face any trouble while installing the app, please feel free to Contact us.
Comments
0 comments
Please sign in to leave a comment.