Documentation Dr Tech

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

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.