How to code line breaks in Dawn theme product titles?

Store Design
1

I am trying to add line breaks to my product titles and I cannot figure out how to code it. Any help or advice would be amazing!!

1 Like
2

Hi @Haileekayhair ,

Can you share your website so we know what are we dealing with? Is your product titles were long?

3
4

Thank you. I see the product titles. How are you thinking of separating the words in the title?

5

Id like it to say the title of the product on top and then the secondary description below it. For example, right now it says

Aquachobee - Tinsel Baby Blue Festival Braiding Hair

Id like it to appear like

Aquachobee

Tinsel Baby Blue Festival Braiding Hair

6

@Haileekayhair

Thank you for the explanation. You can achieve it by replacing the product.title code

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Section folder, open the main-product.liquid
  3. Find the first {{ product.title | escape }}, see image below

made4Uo_0-1660598389580.png
made4Uo_0-1660598389580.png1117×812 51.6 KB

  1. Replace the {{ product.title | escape }} with the code below.
{% if product.title contains "-" %}
 {%  assign productTitle = product.title | escape | split: "-" %}  
    {{ productTitle[0] }}

    {{ productTitle[1] }}
   {% else %}
 {{ product.title | escape  }} 
 {% endif %}

See image below for placement

made4Uo_2-1660598560153.png
made4Uo_2-1660598560153.png1437×849 52.1 KB

7

Thank you so much! Is there any chance I can have you do this for me? Im struggling to make it work. Im not sure what Im doing wrong