How to change the number of symbols in the product title in different sections in Shopify

How to change the number of symbols in the product title in different sections in Shopify

The number of symbols can be changed by editing a truncate value in a specific “.liquid” file. There is a separate file for each certain section. In order to locate the file, and enlarge the number of symbols in the product title, follow these steps:

  1. Login into your Shopify admin panel, and navigate to Online Store -> Themes section.
  2. Click on the three dots icon at the top right corner and select Edit HTML/CSS option.
  3. Type “product” to the search field, you will receive the names of all the files to edit.
    • product-listing-item.liquid file controls the appearance of products on listing pages, including both the home page (Featured products) and the collection pages main area.

      Note: some templates contain product-grid-item.liquid file instead.

    • widget-related-products.liquid – in this file you can correct the number of symbols in the titles of related products which appear on the product’s details page.
    • widgetsidebar-products.liquid – here the titles of products that appear in a sidebar can be edited (usually the Best sellers or Special products).
  4. Open the necessary file (the one that corresponds to the area you want to change) and look up the “product_name” class. Locate the “truncate” value and and enlarge it. Save the file.
  5. Check the changes on your website frontend after refreshing the cache.

Was this article helpful?

Related Articles

Leave A Comment?