Hide category on single product page

studioafkrsul · May 23

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 23

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 24

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 24

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

Phil · May 24

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 24

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 24

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 24

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

Phil · May 24

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 24

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

Phil · May 25

Yes, with the following CSS code:

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

Best regards

studioafkrsul · May 25

Thank you!

studioafkrsul · May 25

I was referring to this button:

Phil · May 26

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

Best regards

Hide category on single product page

Comments