Positionnement des tags sur les fiches produits e-commerce

artzelaperles

artzelaperles

Messages : 7
Inscrit le : 14/02/2023 09:16

Bonjour :-)
Sur les fiches produits des boutiques en ligne, serait-il possible de pouvoir positionner les tags de chaque fiche produit tout en bas de la page et non pas comme actuellement juste sous la case "ajouter au panier". Sur la version mobile surtout, cela coupe la fluidité de la lecture et suivant le nombre de tags peut empêcher la visibilité du descriptif de l'article.
Merci par avance :-)

overflo

overflo

Messages : 57
Inscrit le : mercredi, 10 août 2022

Bonjour ! :)

A la limite vous pouvez déplacer les tags dans la partie qui contient les plugins sur la page, comme les boutons de partage, avec du code JavaScript. Vous pouvez essayer ce code :


// Attendre que la page soit entièrement chargée
window.addEventListener('load', function() {
// Récupérer l'élément avec le sélecteur .tag-line
let tagLine = document.querySelector('#view-item.view-eco .tag-line');

// Récupérer le bloc .container plugin-list
let container = document.querySelector('#view-item.view-eco .container.plugin-list');

// Vérifier que les deux éléments ont été trouvés avant de continuer
if (tagLine && container) {
// Déplacer l'élément .tag-line dans le bloc .container plugin-list
container.insertBefore(tagLine, container.firstChild);
}
});


Il faudra copier ce code et le coller dans la config de votre thème : Configuration -> Apparence -> Experts -> Javascript

J'espère que ça a pu vous aider. :)

artzelaperles

artzelaperles

Messages : 7
Inscrit le : mardi, 14 février 2023

Bonjour :-)
Merci beaucoup pour votre réponse que je viens de découvrir, je vais tester :-)

artzelaperles

artzelaperles

Messages : 7
Inscrit le : mardi, 14 février 2023

Super ça fonctionne !! Un grand merci (^_____^)