Link to the tab

Same for me. Will only work, if the specific tab is clicked.

Hi,

I’m not entirely sure – but I can take a look into the issue for you two.

I will report back with some findings. We may need to update the plugin to include support for passing in parameters in the URL via query arguments.

Thanks,
Evan

Hi ali1993esoterik and Manuel Hudec,

Out of the box, WooCommerce doesn’t support this functionality. However I was able to locate a snippet that worked in previous version of WooCommerce to enable this feature, and tweaked it a bit to work with the most recent version.

I’ve gone ahead and pushed out an update, v1.4.4, where I’ve gone ahead and updated the way that tab ID’s are stored in the database to closely mirror the way WooCommerce does so out of the box. This was required for the aforementioned snippet to work properly.

First step in achieving what you are after is to update to the latest release (v1.4.4).

Next, you’ll need to re-save your products to update the tab ID, so you can properly pass in the ID to the URL eg: https://www.example.com/my-product#reviews.

Finally, you’ll need to add a snippet to the functions.php file of your active theme (or child theme). I’ve gone ahead and written a knowledge base article, with the snippet, and described how you can go about implementing it.

Take a look at the following knowledge base article, and let me know if you run into any issues.

https://yikesplugins.com/support/knowledge-base/how-can-i-access-my-tabs-directly-via-url/

Thanks,
Evan

Thank you very much.

It is working, but not 100% right. If I open https://www.example.com/my-product#reviews the page reloads and the tab is open, but you have to scroll down to the tabs to see it. Is there an option to get automatically to the bottom, where the tabs are, to see the opened tab?

Thank you.

I don’t believe there is a way as there is no jump links to utilize. I’ll take a second look, but since it doesn’t necessarily work with woocommerce I believe you’ll need to make some additional alterations on your end.

Evan

Hi ali1993esoterik,

After taking an additional look, it looks like it is possible – but again requires you to alter the snippet provided in that knowledge base article linked above.

You’ll need to make two changes. I’ve gone ahead and updated the knowledge base article to reflect your request:

https://yikesplugins.com/support/knowledge-base/how-can-i-access-my-tabs-directly-via-url/

Check the new blurb below the main code block titled “The tabs now display properly, but I want the page to jump down to the linked tab. How can I do that?”.

Thanks,
Evan

Hi there!
It’s not working for me, i added you suggested changes to functions.php but i have to scroll down to the tabs to see it.

Also, right now the links won’t stay with tab name, only default WooCommerce tabs retain the name. For instance i added two tabs “Vídeo” and “Especifica??es”, but the links are #tab-tab-custom-1 and #tab-tab-custom-2 and they should be #tab-video and #tab-especificacoes.

EDIT: I now why the names are not working, because they have pontuactions like “í”, “?” and “?” but this is needed as i’m not using English but Portuguese ??

Thanks!

• This reply was modified 7 years, 7 months ago by Filipe Costa.
• This reply was modified 7 years, 7 months ago by Filipe Costa.

Hi Filipe,

Can you link to your site? The tab names might be causing the issue. I can look into it.

Kevin.

Hi,

my site is https://www.filipecosta.com and here is an example:
https://www.filipecosta.com/loja/componentes-perifericos/equipamento-dj/hercules-dj-control-mp3-e2-mesa-de-mistura-dj

Where you can see tab “Especifica??es” – i added that one so you can see the error.

I already now the tab names are causing the issue, i had to alter all of them to not include special letters, but its hard because of my language (Portuguese) ??

The scroll down feature is working now and i only have two more issues:
– In the editor, visual is working fine and i can see the TinyMCE buttons, but HTML doesn’t show any buttons, is this normal?
– Is the plugin compatible with WooCommerce 3.0?

Thanks!

Hello Filipe,

Unfortunately the special characters issue isn’t going to be fixed – it’s the browser that rejects special characters in the URL. Sorry about that.

In terms of the HTML/Visual editor… When a new tab is loaded initially, the HTML editor does not include the buttons. If you refresh the page the editor will re-load as normal. This is a known issue, and I have spent days researching solutions to no avail. As far as I know, no one in the WordPress community has an AJAX-based tinyMCE editor with full functionality – but that’s a discussion for another place.

In terms of Woo 3.0… I’m going through the plugin now to see if anything has changed. There’s a notice being thrown on the product page. I have that fixed in my local and will push it once I make sure the rest of the functionality is good to go.

If you see any notices or weird behavior please let me know.

Cheers,
Kevin.

Hi again and thanks for answering!

Regarding the special characters, maybe there is a way so that the plugin converts the special characters into “regular” ones, like wordpress does?

For instance when i publish a post or product like this:
Portátil 4GB/120GB - Informa??es
wordpress automatically adjusts the url so it stays something like:
portatil-4GB-120GB-informacoes

The same happens with wordpress gallery, that removes spaces from file names for instance.

Its just like its difficult to remember that i can’t use my language special characters on the tabs, and sometimes having to come up with alternatives on my native language is hard as i would like to avoid using english when possible ??

Thanks again!

Filipe,

I created a ticket for this. It’s a bit more complicated than it seems (because people may have tabs with special characters in their slug already, etc.) but hopefully within a month or two we can get that pushed out. Maybe sooner.

Here is the GitHub issue if you’d like to follow it: https://github.com/yikesinc/yikes-inc-easy-custom-woocommerce-product-tabs/issues/65

OK thanks!

Maybe if that can be done, the tab url could show the current language instead of english.
Ex.: #tab-description could show #tab-descricao, #tab-additional_information could show #tab-informacao_adicional and #tab-reviews could show #tab-avaliacoes.

Here is the current WooCommerce tabs translated to Portuguese, just for you to have an ideia:
Description -> Descri??o
Additional information -> Informa??o adicional
Reviews -> Avalia??es

I’m a bit confused.

The URL will show whatever the ‘slug’ of the tab title is. So if I have a tab titled Food, the URL will show #food. If I have a tab called Comida, the URL will show #comida. Likewise, Informa??es would be #informacoes.

Are you suggesting something different, like adding the ability to detect the language of the browser?

I’m sorry i didn’t explain myself right ??

Custom created tabs show the slug correcly, but i was referring to the WooCommerce included tabs. If you check my website, link to tab Descri??o shows as #description, but maybe this has nothing to do with your plugin?…

I thought linking to tabs only started working after i added the custom code to functions.php?

Regarding your examples, thats correct, Informa??es should be #informacoes.