Anchor link?

Home Page Forums WooCommerce Custom Tabs Anchor link?

  • This topic has 9 replies, 3 voices, and was last updated 6 years ago by Paul.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author

    Posts

  • #738

    Alessio

    Participant

    Hi

    First of all, thanks for the plugin, it works great, exactly what I was looking for!

    There is a way to create a link at the bottom of a tab content, targeting another tab?
    For ex. let’s say you have tabs “details”, and “video”. How to make a link at the end of “details” content to go/open “video” tab?

    Thanks!

    #740

    WebshopLogic

    Keymaster

    Hi Alessio,

    Tab handling is a WooCommerce feature, this plugin makes possible to add more WooCommerce tabs, but it does not change the basic mechanism of tab handling (e.g. how to get from one tab to another).

    We have not found a solution for using links to get to other tabs.

    Since product tab handling is a WooCommerce function, we recommend you to look around in WooCommerce topics if is there any solution for this question.

    Best Regards,
    Peter Rath
    WebshopLogic

    #742

    Alessio

    Participant

    thanks for your quick and exhaustive reply Peter!

    cheers

    #1082

    Paul

    Participant

    I’m after the same thing, has a solution found to this since these posts?

    #1087

    WebshopLogic

    Keymaster

    Hi Paul and Alessio!

    I could not find any solution on the web, but we will build this function in our WooCommerce Custom Tabs plugin.

    It will be available in some days, we will let you know when the new version is ready.

    Peter

    #1090

    Paul

    Participant

    That’s amazing support, thank you.

    #1092

    WebshopLogic

    Keymaster

    Hi,

    In WooCommerce Custom Tabs v1.0.13 this function is available from now, you can download this version from “MY ACCOUNT” menu in webshoplogic.com.

    What is the format of the anchor links?
    The format of the link to a product tab:
    http://mysite.com/product/my-product/#tab-my-content
    or
    http://mysite.com/product/my-product/#tab-my-content&noscroll

    Both format select the appropriate tab. If you are using &noscroll option (or other parameter after the anchor), the top of the page will be displayed, otherwise the browser will scroll down to the anchor (if there is nothing after the anchor).

    How do you know the name of the anchor?
    WooCommerce standard anchor names should be use in the end of the URL. The browser display them on the bottom, if you move the mouse over the appropriate tab. You should apply the part of the URL after the # mark. (e.g. #tab-my-content or #tab-faq)

    Two live examples:
    http://webshoplogic.com/product/woocommerce-custom-tabs-pro-plugin/#tab-faq
    http://webshoplogic.com/product/woocommerce-custom-tabs-pro-plugin/#tab-faq&noscroll

    We hope this is a useful function.

    Peter

    #1101

    Paul

    Participant

    Hi I can report this is partially working, at least from my inexperienced opinion.

    Site in question (wifes side business)
    http://www.drake.pro/?product=eat-drink-and-be-married

    The “paper options” link in the form needs to anchor to the tabs labelled “paper options”.

    http://www.drake.pro/?product=eat-drink-and-be-married#tab-paper-options

    The link doesn’t seem to work. Im guessing, but from what i’ve read trying to fix this myself before you released 1.3 it may be because the tab (and therefore the anchor) doesn’t load until needed (clicked). I can prove this: by clicking on the tab manually (then clicking back to another tab) going back to top then re-trying the link which then works.

    I hope this makes sense.

    EDIT: Interestingly the anchor link works when clicked directly (i.e above) from external website. But not with the page itself. So perhaps my theory is wrong ?

    #1155

    WebshopLogic

    Keymaster

    Hi,

    Thank you for let us know this behavior.
    The cause of the problem was that the anchor links are handled differently by the browsers depending on if the links are on the same page than the anchor. (If a link is on the same page than the anchor, then the page is not reloaded.)
    So different solution is needed for this two cases.
    We have implement this, in v1.0.14 version. It is available under MY ACCOUNT menu in webshoplogic.com

    Please let us know if you need some more refinement to make the perfect solution.

    Peter

    #1158

    Paul

    Participant

    Works perfectly, thank you!

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.