Add short product description under product name DAWN theme

[papcy]

Hello guys

Anyone here knows how i can  add a short product description under product name?

[Erin]

Hi, @papcy. I'm happy to look into this with you! Can you tell me more about where you want to add your product description?

Typically the best way to do this is to add your product description into the rich text editor area on the product page in your Shopify admin. You can do this by going to Products in your Shopify admin and selecting the product you want to edit. Then you can add your product description here under the Description setting. You can also do this in bulk by using a CSV file. This page has more information on using the rich text editor, and this page has more information on using CSV files in case you'd like more detail on how to do this.

One other area you'll want to check is your Default product template in your theme editor, by going to Online store > Themes > Customize (next to the theme you want to edit). From here, select the Default product template at the top of page and then make sure you have the Description block added under the Product information section. To have this block directly under the product name you can use the ⋮⋮ icon to drag the Description block under the Title block, like in the screenshot shown below. This guide on using sections and blocks can help you do this.

Please let me know if you have any questions!

[papcy]

I want to add a short single line product description there e.g “cleanser is good for melanin skin”

 

[Erin]

Hi, @papcy. Thank you for getting back to me with that context!

There isn't a setting in the Dawn theme that allows you to add more information to this area, but you can still accomplish this in other ways. To get the text written in that exact location you can edit your theme code to include this. We have more information on editing your theme code here. If you aren't comfortable doing this on your own you can hire a Shopify expert to help you. Shopify experts are trusted, third-party agencies and freelancers who offer services for Shopify merchants. You can hire a Shopify expert on this page and you can learn more about them here. We may also be able to help you with this if you contact our support team here. We would need to review this further, but since you're using a theme created by Shopify we may be able to customize this for you using your design time.

Another suggestion I have is to share this information with your customers in a different way. For example, you could create collections for different skin types so customers can easily browse all of the products that are tailored to their needs on one page. You could place these collections in your menu or on your home page to highlight the benefits of your products and allow customers to quickly navigate to them. This guide on creating collections can help.

Let me know if you have more questions! I'm happy to help more if you do.

[pigalle14]

Hi Erin - I'm looking to do something similar to @papcy 's example. I looked at your linked article, but that is a general overview for editing the theme. Do you know what the actual code should be that we should insert when editing the code so to have the brief text display under product name on a collection page?

@papcy - since your original post if from last year, I'm curious if you got to achieve the edit you were looking for and perhaps know what code to insert.

Thanks in advance.

[papcy]

Hi, I can do it for you. Send me a message

[pigalle14]

Thanks! I just sent you a message.

[pigalle14]

For the sake of closing the loop on this topic, below is a high-level breakdown of how to show product description under the product title on a collection page. This is all thanks to @papcy !!!

Step 1: add a custom data field to products (click settings -> custom data -> products -> add definition)

Step 2: after saving the new data field, copy/paste the resulting tag generated (ex: product.metafields.custom.product_description)

Step 3: close out of settings and go to edit theme code; click on card-product.liquid file and search for product.title

Step 4: insert the following code after the closing h3 tag for card_product in a new line of text: <div>{{ card_product.metafields.custom.product_description}}</div>

Step 5: save the changes and go back to your product page in shopify's backend. Scroll to the bottom of the product page, where custom data fields are listed, enter text into the new field you created in Step 1, and click save.