How to remove product title in product page in dawn theme

Store Design
1

16643642046483166450421898987794.jpg
16643642046483166450421898987794.jpg1908×4128 1.76 MB

I want to remove second product title in dawn theme.

2

@Anandkerai - can you share this page link?

3

Hi @Anandkerai !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please share Page URL so that I can inspect and send code accordingly.

Best Regards;

PageFly

4

My page url is: luxyway.xyz

5

My page : luxyway.xyz

6

Hi @Anandkerai !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please paste this code at the bottom of section-main-product.css under assets in theme code files

.product__title {
display: none;
}

Best Regards;

PageFly

7

Screenshot_20220929-062951_Chrome.jpg
Screenshot_20220929-062951_Chrome.jpg720×1023 50.9 KB

This one I need to remove on my all product page, Product selection I need to remove on all products pages

8

do you want to remove this one?

download (37).png
download (37).png1869×768 133 KB

9

No , I need to remove only products not title

10

you can go to that product editor and under variants remove this option

11

It can remove whole color selection and size selection also

12

please send the screenshot of the product editor.

13

Variant picker

16644522387003724324599277505363.jpg
16644522387003724324599277505363.jpg4128×1908 2.43 MB

14

Not there but here in single product editor

download (41).png
download (41).png1918×694 58 KB

15

Hi @Anandkerai ,

Since you are looking to hide a specific variant if it’s available in that product. Please use below code and paste it at line number 346 in main-product.liquid.


You can also achieve it by add script provided below.

```markup
var listVariant = document.querySelectorAll("variant-radios .product-form__input");
var list = document.querySelectorAll("variant-radios .product-form__input").length;
for(var i=0; i < list; i++){
    var labeltext = ((listVariant[i]).querySelector(".form__label").innerText).toLowerCase();
    if(labeltext == 'product'){
        listVariant[i].setAttribute('style','display:none')
    }
}

Hope it will help.