Add customized product link and show final design image on the Cart page

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>
  
  <a href="{{ item.product.url }}"> {{ item.title }} </a>
  
  <a href="{{ item.url }}"> {{ item.title }} </a>

  After you found one of the above codes you should put the following code after </a> tag:
  

  {% include 'customify-item' %}

  So the code will be like following:
  

  <a href="{{ item.url }}" > {{ item.product.title }} </a>
  {% include 'customify-item' %}

  Once the code changed, please click save.

• 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 }}">
  {% 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>

  Once you have completed the above steps, the product customizer app will be properly installed.
  
  Should you have any questions or face any trouble while installing the app, please feel free to Contact us.