Hide category on single product page

studioafkrsul · May 2023

Hi,

How can I hide category and SKU on a single product page? Also, is there any way to change Return to shop button on the Card page into the button which returns to a specific page?

https://laurarochaofficial.com/product/gift-for-yourself/

Thank you

Phil · May 2023

Hi,

I do not see SKU or category on your single product. Did you handle it?

Also, there is a return to shop button, but it is hidden behind your header (four square boxes):

Please go to Betheme -> Theme options -> Header & Subheader -> Header, and set up some height values, and it will become clickable.

Best regards

studioafkrsul · May 2023

Yes, I did :). Thank you for the help! Can I remove the return to shop button? Also, can you please help me with one other thing? Is there a way to remove the square background beneath the arrows on the lightbox in mobile format?

https://laurarochaofficial.com/for-the-bride/

Have a great day!

studioafkrsul · May 2023

Or is there some option to add a custom header so there is a visible menu?

Phil · May 2023

1) Please go to Betheme -> Theme options -> Global -> Navigation & Share, and uncheck Show all posts option.

2) Can you attach a screenshot showing what square background you refer to, please?

3) Yes, you can create custom headers with the Header Builder. See the following video tutorial:

https://support.muffingroup.com/video-tutorials/header-builder-2-0/

Thanks

studioafkrsul · May 2023

Thank you, that worked, but now the content is overlapping with a menu. Is there a way to move the content of the singular product page down?

Also, here is the screenshot for the square background beneath the arrows on the lightbox in mobile format.

studioafkrsul · May 2023

Also, how to place a header just on a single product page? I would like to keep this menu and just add a grey background under it and in this way also move the content down.

Thank you.

studioafkrsul · May 2023

Or, can you please tell me the custom CSS to make this button white?

Phil · May 2023

1) Please use the following CSS code to remove the background:

@media (max-width: 767px){
 .elementor-lightbox .elementor-swiper-button i{
   background: transparent!important;
 }
}

Or you can use any color instead of transparent value.

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

2) In template conditions, assign header to Singular: Shop All.

Best regards

studioafkrsul · May 2023

Thank you. Is there a way to make a return to shop button white?

Phil · May 2023

Yes, with the following CSS code:

.woocommerce-cart .return-to-shop .button{
   background-color: #fff!important;
   color: #000!important;
}

Best regards

studioafkrsul · May 2023

Thank you!

studioafkrsul · May 2023

I was referring to this button:

Phil · May 2023

You can hide it in Betheme -> Theme options -> Global -> Navigation & Share, and uncheck the Show all posts option.

Best regards

studioafkrsul · June 2023

Yes, I have already tried that but whit this configuration, all content moves up and is overlapping with the menu. Can you please send me the custom CSS to make this button white?

Phil · June 2023

You can hide the button and move content down by setting header height in Betheme -> Theme options -> Header & Subheader -> Header.

Anyway, if you prefer to change this button color, you can use the following CSS code:

.single-product .entry-content .post-nav .home svg{
   fill: #fff!important;
}

Best regards

Hide category on single product page

Comments