Replace the word "Description" on Product Page

[SweetViolet]

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? 

[Abdosamer]

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

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

[SweetViolet]

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

[Abdosamer]

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

[SweetViolet]

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]

@SweetViolet , it can be deleted using code.

[Abdosamer]

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

<h2>Description</h2>

[SweetViolet]

Is that in main product liquid?

[Abdosamer]

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

[Abdosamer]

@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 -%}

[Justin-Simesy]

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.

[SweetViolet]

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]

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

[SweetViolet]

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 · 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 %}

[SweetViolet]

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]

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 here) of your online store? I'll send a request to access your online store then help you with it.

Thanks

[SweetViolet]

I got it! Thank you!