Tagged: , , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 3, 2024 at 10:53 am #1472774
    sidsingh78

    I am currently using the Enfold Theme Version 6.0.6 with the following setup:

    WordPress Version: 6.7.1
    WooCommerce Version: 9.4.2
    I have encountered an issue on my WooCommerce product pages where the Description tab content appears twice. Specifically:
    The description appears as expected within the “Description” tab.
    A duplicate description is displayed directly under the same tab content or elsewhere on the product page.
    What I’ve Tried So Far
    I attempted to hide the duplicate content using the following CSS code in Theme > Customize > Additional CSS:

    #tab-description {
    display: none !important;
}

    This caused the entire description tab to disappear, which is not my desired outcome.
    I also tried to suggest solutions for a similar issue from these threads.

    1. First One: Add this CSS code in Enfold > General Styling > Quick CSS:

    #top .wc-tab .yikes-custom-woo-tab-title {
    display: none;
}

    2. Second One: Added the following CSS code in the Quick CSS field under the General Styling tab in the theme options.

    .woocommerce-variation-description {
    display: none;
}

    Could you please guide me on how to resolve this issue so the description content appears only once in the correct tab?
    Thank you in advance for your support!
    Best regards,
    Sid

    • This topic was modified 2 weeks, 5 days ago by sidsingh78.
    December 3, 2024 at 5:21 pm #1472796
    Rikard

    Hey sidsingh78,

    I’m not sure that I fully understand what you are looking to hide or remove, could you post a screenshot highlighting that please?

    Best regards,
    Rikard

    December 4, 2024 at 5:39 am #1472838
    sidsingh78

    Thank you for your prompt response. I’ve attached a screenshot of the product page to highlight the issue.

    Issue Description
    On the product page for HairLife, the product description appears twice:
    Once in the Description tab (as expected).
    And again as duplicate content directly below the same tab section.
    You can see the duplicate description in the attached screenshot, which I’ve annotated for clarity.
    Screenshot: Product description

    Best Regards
    Sid

    • This reply was modified 2 weeks, 4 days ago by sidsingh78.
    December 4, 2024 at 9:51 am #1472862
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    #tab-description h2 {
  display: none; 
}

    Best regards,
    Rikard

    December 4, 2024 at 2:42 pm #1472916
    sidsingh78

    Thank you for your assistance. The CSS solution you provided (#tab-description h2 { display: none; }) successfully resolved the issue with the Description tab, and the duplicate heading no longer appears.
    However, I’m still encountering a similar issue with other custom tabs, such as the How It Works? and What We Test For? tabs. The headings in these tabs also appear twice—once in the tab content and once above it.
    Could you please advise on how to resolve this for the other custom tabs, or if there’s a broader CSS solution that can address all the custom tab headings?

    I appreciate your continued support and look forward to your guidance on resolving this.

    Best regards,
    Sid

    December 4, 2024 at 5:05 pm #1472931
    Rikard

    Hi,

    Please try this CSS as well:

    .woocommerce-Tabs-panel .wb_cptb_title {
  display: none; 
}

    Best regards,
    Rikard

    December 5, 2024 at 7:37 am #1472980
    sidsingh78

    Hi Rikard

    Thank you for your continued assistance. I’m happy to report that the solution you provided—adding the following CSS code in Enfold > General Styling—has successfully resolved the issue with duplicate tab headings:

    Best Regards
    Sid

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Duplicate Description Tab on WooCommerce Product Page’ is closed to new replies.