{"id":50586,"date":"2015-07-14T07:53:49","date_gmt":"2015-07-14T11:53:49","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=50586"},"modified":"2016-02-17T04:16:08","modified_gmt":"2016-02-17T09:16:08","slug":"shopify-how-to-manage-the-product-title-size","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/shopify-how-to-manage-the-product-title-size.html","title":{"rendered":"Shopify. How to manage the product title size"},"content":{"rendered":"

\r\n

Hello! This video tutorial shows how to manage the product title length in Shopify templates.<\/p>\r\n

Shopify. How to manage the product title size<\/a><\/p>\r\n

Sometimes the product title is cut off on the product listing page due to the large number of symbols:<\/p>\r\n

\"shopify_manage_product_title_length_1\"<\/a><\/p>\r\n

Let’s learn how to increase the title length so that the full product name is displayed.<\/p>\r\n

The tutorial assumes you are already logged into your Shopify admin panel.<\/p>\r\n

    \r\n
  1. \r\n

    Navigate to Online Store ->Themes<\/strong> tab:<\/p>\r\n

    \"shopify_manage_product_title_length_2\"<\/a>\r\n\t<\/li>\r\n

  2. \r\n

    On the appeared screen click the “…”<\/strong> button at the top right and choose Edit HTML\/CSS<\/strong> option:<\/p>\r\n

    \"shopify_manage_product_title_length_3\"<\/a>\r\n\t<\/li>\r\n

  3. \r\n

    Click on the Snippets<\/strong> folder on the left, then click the product-listing-item.liquid<\/strong> file to open it for editing:<\/p>\r\n

    \"shopify_manage_product_title_length_4\"<\/a>\r\n\t<\/li>\r\n

  4. \r\n

    Once the file is opened, locate the following line of code there:<\/p>\r\n<\/li>\r\n<\/ol>\r\n

    \r\n\t<a href="{{ product.url | within: collection }}">{{ product.title | truncate:30}}<\/a>\r\n<\/pre>\r\n
    Change the truncate:30<\/strong> to some higher value, e.g. truncate:100<\/strong> so the code looks like the above one:<\/p>\r\n
    \r\n\t<a href="{{ product.url | within: collection }}">{{ product.title | truncate:100}}<\/a>\r\n<\/pre>\r\n
    Click “Save”<\/strong> button at the top right to apply the changes:<\/p>\r\n
    \"shopify_manage_product_title_length_5\"<\/a><\/p>\r\n
    Open your store front-end and refresh the page to see the changes.<\/p>\r\n
    We can see the product title is displayed fully now:<\/p>\r\n
    \"shopify_manage_product_title_length_6\"<\/a><\/p>\r\n
    This is the end of the tutorial, you have learnt how to manage the product title length in your Shopify template.<\/p>\r\n
    Feel free to check the detailed video tutorial below:<\/p>\r\n
    Shopify. How to manage the product title size<\/a><\/p>","protected":false},"excerpt":{"rendered":"
    This video tutorial shows how to manage the product title length in Shopify templates.<\/p>\n","protected":false},"author":75,"featured_media":50595,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1771],"tags":[872,542,2419,1010],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/50586"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/75"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=50586"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/50586\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/50595"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=50586"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=50586"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=50586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}