If you want to add the customized product image to the cart page or to the pop-up cart follow the instructions below.
To add the customized product image to the cart page
1. Go to the Shopify theme you want to use and click on Actions - Edit code
2. Identify the cart page file. This could have one of the following names:
- cart-template.liquid
- cart.liquid
- template--cart.liquid
3. Find the piece of code that renders the product image. It looks something like this:
{% render 'image', src:item, alt: item.title | escape, size: 'medium'%}
4. Add a condition that evaluates whether this property exists: item.properties['_ customily-thumb']
- If true, show an image with the src attribute as item.properties['_ customily-thumb']
- if false, show the original image.
When added it should look like this:
Here is a code example:
{% if item.properties['_customily-thumb'] %}
<img src="{{item.properties['_customily-thumb']}}" />
{% else %}
// Add the piece of code of your theme that renders the image.
{% endif %}To add the customized product image to the pop-up cart
To add the customized product image to your pop-up cart:
1. Go to the Shopify theme you want to use and click on Actions - Edit code
2. Identify the pop-up cart file. This could have one of the following names.
- header.liquid
- ajax-cart-template.liquid
- mini-cart.liquid
3. Follow the rest of the instructions indicated above.
Share
Was this article helpful?
Have more questions? Submit a request