Remove / hide products -page first section

Solved
Highlighted
Explorer
59 2 5

Hi Friends,

I'm creating a product page for my digital product. I have used /product -"templates". 

How I can remove or hide the first section (the red area) of the product page (image attached)?

If you can give alternatives which code file it is - it would be super helpful.

_products.png

Best regards,

- KJ

0 Likes
Highlighted
Shopify Partner
2235 484 627

Hey @Kjankko,

Can you elaborate more? because the screenshot is not clear which part you want to remove/hide.

Please let me know.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Explorer
59 2 5

Hi @dmwwebartisan 

I attach the screenshot below. In the image, you can see the header and navigation. Between the header and the image (hands & red shirt) is the section that should be removed or hidden. If you need more information, please let me know.

 

screenshot-1.png

Thanks!

- KJ

1 Like
Highlighted
Shopify Partner
2235 484 627

This is an accepted solution.

Hey @Kjankko,

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-product .page-content {
    display: none;
}

 

Let me know if this works for you.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Explorer
59 2 5

It works!

Thank you @dmwwebartisan!

-KJ

1 Like
Highlighted
Explorer
59 2 5

I added that code and it works well. I noticed a problem when I created the next product pages.

When creating a second product page all the customization that I do for the second product page ALSO appears in the first one?

How I can create product pages with a different look?

0 Likes