Return to previous page

Open a specific tab from the XStore tab widget for elementor from a link

This topic has 8 replies, 4 voices, and was last updated 9 months, 3 weeks ago ago by Andrew Mitchell

  • Avatar: Bas_Kling
    Bas Kling
    Participant
    August 25, 2024 at 12:06

    Hi,

    is there any way to open a specific/individual tab, other than the first one, by using an anchor or query mark in a link?
    So, page 1, containing a (href) link, clicking it to open tab #3 in a tab widget on page 2?
    Can you provide some instructions?

    Cheers,
    Bas

    Please, contact administrator
    for this information.
    #411533 Copied
    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 25, 2024 at 14:00

    Hello, Bas Kling,

    Thank you for reaching out to us with your query.

    To achieve the desired result, you would typically append a unique identifier (ID) or a specific query parameter to the URL that points to the desired tab.

    Here’s a basic outline of how you can set this up:

    1. **Assign an ID to Each Tab**: Ensure that each tab on your destination page (page 2) has a unique ID. For example, the third tab might have an ID like tab-3 or https://prnt.sc/Wp5pK6F961li

    2. **Modify the Link**: On your first page (page 1), modify the link by appending a hash tag followed by the ID of the tab you want to open. For example, the link might look like this: http://www.yourwebsite.com/page2.html#tab-3.

    We hope this information is helpful.

    Best Regards,
    8Theme’s Team

    #411537 Copied
    Avatar: Bas_Kling
    Bas Kling
    Participant
    August 25, 2024 at 14:17

    Hi Rose,

    I’m familiar with the intricacies of anchoring. However, we’re currently trying to get this to work within the Xstore General Tabs widget, with no effect.
    Assigning an ID is pretty straight forward. Some how, these IDs are not triggered via de # link.
    Can you plz have a look?

    Please contact administrator
    for this information.
    #411542 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    August 27, 2024 at 05:26

    Dear @Bas Kling,

    We are pleased to inform you that we have successfully implemented the custom JavaScript in your theme’s file. You can review the script at this file: voyeurx-custom.js

    Here is the script that has been added:

    
setTimeout(function(){
    var hash = window.location.hash,
        elements = $(hash);
    if (elements.length > 0 && elements.hasClass('et-tab-nav')) {
        elements.click();
    }    
}, 1000);

    We have confirmed that the script is functioning as intended. Could you please clear your browser cache and verify the changes on your end?

    Should you require further customization beyond the standard options available, we kindly invite you to submit a request through our customization panel at [https://www.8theme.com/account/#etheme_customization_panel](https://www.8theme.com/account/#etheme_customization_panel). This will enable you to connect directly with our technical team.

    Please be aware that customization services incur additional charges. The exact cost will be determined after a detailed assessment of your request.

    Thank you for your understanding and cooperation.

    Best regards,
    The 8Theme Team

    #411725 Copied
    Avatar: Bas_Kling
    Bas Kling
    Participant
    August 27, 2024 at 16:42

    Can you please provide a link or url (slug) that will trigger a specific tab on the test page?

    #411857 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    August 28, 2024 at 04:24

    Hi @Bas Kling,

    The links we’ve added in private content area.

    Best regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    #411888 Copied
    Avatar: Bas_Kling
    Bas Kling
    Participant
    August 28, 2024 at 10:58

    It worked. Thank you so much!

    #411979 Copied
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    August 28, 2024 at 10:58

    Dear Bas Kling,

    In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

    Click here to share your thoughts: https://themeforest.net/downloads

    Being part of our community means a lot, and your feedback contributes immensely.

    Best Regards,
    The 8Theme Team

    #411980 Copied
  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Open a specific tab from the XStore tab widget for elementor from a link’' 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
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Church – WordPress Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Flowers Store – WordPress WooCommerce Theme
lazy-placeholder
Purely Handmade – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – 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.