Woocommerce tab anker sprungmarke

Schwundhirn · 28. März 2018

Hy Wordpressler,

Vielleicht habt ihr einen guten Tipp für mich

Habe meine Woocommerce Tabs endlich sticky erstellen können.
Da ich bei der Beschreibung doch sehr viele Inhalte habe und der Besucher sonst wieder Rauf scrollen müsste zu den tabs.

Jetzt habe ich natürlich das Problem, die Tabs sind da und ich klick drauf und der Inhalt wird mir nicht angezeigt.
Klar, ich bin ja irgendwo unten in der Seite, und müsste wieder rauf scrollen ,)))

Gibt es da eine Lösung mit Jquery oder dergleichen?
Das ist ein netter Ansatz, jedoch klappt das bei mir nicht.

Anchor #link on the same page to a Woocommerce jQuery tab

Vielen Dank vorab

Henk1060 · 29. März 2018

Moin Moin,

Wenn du ein theme hast, das woocommerce daten beinhalten.
Dann schau einmal ob es die file tabs.php gibt.

eigentlich brauchst du nur das einfügen in der zeile 36
<li class="<?php echo esc_attr( $key ); ?>_tab" onclick="document.getElementById('tab-title-<?php echo esc_attr( $key ); ?>').scrollIntoView()" id="tab-title-<?php echo esc_attr( $key ); ?>" role="tab" aria-controls="tab-<?php echo esc_attr( $key ); ?>">

Schwundhirn · 29. März 2018

Hallo Henk,

Danke für die Antwort!
Ja das klappt, aber!!!
Sobald ich die seit lade, wird sofort zum ersten tab gesprungen.
Ich glaube das kommt daher, das in der li class= description_tab active steht

Schwundhirn · 1. April 2018

Guten Morgen,

Keiner eine Idee, wie ich das lösen könnte?

WPDE.org

Woocommerce tab anker sprungmarke

Schwundhirn Well-Known Member

Henk1060 Well-Known Member

Schwundhirn Well-Known Member

Schwundhirn Well-Known Member

Nützliche Suchen

Woocommerce tab anker sprungmarke

Schwundhirn Well-Known Member

Henk1060 Well-Known Member

Schwundhirn Well-Known Member

Schwundhirn Well-Known Member