Documentation Dr Tech

Accueil 9 Le Visual Builder 9 Modifier la balise titre du nom des produits dans le module boutique

Lorsque vous utilisez le module « Boutique » pour  afficher vos produits, le nom des produits possède la balise « H2 ».

Pour changer ça, il vous suffit de :

1. Activer l’application « Insert header and footer ».

2. Coller le code ci-dessous dans la balise <Head>.

<script>
jQuery(document).ready(function(){
jQuery(‘.et_pb_shop h2’).replaceWith(function() {
return jQuery(« <hX> », {
class: this.className,
html: jQuery(this).html()
});
});
});
</script>

3. Modifiez le X rouge par la valeur que vous souhaitez. Mettez donc 3 pour h3, 4 pour h4 …

Enregistrez et voilà, bravo 🙂

Attention : 

Il se peut que lorsque vous copiez-collez ce code dans votre boutique, les symboles et «  ne soient pas correctement copiés-collés. Par conséquent, le code ne marchera pas. Dans ce cas, enlevez simplement ce symbole, et écrivez le à nouveau avec votre clavier.

Lorsque vous utilisez le module « Boutique » pour  afficher vos produits, le nom des produits possède la balise « H2 ».

Pour changer ça, il vous suffit de :

1. Activer l’application « Insert header and footer ».

2. Coller le code ci-dessous dans la balise <Head>.

<script>
jQuery(document).ready(function(){
jQuery(‘.et_pb_shop h2’).replaceWith(function() {
return jQuery(« <hX> », {
class: this.className,
html: jQuery(this).html()
});
});
});
</script>

3. Modifier le X rouge par la valeur que vous souhaitez. Mettez donc 3 pour h3, 4 pour h4 …

Enregistrez et voilà, bravo 🙂

Attention : 

Il se peut que lorsque vous copiez-collez ce code dans votre boutique, les symboles et «  ne soient pas correctement copiés-collés. Par conséquent, le code ne marchera pas. Dans ce cas, enlevez simplement ce symbole, et écrivez le à nouveau avec votre clavier.