Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
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 %}
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:
That's a great solution but for some reason when I replace it, it still says Description 🤔
@SweetViolet , Make sure to save the changes you made, and try to refresh the page on your store.
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.
@SweetViolet , you can change the word between <h2> tag in the code or delete it:
<h2>Description</h2>
Is that in main product liquid?
@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 -%}
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.
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.
It may be this, I used it to make the Description full width underneath the photos, instead of on the right of the photos:
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 %}
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.
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
I got it! Thank you!
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024