Skip to main content

Configurer les rubans ("ribbons") sur les produits

Il est possible d'ajouter des rubans sur les photos des produits dans le e-commerce, comme ceci :

image.png

Cependant ce n'est pas aisé de configurer ces ribbons.

Encoder un ribbon sur un produit.

 Il existe des ribbons que l'on peut définir dans l'onglet Sales

image.png

Pour modifier le Ribbon, cliquer sur la flèche à côté

image.png

image.png

On peut en principe modifier la couleur du background et du texte. En pratique, ça ne marche pas tout le temps. Ce qui fonctionne c'est d'utiliser le champs "Ribbon class". Voici les couleurs associées aux classes :

    • bg-warning o_ribbon_left : texte noir sur fond jaune
    • bg-danger o_ribbon_left : texte noir sur fond rouge
    • bg-success o_ribbon_left : texte noir sur fond vert
    • bg-primary o_ribbon_left : texte noir sur fond bleu