Modal Cart 3

Présentation

Modal Cart est un module vous permettant d’afficher une fenêtre de confirmation d’ajout au panier d’un produit. Ainsi, votre client dispose d’un effet visuel lui indiquant que l’ajout a bien été effectué, et peut, grâce aux boutons intégrés, poursuivre ses achats ou bien accéder à son panier.

Généralités et principes de fonctionnement

Une fenêtre modale est une fenêtre qui va prendre le contrôle de la page pour s’afficher au premier plan et proposer au client une ou plusieurs actions.
Vous disposez dans ce module de 3 types de fenêtres modales : résumé du panier, dernier produit ajouté, ou encore notification. Chacun de ses types dispose d’outils de personnalisation avancés vous permettant d’intégrer texte, images, et autres.
Modal Cart est par ailleurs capable de gérer les attributs des produits, les frais de ports relatifs au panier du client, ou encore les taxes associés aux produits choisis.
Enfin, vous pouvez augmenter le panier moyen de votre client en combinant ce module avec Cross Selling on Cart, afin d’intégrer de la vente croisée dans vos fenêtres modales.

Installation

Pour installer Modal Cart, vous pouvez consulter notre tutoriel sur l’installation d’un module disponible ici

Activer le Mode Maintenance

Ce module dispose d’un mode maintenance. Vous trouverez un tutoriel d’utilisation ici

Configuration

Type de fenêtre

type-de-fenetre
Cette option vous permet de définir le type de fenêtre modale qui sera affichée lors de l’ajout au panier.
Chaque fenêtre vous propose un comportement ainsi que des options de personnalisation différentes :

Résumé du panier

Ce type de fenêtre vous permet d’afficher, lors de l’ajout d’un produit au panier, une liste des produits présents dans le panier. Vous pouvez par ailleurs indiquer d’autres informations comme le montant des taxes ou encore des informations concernant les frais de ports.

Configuration

Afficher le titre

afficher-le-titre
Cette option vous permet d’activer l’affichage d’un titre pour vos fenêtres modales.
Ce titre est configurable dans la représentation graphique.

Afficher le contenu libre n°1

afficher-contenu-libre-1
Cette option vous permet d’activer l’affichage d’une zone de contenu libre.
Vous pourrez, pour cette zone, paramétrer une couleur de fond, des bordures, ainsi qu’une zone de texte dans laquelle vous pourrez intégrer des variables telles que le nombre de produits ou encore le montant du panier.

Afficher le contenu libre n°2

afficher-contenu-libre-2
Cette option vous permet d’activer l’affichage d’une seconde zone de contenu libre.
Vous pourrez, pour cette zone, paramétrer une couleur de fond, des bordures, ainsi qu’une zone de texte dans laquelle vous pourrez intégrer des variables telles que le nombre de produits ou encore le montant du panier.

Afficher les libellés (des colonnes du tableau)

afficher-les-libelles
Cette option vous permet d’activer l’affichage des libellés des colonnes composant le résumé du panier : image, produit, disponibilité, prix, quantité etc…

Afficher le montant à atteindre pour bénéficier de la gratuité des frais de port

afficher-montant-gratuite-frais-de-port
Cette option permet d’afficher le montant restant avant de bénéficier de frais de port gratuits.

Afficher le sous-total

afficher-sous-total
Cette option vous permet d’afficher un sous-total dans le résumé du panier.

Afficher les taxes

afficher-taxes
Cette option vous permet d’afficher le montant des taxes sous le tableau de résumé du panier.

Afficher les remises

afficher-remises
Cette option vous permet d’afficher le montant des réductions sous le tableau de résumé du panier.

Afficher les frais de port

afficher-frais-de-port
Cette option vous permet d’afficher le montant des frais de port sous le tableau de résumé du panier.

L’activation de cette option affichera les frais de port de votre transporteur par défaut dans le cas où votre client n’a pas encore renseigné son adresse de livraison.
Les frais de port de la commande peuvent varier en fonction du choix du transporteur par le client.

Afficher Cross Selling on Cart

afficher-cross-selling-on-cart
Cette option vous permet d’afficher des suggestions de vente croisée dans la fenêtre de résumé du panier.

Vous devez disposer de notre module Cross Selling on Cart, installé et activé

Configuration avancée

Sélecteur du bouton d’ajout au panier (global)

selecteur-bouton-ajout-panier-global
Cette option vous permet de définir le sélecteur CSS permettant d’identifier le bouton d’ajout au panier sur les pages autres qu’une fiche produit, comme les pages catégories par exemple.

Sélecteur du bouton d’ajout au panier (fiche produit)

selecteur-bouton-ajout-panier-produit
Cette option vous permet de définir le sélecteur CSS permettant d’identifier le bouton d’ajout au panier sur une fiche produit.

Représentation graphique

representation-graphique-resume-panier
Ce schéma représente la structure de votre fenêtre modale.
C’est ici que vous pourrez paramétrer chaque élément qui est actif, ainsi que définir leur positionnement en maintenant le clic sur la flèche directionnelle puis en déplacant l’élément à la position souhaitée.

Titre de la fenêtre

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Marge

marge
Cette option vous permet de créer des marges horizontales et verticales pour le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Ombre portée

ombre-portee
Cette option vous permet de créer une ombre portée pour le conteneur de l’élément en cours d’édition. Vous pouvez la définir verticalement comme horizontalement, interne ou externe au conteneur de votre titre, sa couleur, son niveau de flou ou bien sa taille.

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Options des contenus

option-des-contenus
Ce bloc contient des options vous permettant de paramétrer le contenu de l’élément en cours d’édition. Vous disposez de variables vous permettant de récupérer des informations contextuelles sur le panier de votre client.
Vous pouvez inclure ces variables directement dans votre texte.

Texte

texte
Cette option vous permet de définir le titre de l’élément en cours d’édition.

Vous pouvez définir un texte par langue installée sur votre boutique

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Contenu libre n°1

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Marge

marge
Cette option vous permet de créer des marges horizontales et verticales pour le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Ombre portée

ombre-portee
Cette option vous permet de créer une ombre portée pour le conteneur de l’élément en cours d’édition. Vous pouvez la définir verticalement comme horizontalement, interne ou externe au conteneur de votre titre, sa couleur, son niveau de flou ou bien sa taille.

Options des contenus

option-des-contenus
Ce bloc contient des options vous permettant de paramétrer le contenu de l’élément en cours d’édition. Vous disposez de variables vous permettant de récupérer des informations contextuelles sur le panier de votre client.
Vous pouvez inclure ces variables directement dans votre texte.

Contenu à afficher

contenu-a-afficher
Cette option vous permet de saisir le texte à afficher dans l’élément en cours d’édition. Vous pouvez y inclure les variables de contenu.

Image

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Taille de l’image

taille-de-image
Cette option vous permet de définir la taille des images produit.

Ajouter un lien vers la fiche produit

ajouter-un-lien-vers-la-fiche-produit
Cette option vous permet d’ajouter automatiquement un lien cliquable vers la fiche produit sur l’image de celui-ci.

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Ombre portée

ombre-portee
Cette option vous permet de créer une ombre portée pour le conteneur de l’élément en cours d’édition. Vous pouvez la définir verticalement comme horizontalement, interne ou externe au conteneur de votre titre, sa couleur, son niveau de flou ou bien sa taille.

Nom du produit

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Ajouter un lien vers la fiche produit

ajouter-un-lien-vers-la-fiche-produit
Cette option vous permet d’ajouter automatiquement un lien cliquable vers la fiche produit sur l’image de celui-ci.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Afficher les attributs du produit

afficher-les-attributs-du-produit
Cette option vous permet d’afficher, pour chaque produit dans le panier, les attributs correspondant sous la forme Attribut : Valeur.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Disponibilité

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Prix du produit

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Taxe

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Quantité

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Autoriser la mise à jour des quantités

autoriser-mise-a-jour-quantites
Cette option vous permet d’afficher des boutons autorisant vos clients à modifier les quantités pour chaque produit (boutons ajouter, retirer et supprimer).

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Total

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Sous-total

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Texte

texte
Cette option vous permet de définir le titre de l’élément en cours d’édition.

Vous pouvez définir un texte par langue installée sur votre boutique

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Montant du sous-total

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Affichage hors taxes

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Frais de port

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Texte

texte
Cette option vous permet de définir le titre de l’élément en cours d’édition.

Vous pouvez définir un texte par langue installée sur votre boutique

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Montant des frais de port

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Total remises

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Texte

texte
Cette option vous permet de définir le titre de l’élément en cours d’édition.

Vous pouvez définir un texte par langue installée sur votre boutique

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Montant des remises

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Total TVA

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Texte

texte
Cette option vous permet de définir le titre de l’élément en cours d’édition.

Vous pouvez définir un texte par langue installée sur votre boutique

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Montant des taxes

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Total

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Texte

texte
Cette option vous permet de définir le titre de l’élément en cours d’édition.

Vous pouvez définir un texte par langue installée sur votre boutique

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Montant total

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Informations à propos du montant requis pour bénéficier des frais de port offerts

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Marge

marge
Cette option vous permet de créer des marges horizontales et verticales pour le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Ombre portée

ombre-portee
Cette option vous permet de créer une ombre portée pour le conteneur de l’élément en cours d’édition. Vous pouvez la définir verticalement comme horizontalement, interne ou externe au conteneur de votre titre, sa couleur, son niveau de flou ou bien sa taille.

Options des contenus

option-des-contenus
Ce bloc contient des options vous permettant de paramétrer le contenu de l’élément en cours d’édition. Vous disposez de variables vous permettant de récupérer des informations contextuelles sur le panier de votre client.
Vous pouvez inclure ces variables directement dans votre texte.

Contenu à afficher

contenu-a-afficher
Cette option vous permet de saisir le texte à afficher dans l’élément en cours d’édition. Vous pouvez y inclure les variables de contenu.

Continuer mes achats

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Hauteur de ligne

hauteur-de-ligne
Cette option vous permet de définir la hauteur de la ligne de texte contenu dans le bouton.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Préférer le mode minimaliste (dans le cas contraire, le mode réaliste sera utilisé)

preferer-mode-minimaliste
Cette option vous permet de définir le style des boutons. Le mode minimaliste créera un dégradé du haut vers le bas avec la couleur définie plus bas.
Le mode réaliste lui, créera un dégradé en utilisant plusieurs teintes pour obtenir un effet plus marqué.

Couleur du texte

couleur-du-texte
Cette option vous permet de définir la couleur du texte dans les boutons contenus dans l’élément en cours d’édition.

Couleur de fond du bouton

couleur-de-fond-du-bouton
Cette option vous permet de définir la couleur de fond des boutons contenus dans l’élément en cours d’édition.

Couleur du texte au survol du bouton

couleur-du-texte-au-survol-du-bouton
Cette option vous permet de définir la couleur du texte au survol des boutons dans l’élément en cours d’édition.

Couleur de fond au survol du bouton

couleur-de-fond-au-survol-du-bouton
Cette option vous permet de définir la couleur de fond des boutons lors du survol dans l’élément en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Commander

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Hauteur de ligne

hauteur-de-ligne
Cette option vous permet de définir la hauteur de la ligne de texte contenu dans le bouton.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Texte

texte
Cette option vous permet de définir le titre de l’élément en cours d’édition.

Vous pouvez définir un texte par langue installée sur votre boutique

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Préférer le mode minimaliste (dans le cas contraire, le mode réaliste sera utilisé)

preferer-mode-minimaliste
Cette option vous permet de définir le style des boutons. Le mode minimaliste créera un dégradé du haut vers le bas avec la couleur définie plus bas.
Le mode réaliste lui, créera un dégradé en utilisant plusieurs teintes pour obtenir un effet plus marqué.

Couleur du texte

couleur-du-texte
Cette option vous permet de définir la couleur du texte dans les boutons contenus dans l’élément en cours d’édition.

Couleur de fond du bouton

couleur-de-fond-du-bouton
Cette option vous permet de définir la couleur de fond des boutons contenus dans l’élément en cours d’édition.

Couleur du texte au survol du bouton

couleur-du-texte-au-survol-du-bouton
Cette option vous permet de définir la couleur du texte au survol des boutons dans l’élément en cours d’édition.

Couleur de fond au survol du bouton

couleur-de-fond-au-survol-du-bouton
Cette option vous permet de définir la couleur de fond des boutons lors du survol dans l’élément en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Contenu libre n°2

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Marge

marge
Cette option vous permet de créer des marges horizontales et verticales pour le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Ombre portée

ombre-portee
Cette option vous permet de créer une ombre portée pour le conteneur de l’élément en cours d’édition. Vous pouvez la définir verticalement comme horizontalement, interne ou externe au conteneur de votre titre, sa couleur, son niveau de flou ou bien sa taille.

Options des contenus

option-des-contenus
Ce bloc contient des options vous permettant de paramétrer le contenu de l’élément en cours d’édition. Vous disposez de variables vous permettant de récupérer des informations contextuelles sur le panier de votre client.
Vous pouvez inclure ces variables directement dans votre texte.

Contenu à afficher

contenu-a-afficher
Cette option vous permet de saisir le texte à afficher dans l’élément en cours d’édition. Vous pouvez y inclure les variables de contenu.

Apparence

Largeur de la fenêtre (px)

largeur-fenetre
Cette option vous permet de définir la largeur de la fenêtre modale, en pixels.

Couleur de fond de la fenêtre

couleur-de-fond-fenetre
Cette option vous permet de définir la couleur de fond de la fenêtre modale. Vous pouvez également créer un dégradé de deux couleurs en cochant la case « Faire un dégradé », puis en indiquant une seconde couleur dans le nouveau champ.

Coins arrondis de la fenêtre

coins-arrondis-fenetre
Cette option vous permet de générer des coins arrondis pour votre fenêtre modale. Plus cette valeur est élevée, plus la courbure sera importante. A l’inverse, moins cette valeur est élevée, moins la courbure sera importante.

Bordure de la fenêtre

bordure-de-la-fenetre
Cette option vous permet de modifier la bordure de votre fenêtre modale. Vous pouvez définir son épaisseur en pixels pour chaque côté, le style de bordure ou bien sa couleur.

Padding de la fenêtre

padding-de-la-fenetre
Cette option vous permet de gérer l’espace entre le contenu de la fenêtre et le bloc contenant celle-ci.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Ombre portée de la fenêtre

ombre-portee-de-la-fenetre
Cette option vous permet de générer une ombre portée pour votre fenêtre modale. Vous pouvez paramétrer ses dimensions, son type (interne ou externe à la fenêtre) ou encore sa couleur.

Estomper le contenu du site

estomper-le-contenu-du-site
Cette option vous permet d’activer un effet de flou sur la page pour mettre en avant la fenêtre modale venant d’apparaître.

Couleur

couleur
Cette option vous permet de définir la couleur du flou appliqué à votre page lors de l’ouverture de la fenêtre modale.
Vous pouvez également créer un dégradé de couleur en cochant la case « Faire un dégradé », puis en renseignant la seconde couleur.

Opacité

opacite
Cette option vous permet de définir le niveau d’opacité du flou appliqué à votre page lors de l’ouverture de la fenêtre modale.

Afficher un bouton de fermeture de la fenêtre

afficher-un-bouton-de-fermeture-fenetre
Cette option vous permet de proposer un bouton de fermeture de la fenêtre modale à vos clients.
Si cette option est désactivée, ceux-ci devront pour la fermer, soit cliquer en dehors de la fenêtre, soit utiliser le bouton « Continuer mes achats » (si actif).

Dernier produit ajouté

Ce type de fenêtre vous permet d’afficher une fiche descriptive du produit ajouté. Vous pouvez choisir d’afficher son image, sa description, ou encore son prix.

Configuration

Afficher le titre

afficher-le-titre
Cette option vous permet d’activer l’affichage d’un titre pour vos fenêtres modales.
Ce titre est configurable dans la représentation graphique.

Afficher le contenu libre n°1

afficher-contenu-libre-1
Cette option vous permet d’activer l’affichage d’une zone de contenu libre.
Vous pourrez, pour cette zone, paramétrer une couleur de fond, des bordures, ainsi qu’une zone de texte dans laquelle vous pourrez intégrer des variables telles que le nombre de produits ou encore le montant du panier.

Afficher le contenu libre n°2

afficher-contenu-libre-2
Cette option vous permet d’activer l’affichage d’une zone de contenu libre.
Vous pourrez, pour cette zone, paramétrer une couleur de fond, des bordures, ainsi qu’une zone de texte dans laquelle vous pourrez intégrer des variables telles que le nombre de produits ou encore le montant du panier.

Afficher le montant à atteindre pour bénéficier de la gratuité des frais de port

afficher-montant-gratuite-frais-de-port
Cette option permet d’afficher le montant restant avant de bénéficier de frais de port gratuits.

Afficher Cross Selling on Cart

afficher-cross-selling-on-cart
Cette option vous permet d’afficher des suggestions de vente croisée dans la fenêtre de résumé du panier.

Vous devez disposer de notre module Cross Selling on Cart, installé et activé

Configuration avancée

Sélecteur du bouton d’ajout au panier (global)

selecteur-bouton-ajout-panier-global
Cette option vous permet de définir le sélecteur CSS permettant d’identifier le bouton d’ajout au panier sur les pages autres qu’une fiche produit, comme les pages catégories par exemple.

Sélecteur du bouton d’ajout au panier (fiche produit)

selecteur-bouton-ajout-panier-produit
Cette option vous permet de définir le sélecteur CSS permettant d’identifier le bouton d’ajout au panier sur une fiche produit.

Valeur CSS du z-index de la fenêtre modale

valeur-css-zindex-fenetre
Cette option vous permet de définir la valeur de z-index de la fenêtre modale.

Le z-index est une valeur indiquant le niveau de profondeur d’un élément. Plus sa valeur est élevée, et plus l’élément sera affiché au dessus des autres

Représentation graphique

representation-graphique-dernier-produit-ajoute
Ce schéma représente la structure de votre fenêtre modale.
C’est ici que vous pourrez paramétrer chaque élément qui est actif, ainsi que définir leur positionnement en maintenant le clic sur la flèche directionnelle puis en déplacant l’élément à la position souhaitée.

Titre de la fenêtre

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Marge

marge
Cette option vous permet de créer des marges horizontales et verticales pour le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Ombre portée

ombre-portee
Cette option vous permet de créer une ombre portée pour le conteneur de l’élément en cours d’édition. Vous pouvez la définir verticalement comme horizontalement, interne ou externe au conteneur de votre titre, sa couleur, son niveau de flou ou bien sa taille.

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Options des contenus

option-des-contenus
Ce bloc contient des options vous permettant de paramétrer le contenu de l’élément en cours d’édition. Vous disposez de variables vous permettant de récupérer des informations contextuelles sur le panier de votre client.
Vous pouvez inclure ces variables directement dans votre texte.

Texte

texte
Cette option vous permet de définir le titre de l’élément en cours d’édition.

Vous pouvez définir un texte par langue installée sur votre boutique

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Contenu libre n°1

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Marge

marge
Cette option vous permet de créer des marges horizontales et verticales pour le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Ombre portée

ombre-portee
Cette option vous permet de créer une ombre portée pour le conteneur de l’élément en cours d’édition. Vous pouvez la définir verticalement comme horizontalement, interne ou externe au conteneur de votre titre, sa couleur, son niveau de flou ou bien sa taille.

Options des contenus

option-des-contenus
Ce bloc contient des options vous permettant de paramétrer le contenu de l’élément en cours d’édition. Vous disposez de variables vous permettant de récupérer des informations contextuelles sur le panier de votre client.
Vous pouvez inclure ces variables directement dans votre texte.

Contenu à afficher

contenu-a-afficher
Cette option vous permet de saisir le texte à afficher dans l’élément en cours d’édition. Vous pouvez y inclure les variables de contenu.

Contenu libre n°2

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Marge

marge
Cette option vous permet de créer des marges horizontales et verticales pour le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Ombre portée

ombre-portee
Cette option vous permet de créer une ombre portée pour le conteneur de l’élément en cours d’édition. Vous pouvez la définir verticalement comme horizontalement, interne ou externe au conteneur de votre titre, sa couleur, son niveau de flou ou bien sa taille.

Options des contenus

option-des-contenus
Ce bloc contient des options vous permettant de paramétrer le contenu de l’élément en cours d’édition. Vous disposez de variables vous permettant de récupérer des informations contextuelles sur le panier de votre client.
Vous pouvez inclure ces variables directement dans votre texte.

Contenu à afficher

contenu-a-afficher
Cette option vous permet de saisir le texte à afficher dans l’élément en cours d’édition. Vous pouvez y inclure les variables de contenu.

Image

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Taille de l’image

taille-de-image
Cette option vous permet de définir la taille des images produit.

Ajouter un lien vers la fiche produit

ajouter-un-lien-vers-la-fiche-produit
Cette option vous permet d’ajouter automatiquement un lien cliquable vers la fiche produit sur l’image de celui-ci.

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Ombre portée

ombre-portee
Cette option vous permet de créer une ombre portée pour le conteneur de l’élément en cours d’édition. Vous pouvez la définir verticalement comme horizontalement, interne ou externe au conteneur de votre titre, sa couleur, son niveau de flou ou bien sa taille.

Nom du produit

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Ajouter un lien vers la fiche produit

ajouter-un-lien-vers-la-fiche-produit
Cette option vous permet d’ajouter automatiquement un lien cliquable vers la fiche produit sur l’image de celui-ci.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Afficher les attributs du produit

afficher-les-attributs-du-produit
Cette option vous permet d’afficher, pour chaque produit dans le panier, les attributs correspondant sous la forme Attribut : Valeur.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Prix du produit

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Description du produit

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Tronquer le texte

tronquer-le-texte
Cette option vous permet d’activer le raccourcissement automatique des descriptions produit. La longueur maximale est définie dans l’option ci-dessous.

Limiter le texte à

limiter-le-texte-a
Cette option vous permet de définir le nombre maximum de caractères de la description produit avant d’être tronquée.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Informations à propos du montant requis pour bénéficier des frais de port offerts

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Marge

marge
Cette option vous permet de créer des marges horizontales et verticales pour le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Ombre portée

ombre-portee
Cette option vous permet de créer une ombre portée pour le conteneur de l’élément en cours d’édition. Vous pouvez la définir verticalement comme horizontalement, interne ou externe au conteneur de votre titre, sa couleur, son niveau de flou ou bien sa taille.

Options des contenus

option-des-contenus
Ce bloc contient des options vous permettant de paramétrer le contenu de l’élément en cours d’édition. Vous disposez de variables vous permettant de récupérer des informations contextuelles sur le panier de votre client.
Vous pouvez inclure ces variables directement dans votre texte.

Contenu à afficher

contenu-a-afficher
Cette option vous permet de saisir le texte à afficher dans l’élément en cours d’édition. Vous pouvez y inclure les variables de contenu.

Continuer mes achats

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Hauteur de ligne

hauteur-de-ligne
Cette option vous permet de définir la hauteur de la ligne de texte contenu dans le bouton.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Texte

texte
Cette option vous permet de définir le titre de l’élément en cours d’édition.

Vous pouvez définir un texte par langue installée sur votre boutique

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Préférer le mode minimaliste (dans le cas contraire, le mode réaliste sera utilisé)

preferer-mode-minimaliste
Cette option vous permet de définir le style des boutons. Le mode minimaliste créera un dégradé du haut vers le bas avec la couleur définie plus bas.
Le mode réaliste lui, créera un dégradé en utilisant plusieurs teintes pour obtenir un effet plus marqué.

Couleur du texte

couleur-du-texte
Cette option vous permet de définir la couleur du texte dans les boutons contenus dans l’élément en cours d’édition.

Couleur de fond du bouton

couleur-de-fond-du-bouton
Cette option vous permet de définir la couleur de fond des boutons contenus dans l’élément en cours d’édition.

Couleur du texte au survol du bouton

couleur-du-texte-au-survol-du-bouton
Cette option vous permet de définir la couleur du texte au survol des boutons dans l’élément en cours d’édition.

Couleur de fond au survol du bouton

couleur-de-fond-au-survol-du-bouton
Cette option vous permet de définir la couleur de fond des boutons lors du survol dans l’élément en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Commander

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Hauteur de ligne

hauteur-de-ligne
Cette option vous permet de définir la hauteur de la ligne de texte contenu dans le bouton.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Texte

texte
Cette option vous permet de définir le titre de l’élément en cours d’édition.

Vous pouvez définir un texte par langue installée sur votre boutique

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Préférer le mode minimaliste (dans le cas contaire, le mode réaliste sera utilisé)

preferer-mode-minimaliste
Cette option vous permet de définir le style des boutons. Le mode minimaliste créera un dégradé du haut vers le bas avec la couleur définie plus bas.
Le mode réaliste lui, créera un dégradé en utilisant plusieurs teintes pour obtenir un effet plus marqué.

Couleur du texte

couleur-du-texte
Cette option vous permet de définir la couleur du texte dans les boutons contenus dans l’élément en cours d’édition.

Couleur de fond du bouton

couleur-de-fond-du-bouton Cette option vous permet de définir la couleur de fond des boutons contenus dans l’élément en cours d’édition.

Couleur du texte au survol du bouton

couleur-du-texte-au-survol-du-bouton
Cette option vous permet de définir la couleur du texte au survol des boutons dans l’élément en cours d’édition.

Couleur de fond au survol du bouton

couleur-de-fond-au-survol-du-bouton
Cette option vous permet de définir la couleur de fond des boutons lors du survol dans l’élément en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Apparence

Largeur de la fenêtre (px)

largeur-fenetre
Cette option vous permet de définir la largeur de la fenêtre modale, en pixels.

Couleur de fond de la fenêtre

couleur-de-fond-fenetre
Cette option vous permet de définir la couleur de fond de la fenêtre modale. Vous pouvez également créer un dégradé de deux couleurs en cochant la case « Faire un dégradé », puis en indiquant une seconde couleur dans le nouveau champ.

Coins arrondis de la fenêtre

coins-arrondis-fenetre
Cette option vous permet de générer des coins arrondis pour votre fenêtre modale. Plus cette valeur est élevée, plus la courbure sera importante. A l’inverse, moins cette valeur est élevée, moins la courbure sera importante.

Bordure de la fenêtre

bordure-de-la-fenetre
Cette option vous permet de modifier la bordure de votre fenêtre modale. Vous pouvez définir son épaisseur en pixels pour chaque côté, le style de bordure ou bien sa couleur.

Padding de la fenêtre

padding-de-la-fenetre
Cette option vous permet de gérer l’espace entre le contenu de la fenêtre et le bloc contenant celle-ci.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Ombre portée de la fenêtre

ombre-portee-de-la-fenetre
Cette option vous permet de générer une ombre portée pour votre fenêtre modale. Vous pouvez paramétrer ses dimensions, son type (interne ou externe à la fenêtre) ou encore sa couleur.

Estomper le contenu du site

estomper-le-contenu-du-site
Cette option vous permet d’activer un effet de flou sur la page pour mettre en avant la fenêtre modale venant d’apparaître.

Couleur

couleur
Cette option vous permet de définir la couleur du flou appliqué à votre page lors de l’ouverture de la fenêtre modale.
Vous pouvez également créer un dégradé de couleur en cochant la case « Faire un dégradé », puis en renseignant la seconde couleur.

Opacité

opacite
Cette option vous permet de définir le niveau d’opacité du flou appliqué à votre page lors de l’ouverture de la fenêtre modale.

Afficher un bouton de fermeture de la fenêtre

afficher-un-bouton-de-fermeture-fenetre
Cette option vous permet de proposer un bouton de fermeture de la fenêtre modale à vos clients.
Si cette option est désactivée, ceux-ci devront pour la fermer, soit cliquer en dehors de la fenêtre, soit utiliser le bouton « Continuer mes achats » (si actif).

Notification

Ce type de fenêtre vous permet d’afficher une notification afin d’informer le client du produit ajouté à son panier.

Position du centre de notifications

position-centre-notifications
Cette option vous permet de définir la position du centre de notification. C’est à cette position que les notifications d’ajout au panier s’afficheront.
Vous pouvez les placer dans n’importe quel coin de l’écran.

Mode persistant

mode-persistant
Cette option permet de rendre vos notifications persistantes. Lorsque cette option est active, une notification restera visible jusqu’à ce que votre client la ferme manuellement.
Si cette option est inactive, alors les notifications se fermeront automatiquement une fois le délai défini dans l’option ci-dessous écoulé.

Délai de fermeture (ms)

delai-de-fermeture
Cette option vous permet de définir le délai d’affichage d’une notification avant sa fermeture automatique lorsque l’option « Mode Persistant » est active.

Afficher le bouton « Commander »

afficher-le-bouton-commander
Cette option vous permet de proposer un bouton « Commander » menant à la page panier dans chaque notification.

Afficher le contenu libre n°1

afficher-contenu-libre-1
Cette option vous permet d’activer l’affichage d’une zone de contenu libre.
Vous pourrez, pour cette zone, paramétrer une couleur de fond, des bordures, ainsi qu’une zone de texte dans laquelle vous pourrez intégrer des variables telles que le nombre de produits ou encore le montant du panier.

Afficher le contenu libre n°2

afficher-contenu-libre-2
Cette option vous permet d’activer l’affichage d’une zone de contenu libre.
Vous pourrez, pour cette zone, paramétrer une couleur de fond, des bordures, ainsi qu’une zone de texte dans laquelle vous pourrez intégrer des variables telles que le nombre de produits ou encore le montant du panier.

Configuration avancée

Sélecteur du bouton d’ajout au panier (global)

selecteur-bouton-ajout-panier-global
Cette option vous permet de définir le sélecteur CSS permettant d’identifier le bouton d’ajout au panier sur les pages autres qu’une fiche produit, comme les pages catégories par exemple.

Sélecteur du bouton d’ajout au panier (fiche produit)

selecteur-bouton-ajout-panier-produit
Cette option vous permet de définir le sélecteur CSS permettant d’identifier le bouton d’ajout au panier sur une fiche produit.

Représentation graphique

representation-graphique-notification
Ce schéma représente la structure de votre fenêtre modale.
C’est ici que vous pourrez paramétrer chaque élément qui est actif, ainsi que définir leur positionnement en maintenant le clic sur la flèche directionnelle puis en déplacant l’élément à la position souhaitée.

Contenu libre n°1

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Options des contenus

option-des-contenus
Ce bloc contient des options vous permettant de paramétrer le contenu de l’élément en cours d’édition. Vous disposez de variables vous permettant de récupérer des informations contextuelles sur le panier de votre client.
Vous pouvez inclure ces variables directement dans votre texte.

Contenu à afficher

contenu-a-afficher
Cette option vous permet de saisir le texte à afficher dans l’élément en cours d’édition. Vous pouvez y inclure les variables de contenu.

Image

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Taille de l’image

taille-de-image
Cette option vous permet de définir la taille des images produit.

Ajouter un lien vers la fiche produit

ajouter-un-lien-vers-la-fiche-produit
Cette option vous permet d’ajouter automatiquement un lien cliquable vers la fiche produit sur l’image de celui-ci.

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Ombre portée

ombre-portee
Cette option vous permet de créer une ombre portée pour le conteneur de l’élément en cours d’édition. Vous pouvez la définir verticalement comme horizontalement, interne ou externe au conteneur de votre titre, sa couleur, son niveau de flou ou bien sa taille.

Nom du produit

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Ajouter un lien vers la fiche produit

ajouter-un-lien-vers-la-fiche-produit
Cette option vous permet d’ajouter automatiquement un lien cliquable vers la fiche produit sur l’image de celui-ci.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Afficher les attributs du produit

afficher-les-attributs-du-produit
Cette option vous permet d’afficher, pour chaque produit dans le panier, les attributs correspondant sous la forme Attribut : Valeur.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Prix du produit

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Largeur

largeur
Cette option vous permet de définir une largeur, en pixels, pour le bloc en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Alignement vertical

alignement-vertical
Cette option vous permet de définir l’alignement vertical du conteneur de l’élément en cours d’édition.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Contenu libre n°2

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Options des contenus

option-des-contenus
Ce bloc contient des options vous permettant de paramétrer le contenu de l’élément en cours d’édition. Vous disposez de variables vous permettant de récupérer des informations contextuelles sur le panier de votre client.
Vous pouvez inclure ces variables directement dans votre texte.

Contenu à afficher

contenu-a-afficher
Cette option vous permet de saisir le texte à afficher dans l’élément en cours d’édition. Vous pouvez y inclure les variables de contenu.

Commander

Afficher

afficher
Cette option vous permet d’activer ou de désactiver l’affichage du bloc en cours d’édition.

Une fois désactivé, le bloc apparaitra en rouge dans la représentation graphique

Couleur de fond

couleur-de-fond
Cette option vous permet de définir une couleur de fond pour le bloc en cours d’édition, en renseignant un code couleur hexadécimal, ou bien en cliquant dans la case pour faire apparaître un sélecteur visuel.
Vous pouvez également créer un dégradé en utilisant la case « Faire un dégradé », puis en renseignant une seconde couleur.

Hauteur de ligne

hauteur-de-ligne
Cette option vous permet de définir la hauteur de la ligne de texte contenu dans le bouton.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Bordure

bordure
Cette option vous permet de créer une bordure au bloc contenant l’élément en cours d’édition.
Ces valeurs sont définies en pixels d’épaisseur.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Alignement horizontal

alignement-horizontal
Cette option vous permet de définir l’alignement horizontal du conteur de l’élément en cours d’édition.

Texte

texte
Cette option vous permet de définir le titre de l’élément en cours d’édition.

Vous pouvez définir un texte par langue installée sur votre boutique

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Ombre du texte

ombre-du-texte
Cette option vous permet d’appliquer une ombre au texte contenu dans le bloc en cours d’édition.

Préférer le mode minimaliste (dans le cas contraire, le mode réaliste sera utilisé)

preferer-mode-minimaliste
Cette option vous permet de définir le style des boutons. Le mode minimaliste créera un dégradé du haut vers le bas avec la couleur définie plus bas.
Le mode réaliste lui, créera un dégradé en utilisant plusieurs teintes pour obtenir un effet plus marqué.

Couleur du texte

couleur-du-texte
Cette option vous permet de définir la couleur du texte dans les boutons contenus dans l’élément en cours d’édition.

Couleur de fond du bouton

couleur-de-fond-du-bouton
Cette option vous permet de définir la couleur de fond des boutons contenus dans l’élément en cours d’édition.

Couleur du texte au survol du bouton

couleur-du-texte-au-survol-du-bouton
Cette option vous permet de définir la couleur du texte au survol des boutons dans l’élément en cours d’édition.

Couleur de fond au survol du bouton

couleur-de-fond-au-survol-du-bouton
Cette option vous permet de définir la couleur de fond des boutons lors du survol dans l’élément en cours d’édition.

Padding

padding
Cette option vous permet de créer un espacement entre le contenu et le conteneur du bloc en cours d’édition.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Coins arrondis

coins-arrondis
Cette option vous permet de créer des coins arrondis pour le conteneur de l’élément en cours d’édition.
Plus cette valeur est élevée, plus les coins seront arrondis. A l’inverse, plus cette valeur est faible, et moins la courbure sera importante.

Apparence

Largeur de la fenêtre (px)

largeur-fenetre
Cette option vous permet de définir la largeur de la fenêtre modale, en pixels.

Couleur de fond de la fenêtre

couleur-de-fond-fenetre
Cette option vous permet de définir la couleur de fond de la fenêtre modale. Vous pouvez également créer un dégradé de deux couleurs en cochant la case « Faire un dégradé », puis en indiquant une seconde couleur dans le nouveau champ.

Coins arrondis de la fenêtre

coins-arrondis-fenetre
Cette option vous permet de générer des coins arrondis pour votre fenêtre modale. Plus cette valeur est élevée, plus la courbure sera importante. A l’inverse, moins cette valeur est élevée, moins la courbure sera importante.

Bordure de la fenêtre

bordure-de-la-fenetre
Cette option vous permet de modifier la bordure de votre fenêtre modale. Vous pouvez définir son épaisseur en pixels pour chaque côté, le style de bordure ou bien sa couleur.

Padding de la fenêtre

padding-de-la-fenetre
Cette option vous permet de gérer l’espace entre le contenu de la fenêtre et le bloc contenant celle-ci.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Marge de la fenêtre

marge-de-la-fenetre
Cette option vous permet de définir des marges extérieures à la fenêtre de notification.

La flèche bleue vous permet d’appliquer la valeur de la première case à toutes les autres

Ombre portée de la fenêtre

ombre-portee-de-la-fenetre
Cette option vous permet de générer une ombre portée pour votre fenêtre modale. Vous pouvez paramétrer ses dimensions, son type (interne ou externe à la fenêtre) ou encore sa couleur.

Couleur de la police

couleur-de-la-police
Cette option vous permet de définir la couleur du texte de l’élément en cours d’édition.

Taille de la police

taille-de-la-police
Cette option vous permet de définir la taille d’écriture du texte dans le bloc en cours d’édition.

Style

style
Ces options vous permettent d’appliquer un style d’écriture à votre titre, tel que le gras, l’italique ou encore le souligné.

Vente croisée

Cet onglet vous permet d’accéder à la configuration de Cross Selling on Cart dans Modal Cart.
Sachez que la configuration de Cross Selling on Cart ici définie est indépendante de celle du module en lui même.

Pour plus d’informations concernant sa configuration dans Modal Cart, vous pouvez consulter la documentation de Cross Selling on Cart ici.

Lier Modal Cart avec Cross Selling on Cart

lier-csoc
Ce bouton vous permet de lier Cross Selling on Cart afin de pouvoir le configurer.

Lier les deux modules est obligatoire afin de pouvoir les utiliser ensemble

Styles avancés

Modifier les styles CSS

styles-avances
Ce champ vous permet de modifier les styles du module en ajoutant des règles CSS personnalisées.