If you want to add a link on your customers' cart page that allows them to see the preview image of their personalized product follow these instructions.
To add a View Personalization link on 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 and filters the properties of the cart items. It
looks something like this:
{%- assign property_size =item.properties | size -%}
{%- if property_size 0 -%}
{%- for p in item.properties -%}
{%- assign first_character_in_key = p.first | truncate: 1, '' -%}
{%- unless p.last == blank or first character_in_key == '_' -%}{{- p.first | append: ":" | append: ' ' -}} {%- if p.last contains '/uploads/' -%} {{ p.last | split: '/' | last }} {%- else -%} {{- p.last -}} {%- endif -%}
{%- endunless -%}
{%- endfor -%}
{%-endif-%}4. Insert the following code after the { %- endfor -% }
{% if item.properties['_customily-preview'] %}
View Personalization
{% endif %}When added it should look like this:
Note:
You can change the text of the link by editing the text that's inside the label. In this case, you'd have to replace the "View personalization" in the exact same place.
To add a View Personalization link on the pop-up cart
To add a View Personalization link on the 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