Return to previous page

Custom Product Tabs not working as expected

This topic has 8 replies, 3 voices, and was last updated 1 years, 7 months ago ago by Mirek

  • Avatar: Mirek
    Mirek
    Participant
    September 22, 2023 at 09:12

    Hi. I’m trying to create a product with multiple custom tabs. Each product will have different custom tabs.

    Product description doesn’t use global font face (set in the theme customisation) as well as custom tabs don’t use this font (bug?). This font is only used when the page is created through Elementor. However, I can’t use Elementor when I want to add custom tabs. Please, do you have a solution?

    I’d prefer to use Elementor just like you do in the pre-built products showcase even for the additional tabs, not just the main product description.

    Thank you.

    #368226 Copied Theme version: 9.1.14
    7 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    September 22, 2023 at 12:25

    Hello, @Mirek,

    In order to achieve your desired result, please adhere to the following instructions:

    1. Navigate to WP-Dashboard >> Static Blocks and create a new static block.
    2. Insert the content in the Static Block using the Elementor page builder and set the Font Styling according to your requirements.
    3. Once completed, publish the static block.
    4. Proceed to WP-Dashboard >> Products.
    5. Edit each product individually.
    6. After editing, scroll down to the bottom where you will find Xstore Options.
    7. Navigate to Page Xstore Options >> Single Layout.
    8. Assign a Title for the Custom Tab.
    9. In the Tab content, paste the static block shortcode.
    10. Publish the product and refresh the site after clearing the browser cache.

    Please refer to the attached screenshots for further clarification.

    https://postimg.cc/0bSbHRMG
    https://postimg.cc/HJzqYxKw
    https://postimg.cc/dh1dHSFJ
    https://postimg.cc/d7cCsQdV

    Best Regards,
    8Theme’s Team

    #368236 Copied
    Avatar: Mirek
    Mirek
    Participant
    September 22, 2023 at 23:46

    Hi Tony. Thank you for your response.

    This works if I want to add one additional tab. However, I’m looking to add 2-3 additional tabs which are different for each product. The theme doesn’t support this.

    I can use the Custom Product Tabs plugin which works great but I don’t get the formatting. I can try to mimic the formatting with my own html + css but the downfall is the theme doesn’t respect the global font I set in the theme customisation. What do you suppose I can do?

    Thank you.

    #368257 Copied
    Avatar: Mirek
    Mirek
    Participant
    September 22, 2023 at 23:52

    I tried adding the generated shortcode to the tab created using Custom Product Tabs plugin and that seems to work. This way I can add multiple tabs for one product.

    The issue is, however, this creates too many static blocks. It also poses an issue if Google indexes these static blocks as pages and people will visit them which is not what anyone would want.

    #368259 Copied
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    September 23, 2023 at 13:01

    Hello, @Mirek,

    We are pleased to hear that the static blocks are functioning well with your Custom Tabs plugin.

    However, we understand your concern regarding the multiple blocks affecting the SEO of your site. Unfortunately, we must inform you that creating multiple blocks is the only feasible method if you wish to display different content for different tabs for specific products. Currently, there is no alternative solution.

    For your SEO concerns, we recommend using a plugin such as Yoast SEO, which may assist in resolving any SEO-related issues.

    We appreciate your understanding in this matter.

    Best Regards,
    8Theme’s Team

    #368320 Copied
    Avatar: Mirek
    Mirek
    Participant
    September 23, 2023 at 17:46

    Ok. What about the bug which causes the theme not to use the chosen font for product description unless I go through Elementor?

    #368352 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 24, 2023 at 06:20

    Hello, Mirek,

    Thank you for getting in touch with us.

    Please record a video for a better understanding of your request.

    Also, provide URL of product page and temporary wp-admin access, so we can check your settings.

    Best Regards,
    8Theme’s Team

    Please contact administrator
    for this information.
    #368372 Copied
    Avatar: Mirek
    Mirek
    Participant
    October 8, 2023 at 18:24

    I was able to solve the tabs request with a custom code.
    The font request was an error on my side.
    Thank you for your prompt responses.

    #369688 Copied

  • Tagged: , , , , , ,

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Custom Product Tabs not working as expected’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Babyland 01 – WordPress WooCommerce Theme
lazy-placeholder
Church – WordPress Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.