How to hide page path from the product page?

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?

This topic contains 9 replies, has 2 voices, and was last updated by  Shufflehound Support 5 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    RESOLVED Posts
  • 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

    Attachments:
    You must be logged in to view attached files.

    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”.

    https://aitographics.com/product/library-of-feelings-book/

    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 πŸ™‚

Viewing 10 posts - 1 through 10 (of 10 total)