Caution
This is an advanced tutorial and is not supported by Shopify. Knowledge of web design languages such as HTML, CSS, Javascript and Liquid is required. We suggest hiring a Shopify Expert if you are not comfortable proceeding with the following tutorial.
Create a new Liquid snippet called secondary-description.liquid
- From your Shopify admin, click Online Store, and then click Themes
- Find the theme you want to edit, click the Actions button, and then click Edit HTML/CSS.
- On the left side, click the Snippets heading to reveal your Snippets content.
- Under the Snippets heading, click the Add a new snippet link:
- Call your new snippet 'secondary-description'. Click Create snippet.
- Copy + paste following content into your new secondary-description.liquid snippet.
{% assign productSplit = product.description | split: '' %}
{% if productSplit.size > 1 %}
<link rel="stylesheet" type="text/css" href="https://app.dxcoders.com/css/RightCustom.css">
{{ product.description | split: '<!--dxcoder-->' | last }}
{% endif %}
Replace {{ product.description }} in product.liquid with {{ product.description | split: '<!--dxcoder-->' | first }}
- Under the Templates heading, click the
product.liquid
- Find {{ product.description }} and replace with {{ product.description | split: '<!--dxcoder-->' | first }}
Place the secondary-description.liquid snippet at the end of main
- Under the Templates heading, click the
product.liquid
- Paste
{% include 'secondary-description' %} after the closing of Product section