Re: Replace the word "Description" on Product Page

Solved

Replace the word "Description" on Product Page

SweetViolet
Explorer
52 0 20

I would like to replace the word "Description" on my product page with something more tailored to the product for example "About the Dress". Does anyone have the code for changing this? 

 

SweetViolet_0-1704038287646.png

 

Accepted Solution (1)
Justin-Simesy
Shopify Partner
39 8 3

This is an accepted solution.

Could you please try to replace this line of code

 

<h2>Description</h2>

 

with this code

{% if product.type != blank %}
<h2>About the {{ product.type }}</h2>
{% else %}
<h2>Description</h2>
{% endif %}

Smartify - FREE Post Purchase Survey


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website

View solution in original post

Replies 17 (17)

Abdosamer
Shopify Partner
919 171 191

Hi @SweetViolet , go to your admin area and choose edit default theme content :

Abdosamer_0-1704038707843.png

choose products then description and replace it with the phrase you want:

Abdosamer_1-1704038813995.png

 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
SweetViolet
Explorer
52 0 20

That's a great solution but for some reason when I replace it, it still says Description 🤔

Abdosamer
Shopify Partner
919 171 191

@SweetViolet , Make sure to save the changes you made, and try to refresh the page on your store.

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
SweetViolet
Explorer
52 0 20

Yes did that a few times, I think something is going on with Shopify right now as I also deleted a metafield but it is still showing up. I'll wait a bit and try again.

If there is text in a field in Shopify do you know how to delete it? If I just want to leave the Description box blank, I keep deleting it but it keeps saying "Description" in greyed out text. I tried backspace, return and others but I can't get it to just be blank.

Abdosamer
Shopify Partner
919 171 191

@SweetViolet , it can be deleted using code.

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
Abdosamer
Shopify Partner
919 171 191

@SweetViolet , you can change the word between <h2> tag in the code or delete it:

<h2>Description</h2>

 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
SweetViolet
Explorer
52 0 20

Is that in main product liquid?

Abdosamer
Shopify Partner
919 171 191

@Justin-Simesy , Check @Justin-Simesy  solution.

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
Abdosamer
Shopify Partner
919 171 191

@SweetViolet , the h2 tag is in the third line of the code you provided:

{%- if product.description != blank -%}
<div class="product__description-parent">
<h2>Description</h2>
<div class="product__description product__description--custom rte">
{{ product.description }}
</div>
</div>
<style>
@media (max-width: 749px){
.product__description-parent{
display: none;
}
}
 
@media (min-width: 750px){
.product__description:not([class*='--custom']){
display: none;
}
}
</style>
{%- endif -%}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work

Justin-Simesy
Shopify Partner
39 8 3

Hi @SweetViolet. Hope you are doing well. Could you please share me your store URL and your theme name ? I can share you a custom code to change "Description" text to other text base on product type or metafield.

Smartify - FREE Post Purchase Survey


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website
SweetViolet
Explorer
52 0 20

My site is www.sweetviolet.co and the theme is Studio.

It would be great to do it by product type so I could have a different one for skirts, dresses and so on. I would rather not use metafields if possible.

Justin-Simesy
Shopify Partner
39 8 3

It seems this section was added by custom code. If that's correct, can you share me the code ?

Smartify - FREE Post Purchase Survey


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website
SweetViolet
Explorer
52 0 20

It may be this, I used it to make the Description full width underneath the photos, instead of on the right of the photos:

 

{%- if product.description != blank -%}
<div class="product__description-parent">
<h2>Description</h2>
<div class="product__description product__description--custom rte">
{{ product.description }}
</div>
</div>
<style>
@media (max-width: 749px){
.product__description-parent{
display: none;
}
}
 
@media (min-width: 750px){
.product__description:not([class*='--custom']){
display: none;
}
}
</style>
{%- endif -%}
Justin-Simesy
Shopify Partner
39 8 3

This is an accepted solution.

Could you please try to replace this line of code

 

<h2>Description</h2>

 

with this code

{% if product.type != blank %}
<h2>About the {{ product.type }}</h2>
{% else %}
<h2>Description</h2>
{% endif %}

Smartify - FREE Post Purchase Survey


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website
SweetViolet
Explorer
52 0 20

Thank you so much! Can you tell me where to find the h2 code? I looked in main-product.liquid but couldn't find it.

Justin-Simesy
Shopify Partner
39 8 3

It's hard to say exactly where to find the H2 code because this section was customized.

 

Do you mind sharing the "Collaborator request code" (find it hereof your online store? I'll send a request to access your online store then help you with it.

 

Thanks

Smartify - FREE Post Purchase Survey


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website
SweetViolet
Explorer
52 0 20

I got it! Thank you!