Woocommerce tab anker sprungmarke

    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

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    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 ); ?>">

    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

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden