Theme adjustment

Theme adjustment

 

First, INSTALL BASIC CUSTOMIFY LIQUID FILE

Click on the ‘INSTALL’ button to install basic theme files
  • Customify product template ( /template/product.customify.liquid )
  • Customify snippset ( /snippset/customify-item.liquid )

Now insert the Code to theme.liquid. For that Open theme.liquid and insert the following code, before closing head tag(</head>/)

The code that needs to be inserted is provided below:-

  • Open theme.liquid
  • Insert the following code, before closing head tag ( {% include ‘customify-source’ %} )
{% include 'customify-source' %}

insert-following-code

 

Open cart.liquid code

Add view custom product link.

Find the liquid code which represents item title. Could be one of any following codes:


<a href="{{ item.url }}" > {{ item.product.title }} </a>
<a href="{{ item.product.url }}"> {{ item.title }} </a>
<a href="{{ item.url }}"> {{ item.title }} </a>

Add following code in new line, right after above line code:

{% include 'customify-item' %}

Change cart item image to the custom product image.

Find the liquid code which represents item image. Could be one of any following codes:

<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 }}" />

Change to the following code:

{% if item.properties.customify_id %}
<img style="width: 240px; max-width: 100%;" src="{{ shop.url }}/apps/customify?show_custom=1&id={{ item.properties.customify_id }}" alt="{{ item.title | escape }}" />;
{% else %}
<img src="{{ item | img_url: 'medium' }}" alt="{{ item.title | escape }}" />
{% endif %}