click sur tabs remonte en haut de la page

WordPress :6.2
Statut : hors support

Ce sujet contient 8 réponses, 4 participants et a été mis à jour pour la dernière fois par ferman, le il y a 1 année et 3 mois.

9 sujets de 1 à 9 (sur un total de 9)

Auteur

Messages
16 septembre 2023 à 23 h 30 min #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.

17 septembre 2023 à 20 h 46 min #2460718

momofr@free.fr
Modérateur

Maître WordPress
7449 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.

25 septembre 2023 à 21 h 42 min #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; ?>
```
25 septembre 2023 à 21 h 47 min #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

26 septembre 2023 à 0 h 31 min #2461109

momofr@free.fr
Modérateur

Maître WordPress
7449 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.

27 septembre 2023 à 8 h 50 min #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 😉
- Cette réponse a été modifiée le il y a 1 année et 3 mois par Creation Site Internet.
27 septembre 2023 à 13 h 07 min #2461236
ferman
Modérateur

Maître WordPress
7359 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>
```
28 septembre 2023 à 18 h 11 min #2461329

kate66
Participant

Padawan WordPress
90 contributions

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

28 septembre 2023 à 19 h 43 min #2461333

ferman
Modérateur

Maître WordPress
7359 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.
Auteur

Messages