Home › Forums › Jevelin Theme › How to hide page path from the product page?
Home › Forums › Jevelin Theme › How to hide page path from the product page?
Hello,
I want to hide the “Shop” -text and the page path address from the product page.
Please see the attached image, where I have highlighted these object that i want to hide in red area.
– Riku
Solution for this topic
Hi @AITOgraphics,
I hope you are well today and thank you for your question.
You can remove it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.single-product .sh-titlebar { display: none; }
Best regards,
Shufflehound team
Hello,
It worked! Thank you so much π
Another question: How can I hide the animation that a previews the next product image when I hover a product preview? Like I don’t want any other preview image to show when hover the image. Only the first product image.
Another question: How can I hide the animation that a previews the next product image when I hover a product preview? Like I donβt want any other preview image to show when hover the image. Only the first product image.
Could you please share me the page URL from your site where it is displaying so that i can help you?
Here is a link to one product page, where you can see the effect at “Related products”.
Try using below CSS code to achieve this.
.woocommerce .related.products ul.products li.product > a:hover .secondary-image-container { opacity: 0; }
Thank you!
That worked on the product page, but I want that effect off on every page.
You can still see the effect on these pages:
https://aitographics.com/product-category/library-of-feelings/
https://aitographics.com/product-tag/books/
Solution for this topic
Then please change the above shared CSS code as following.
.woocommerce #page-container ul.products li.product > a:hover .secondary-image-container { opacity: 0; }
Thank you, it worked perfectly!
Have a nice week! π
– Riku
You are most welcome here π