click sur tabs remonte en haut de la page (Créer un compte)

  • WordPress :6.2
  • Statut : hors support
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • #2460680
    kate66
    Participant
    Padawan WordPress
    90 contributions

    Bonjour,

    on a détecter que sur nos page produit quand on clic sur une infos du tableau tabs en bas de page  on remonte en haut de la page.

    exemple quand on clic sur description ici en bas dans la zone dorée

    https://proart-antiquites.com/boutique/arts-graphiques/georges-artemoff/

    de plus sur le bouton contacter le vendeur à coté de achat direct on a mit un lien pour aller en bas direct sur un nouveau tabs mais il remonte et aussi n’affiche pas le contenu du tabs on doit recliquer sur le tabs dorée contacter le vendeur en bas en plus du bouton dorée a coté de achat direct.

    merci pour votre aide.

     

     

     

     

    #2460718
    momofr@free.fr
    Modérateur
    Maître WordPress
    7176 contributions

    Salut, les liens d’ancre sur les onglets ne correspondent pas aux ID dédis onglets, dont on remonte, comportement normal, un défaut de conception sans doute.

    Tu utilises un thème Premium, les forums WPFR sont dédiés aux thèmes et extensions gratuits.

    Sans disposer de ce thème il est impossible de t’aider.

    Je t’invite à contacter le support de ce thème.

    #2461101
    kate66
    Participant
    Padawan WordPress
    90 contributions

    voici le code de la page meme quand j’ai changé avec meme id cela fait pareil :

     

     

    /**
    * Single Product tabs
    *
    * This template can be overridden by copying it to yourtheme/woocommerce/single-product/tabs/tabs.php.
    *
    * HOWEVER, on occasion WooCommerce will need to update template files and you
    * (the theme developer) will need to copy the new files to your theme to
    * maintain compatibility. We try to do this as little as possible, but it does
    * happen. When this occurs the version of the template file will be bumped and
    * the readme will list any important changes.
    *
    * @see https://docs.woocommerce.com/document/template-structure/
    * @package WooCommerce/Templates
    * @version 3.8.0
    */

    if ( ! defined( 'ABSPATH' ) ) {
    exit;
    }

    /**
    * Filter tabs and allow third parties to add their own.
    *
    * Each tab is an array containing title, callback and priority.
    * @see woocommerce_default_product_tabs()
    */
    $tabs = apply_filters( 'woocommerce_product_tabs', array() );

    if ( ! empty( $tabs ) ) : ?>

    <?php $i = 0; ?>
    <?php foreach ( $tabs as $key => $tab ){ ?>
    <?php $i++; ?>
    <?php } ?>


    <div class="woocommerce-tabs wc-tabs-wrapper" id="tabs-bottom-product">
    <ul class="tabs wc-tabs wc-tabs-<?php echo esc_attr($i); ?>" role="tablist">
    <?php foreach ( $tabs as $key => $tab ) : ?>
    <li class="<?php echo esc_attr( $key ); ?>_tab" id="tab-title-<?php echo esc_attr( $key ); ?>" role="tab" aria-controls="tab-<?php echo esc_attr( $key ); ?>">
    <a href="#tab-<?php echo esc_attr( $key ); ?>" onclick="return false;"><?php echo apply_filters( 'woocommerce_product_' . esc_attr($key) . '_tab_title', esc_html( $tab['title'] ), $key ); ?></a>
    </li>
    <?php endforeach; ?>
    </ul>
    <?php foreach ( $tabs as $key => $tab ) : ?>
    <div class="woocommerce-Tabs-panel woocommerce-Tabs-panel--<?php echo esc_attr( $key ); ?> panel entry-content wc-tab" id="tab-<?php echo esc_attr( $key ); ?>" role="tabpanel" aria-labelledby="tab-title-<?php echo esc_attr( $key ); ?>">
    <?php if ( isset( $tab['callback'] ) ) { call_user_func( $tab['callback'], $key, $tab ); } ?>
    </div>
    <?php endforeach; ?>
    </div>

    <?php endif; ?>

    #2461102
    kate66
    Participant
    Padawan WordPress
    90 contributions

    meme en desactivant le theme avec themeforest je le meme bug c’est pour cela que je me suis permis de poster ici merci

    #2461109
    momofr@free.fr
    Modérateur
    Maître WordPress
    7176 contributions

    Salut, sans doute mais tu as oublié de nous donner les informations sur ton hébergement et les extensions utilisées.

    Impossible de te répondre sans ça.

    #2461192
    Creation Site Internet
    Participant
    Padawan WordPress
    71 contributions

    Bonjour,

    Il semble que vous ayez rencontré un problème avec les onglets (tabs) sur vos pages produits WooCommerce, où le clic sur un onglet fait remonter la page en haut au lieu d’afficher le contenu de l’onglet. Voici quelques étapes pour résoudre ce problème :

    1. Vérifiez les liens des onglets : Assurez-vous que les liens des onglets pointent vers les identifiants (IDs) correspondants des contenus des onglets. Les liens devraient ressembler à ceci :
      <a href="#description">Description</a>

    2.  Assurez-vous que l’ID de chaque onglet correspond à l’ID de la section correspondante dans votre contenu. Par exemple, la section « Description » devrait avoir id="description".
    3. Vérifiez les conflits de scripts : Parfois, les conflits de scripts JavaScript peuvent entraîner des comportements inattendus. Assurez-vous qu’il n’y a pas de conflits entre les scripts de votre thème, de WooCommerce ou d’autres plugins. Pour ce faire, désactivez temporairement d’autres plugins un par un pour voir si le problème persiste.
    4. Mettez à jour les plugins et le thème : Assurez-vous que WordPress, WooCommerce, votre thème et tous les plugins sont à jour. Les mises à jour peuvent résoudre des problèmes de compatibilité.
    5. Utilisez des liens absolus : Assurez-vous que les liens des onglets utilisent des liens absolus plutôt que relatifs. Par exemple, utilisez href="https://proart-antiquites.com/boutique/arts-graphiques/georges-artemoff/#description" plutôt que des liens relatifs comme href="#description".
    6. Vérifiez les styles CSS : Parfois, les styles CSS peuvent affecter le comportement des liens d’onglets. Assurez-vous qu’aucun style CSS ne modifie le comportement des liens d’onglets.
    7. Utilisez un plugin de gestion d’onglets personnalisé : Si les problèmes persistent, envisagez d’utiliser un plugin de gestion d’onglets personnalisé pour WooCommerce. Certains plugins offrent une meilleure gestion des onglets et peuvent résoudre des problèmes de ce type.
    8. Contactez le support du thème ou de WooCommerce : Si aucun des conseils ci-dessus ne résout le problème, il peut être utile de contacter le support technique de votre thème ou de WooCommerce. Ils pourront fournir une assistance spécifique à votre configuration et au problème rencontré.

    N’oubliez pas de sauvegarder votre site avant d’apporter des modifications importantes, et testez ces modifications sur un site de test si possible pour éviter de perturber votre site en prod.

    Bonne continuation 😉

    #2461236
    ferman
    Participant
    Maître WordPress
    7063 contributions

    Bonjour,

    Après avoir testé, Je pense que voila ce qui se passe: quand on « clique » sur un tab, une fonction js est activée. Cette fonction déclenche un scroll vers le haut de la page (on la voit dans l’inspecteur Firefox en cliquant sur « event »). Supprimer l’évènement « click » associé à cette fonction semble résoudre le problème (dans l’inspecteur Firefox c’est OK; cela reste à confirmer sur le site). Essayez la fonction ci-dessous (pour ça, vous pouvez utiliser l’extension « headers and footers ».

    <script>
    $=jQuery;
    $( '#tabs-bottom-product a[href^="#tab-"]' ).off( "click" );
    </script>

    #2461329
    kate66
    Participant
    Padawan WordPress
    90 contributions

    bonjour j’ai mis le code sur wordpress avec l’extension mais cela ne fonctionne pas.merci

    #2461333
    ferman
    Participant
    Maître WordPress
    7063 contributions

    C’est le problème avec js; il arrive que ça fonctionne dans la console mais pas « en vrai », une question de timing . Vous avez mis le code dans le « header »;  essayez en le mettant dans le « footer ». Ce sera peut-être mieux. Autrement, il faudra voir avec le support du plugin « woocommerce product tabs ». Vous avez la version premium je suppose car la version gratuite a un fonctionnement plus simple.

9 sujets de 1 à 9 (sur un total de 9)
  • Vous devez être connecté pour répondre à ce sujet.