I need to hide tabs on mobile screens, and SKU under the product title

HI,

01.- How can I make the SKU appear at the top under the product title?
on mobile phones and computers, on all screens.

02.- How can I hide the TABS, “Description” and “Shipping &Delivery” on all devices? on mobile phones and computers, on all screens.

I will be expecting your answer.

Thank you

Ana,

Hi anabsw,

Thanks for reaching to us.

1. Please provide URL of the mentioned page, so I can take a closer look.

2. Tabs

There are 3 default tabs of WooCommerce:

+ The Additional Information Tab: Shows when the Attributes are added under a Product. If the Attributes are not added then the Additional Information tab doesn’t show.

+ Description Tab: This is the main description on the product page. Please enter the product and make sure you have added the content.

+ Reviews: Used to show customers’s reviews.

If you want to add additional tabs for specific product, you can add Tab via Product Setting https://prnt.sc/exIlSVXRC9_d

You can use Product tabs widget to display Description and Product attributes (Additional Information). Disable Reviews option. https://prnt.sc/5-S-SyfgA9FO

If you want to display custom attributes, which are separate Product > Attributes, you can create custom table via HTML Block > select via Custom Tab in Product Settings.

Navigate to Theme Settings > Shop > Single Product > Tabs. In the Additional tabs, you can remove Table title, Content to disable these https://prnt.sc/aiddjA_pEWmR

https://xtemos.com/docs-topic/html-blocks-usage/#shipment_delivery

Best Regards,

I think that you have not understand me.

The tabs now appear. That’s why I want to hide them. Let none of the three be shown.

I just did it with this CSS code:

/*OCULTAR DESCRIPCION DE LA TABS DE WOOCOMMERCE*/
.woocommerce-tabs.wc-tabs-wrapper {
display:none!important;
}
/*OCULTAR LOS TABS EN LOS MÓBILES*/
.wd-accordion {
      display: none;
}

The question is: can it be done from the Woodmart panel options without having to enter that code, well, me?

Thank you.

Ana

Hi anabsw,

Thanks for reaching to us.

1. Description Tab

This is the main description on the product page. Please enter the product and make sure you have added the content.

or please refer to the following article https://woocommerce.com/document/editing-product-data-tabs/#doc-title

2. Shipping &Delivery

Navigate to Theme Settings > Shop > Single Product > Tabs. In the Additional tabs, you can remove Table title, Content to disable these https://prnt.sc/aiddjA_pEWmR

https://xtemos.com/docs-topic/html-blocks-usage/#shipment_delivery

Best Regards,

[Author]

Posts