Shopify. How to manage the 产品 title size

你好! This video tutorial shows how to manage the 产品 title 长度 in Shopify templates.

Shopify. How to manage the 产品 title size

Sometimes the 产品 title is cut off on the 产品 listing page due to the large number of symbols:

Let’s learn how to increase the title 长度 so that the full 产品 name is displayed.

The tutorial assumes you are already logged into your Shopify admin panel.

1. Navigate to Online Store ->Themes 选项卡:

   

2. On the appeared screen click the “…” button at the top right and choose 编辑 HTML/ CSS option:

   

3. 点击 on the Snippets folder on the left, then click the 产品-listing-item.液体 file to open it for editing:

   

4. Once the file is opened, locate the following line of code there:

	{{ 产品.title | truncate:30}}

Change the truncate:30 to some higher value, e.g. truncate:100 so the code looks like the above one:

	{{ 产品.title | truncate:100}}

点击 “保存” button at the top right to apply the changes:

Open your store front-end and refresh the page to see the changes.

We can see the 产品 title is displayed fully now:

This is the end of the tutorial, you have learnt how to manage the 产品 title 长度 in your Shopify template.

Feel free to check the detailed video tutorial below:

Shopify. How to manage the 产品 title size