Home › Forums › WoodMart support forum › I need to hide tabs on mobile screens, and SKU under the product title

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 11, 2024 at 8:55 pm #572094

    anabsw
    Participant

    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,

    June 12, 2024 at 11:14 am #572189

    Hung Pham
    Keymaster

    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,

    June 12, 2024 at 12:48 pm #572236

    anabsw
    Participant

    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

    June 13, 2024 at 10:06 am #572419

    Hung Pham
    Keymaster

    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
Viewing 4 posts - 1 through 4 (of 4 total)