I use;
Wordpress version: 4.6.18
Shortcode Ultimate version: 4.9.9
Let’s say I have a page in a folder structure in a DOMAIN like:
DOMAIN/etkinlikler/etkinlik-gecmisi/2018-2019_etkinlikler
Inside this page I have a problem with su_tabs. The simplified code is:
[su_tabs]
[su_tab title="TAB_1" anchor="ANCHOR_1"]
...
<a href="#ANCHOR_INSIDE_TAB_2" target="_self">Navigate to anchor inside tab 2</a>
...
<a id="ANCHOR_INSIDE_TAB_1"></a>
...
[/su_tab]
[su_tab title="TAB_2" anchor="ANCHOR_2"]
...
<a id="ANCHOR_INSIDE_TAB_2"></a>
...
<a href="#ANCHOR_INSIDE_TAB_1" target="_self">Navigate to anchor inside tab 1</a>
...
[/su_tab]
[/su_tabs]
My problem:
When I click to the link inside first tab (#ANCHOR_INSIDE_TAB_2) to navigate to anchor in second tab (ANCHOR_INSIDE_TAB_2), nothing happens.
If I change the link in the first tab into…
<a href="/etkinlikler/etkinlik-gecmisi/2018-2019_etkinlikler/#ANCHOR_INSIDE_TAB_2"></a>
or
<a href="/etkinlikler/etkinlik-gecmisi/2018-2019_etkinlikler#ANCHOR_INSIDE_TAB_2"></a>
(no / before #)
… the link works correctly and displays the correct portion but for just a brief moment and then switches to TAB_1 and navigates to page bottom.
I tried this during both a preview editing session and also externally (how can I say? on a different browser session, without editing, only surfing); behaivor is the same.
The anchors within the same tab (not mentioned) works, but cross-tab anchors from first tab to second tab don’t.
More,
I can correctly navigate to anchors inside first tab (TAB_1) from links inside second tab. But the issue I explained above happens only when I try to navigate anchors in second tab from first tab. I mean inverse is working:
I am able to navigate to anchors within first tab from second tab if only full path/slug is written.
<a href="/etkinlikler/etkinlik-gecmisi/2018-2019_etkinlikler/#ANCHOR_INSIDE_TAB_1"></a>
works.
<a href="#ANCHOR_INSIDE_TAB_1"></a>
does not work.
The problem I face is more or less similar to: https://github.com/vanokhin/shortcodes-ultimate/issues/57
I include two test pages from my site:
https://www.istanbulfilarmoni.org/su_tabs-test-wfs/
One with full path/slugs in link.
https://www.istanbulfilarmoni.org/su_tabs-test-wofs/
One without full path/slugs in link.
Any suggestions?
]]><h3>Animation in Columns</h3>
[su_row]
[su_column size="1/2" center="no" class=""]
[su_animate type="fadeInUp" duration="2.5" delay="1.0"]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[/su_animate]
[/su_column]
[su_column size="1/2" center="no" class=""]
[su_animate type="fadeInUp" duration="2.5" delay="1.5"]
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/su_animate]
[/su_column]
[/su_row]
<h3>Animation in Single-Tab</h3>
[su_tabs]
[su_tab title="Tab-Name" disabled="no" anchor="" url="" target="blank" class=""]
[su_animate type="fadeInUp" duration="2.5" delay="1.0"]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[/su_animate]
[/su_tab]
[su_tab title="Tab-Name" disabled="no" anchor="" url="" target="blank" class=""]
[su_animate type="fadeInUp" duration="2.5" delay="1.5"]
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/su_animate]
[/su_tab]
[/su_tabs]
<h3>Animation in Single-Tab with option inline</h3>
[su_tabs]
[su_tab title="Tab-Name" disabled="no" anchor="" url="" target="blank" class=""]
[su_animate type="fadeInUp" duration="2.5" delay="1.0" inline="yes"]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[/su_animate]
[/su_tab]
[su_tab title="Tab-Name" disabled="no" anchor="" url="" target="blank" class=""]
[su_animate type="fadeInUp" duration="2.5" delay="1.5" inline="yes"]
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/su_animate]
[/su_tab]
[/su_tabs]
]]>Also I tried the Tabs active CSS, is doesn’t work, as its overwritten by the “Tab, any state” (https://docs.getshortcodes.com/article/86-how-to-customize-tabs-shortcode).
I need the active – current tab to show the hover text-color, and when mouse over to show the inactive tab text-color.
Hope its clear, as I am not confusing whats needed.
]]>first: thank you for this fantastic plugin. i use it in most of my projects.
now i have a problem.
i’m working with the twenty sixteen theme. when i insert a picture in article with the size-full class the vertical tabs break.
similiar to this unsolved thread https://www.ads-software.com/support/topic/problems-with-tabs-vertical/
but with the difference, that my picture is outside of the tabs.
<img class="size-full"/>
[su_tabs vertical="yes"]
[su_tab][/su_tab]
[su_tabs]
also get this error: entryFooterPos is undefined (but this is from twentysixteen)
]]>This one not so much. So I read through the forums and made all the recommended changes
Updated Jquery
un installed plugin – reinstalled WP 4.5 reinstalled plugin
All other plugins are up to date. Some help here would be greatly appreciated.
The problem in a nutshell is the su_tab function creates the tabs and they are hyperlinked (pointer changes to hand on mouse over) the links are not followed on click. Just dead air and crickets
Help!
https://www.ads-software.com/plugins/shortcodes-ultimate/
]]>The tabs work as expected, and the first tab has the youtube video. However its the second and following tabs that do not have the video. Code follows:
[su_tabs]
[su_tab title="Toe Touches"] [su_youtube url="https://youtu.be/94KuOfMKG2Q?list=PLbKcvIZ_DuEWO-AhW52b7RN73mgTqUI0y"][/su_tab]
[su_tab title="Shuffles"] [su_youtube url="https://youtu.be/dRpfwtPv5hA?list=PLbKcvIZ_DuEWO-AhW52b7RN73mgTqUI0y"]
[/su_tab]
[/su_tabs]
https://www.ads-software.com/plugins/shortcodes-ultimate/
]]>I have an issue with shortcodes ultimate which boggles me – they seem to work within older posts like this one:
https://teleskopy.net/2014/08/gwiezdna-kolyska-rzezbiona-i-niszczona-przez-hiperaktywne-potomstwo/
and yet seems broken with new posts on the same site
https://teleskopy.net/2015/04/czyzby-po-raz-pierwszy-zaobserwowano-ciemna-materie/
https://www.ads-software.com/plugins/shortcodes-ultimate/
]]>I’ve searched for day with no luck so it is either too simple or not possible to do. Using SU tabs, I have custom styled the tabs in the provided editor which works great.
I want to put different images in the tab label (span) for each tab.
I have assigned an ID to the span but SU doesn’t seem to see it.
The image insertion works without an ID but shows in all tabs in the class – one image only for all tabs in my tab classes that way and in general classes. It also works on hover for each tab in the document.
I guess my problem is not being able to target the ID for each span.
Any ideas?
Example:
In post the tab is ‘[su_tab id=”convtab2″ title=”Technical Information”]’
CSS:
‘.su-tabs.conversation-tabs .su-tabs-nav span#convtab2 {background: url(/wp-content/themes/twentythirteen-child/coreimages/clickheels.png); background-size: contain; background-repeat: no-repeat; background-position: right;}’
I’ve used ‘#convtab2’ alone, with one or both classes included etc.
this is what I want but each tab with its own image (disregard the content):
https://englishw5.com/live-lessons-hub/#p1
Any ideas?
Thank you.
https://www.ads-software.com/plugins/shortcodes-ultimate/
]]>Is it possible to program a link to open a closed tab in an instance using SU_tabs?
I have tab 3 as being open automatically, but want to refer to the contents of tab 2 from another page?
Is there a way to do this?
Thanks
Peter
https://www.ads-software.com/plugins/shortcodes-ultimate/
]]>