HTML dynamique - ADD-ON

Le nouveau type de section permet aux administrateurs de définir le contenu HTML à afficher dans la section. En outre, il introduit des paramètres HTML dynamiques, permettant à des éléments tels que le nom de l'utilisateur et l'image du vendeur d'être incorporés de manière transparente dans la section.

Voici comment utiliser cette fonctionnalité :

Cette section fonctionne de la même manière que toutes les autres sections, vous permettant de saisir votre HTML directement dans les paramètres de la section. En outre, elle offre quelques fonctions supplémentaires pour améliorer encore ses caractéristiques.

Fonctionnalité	Ce qu'il fait
Nom	Pour spécifier le nom de cette section afin de faciliter son identification dans la liste des sections de la page de liste des sections, vous pouvez la nommer "Section HTML personnalisée" ou "Section HTML dynamique"
Ordre de tri	Utilisez ce champ pour spécifier l'ordre dans lequel cette section apparaîtra par rapport aux autres sections de la page. Des valeurs d'ordre de tri inférieures indiquent que la section sera affichée plus haut sur la page, tandis que des valeurs supérieures positionneront la section plus bas.
Spécifique au client	Activez cette option pour que cette section soit spécifique à certains clients. Vous pouvez spécifier le(s) client(s) auquel (auxquels) cette section doit être rattachée plus loin sur cette page.
Visibilité	Utilisez cette option pour spécifier sur quels appareils cette section peut être disponible Ce type de section peut être visible sur les éléments suivants: Everywhere - Rend cette section visible sur tous les appareils. Mobile only - Rend cette section visible uniquement sur les petits appareils tels que les téléphones mobiles et les tablettes. Desktop only - Rend cette section visible uniquement sur les appareils de grande taille tels que les ordinateurs portables et les ordinateurs de bureau. Nowhere - Empêche cette section d'être visible sur n'importe quel appareil.
Option d'affichage	Ce champ vous permet de spécifier quels utilisateurs ont une visibilité en fonction de leur statut de connexion: Afficher pour tous - Tous les utilisateurs peuvent voir cette section, qu'ils soient connectés ou non. Afficher pour les utilisateurs connectés - Seuls les utilisateurs connectés verront cette section. Afficher pour les utilisateurs non connectés - Seuls les utilisateurs non connectés verront cette section.
Date de début	Indiquez la date à partir de laquelle vous souhaitez rendre cette section active.
Date de fin	Indiquez la date à laquelle vous souhaitez que cette section devienne inactive.
Classe de section	Ajoute une classe à la section dans le front-end pour permettre le suivi des clics à l'aide du gestionnaire de balises Google.
Annulez les paramètres d'affichage du client	Les paramètres d'affichage disponibles dans user/customer/group pour masquer les promotions/sections générales/liées aux clients seront ignorés pour cette section et toutes les promotions qui y sont liées. Le comportement normal lié au client s'applique toujours.
En-tête	Indique l'intitulé qui sera affiché dans le magasin en avant-première pour identifier cette section (facultatif).
HTML	C'est ici que vous pouvez ajouter votre HTML pour cette section, c'est l'outil principal pour cette fonctionnalité et vous pouvez inclure n'importe quel HTML et CSS personnalisé pour que votre section soit affichée dans le magasin. Veillez à inclure les paramètres HTML (ci-dessous) pour inclure dynamiquement le contenu correspondant. Cela créera alors une expérience client sur mesure pour chaque utilisateur auquel il est connecté, mais ne doit être créé qu'une seule fois.
Paramètres html dynamiques	Les paramètres html dynamiques peuvent être utilisés en tant que partie du html. Écrivez {PARAMETER_NAME} et il sera remplacé lors du rendu. L'image sous ce tableau affiche les paramètres inclus et la zone dans laquelle ils peuvent être utilisés.
Couleur du texte	Spécifiez la couleur du texte dans la section en vous basant sur les codes de couleur HEX.
Couleur d'arrière-plan (section intérieure)	Spécifiez la couleur d'arrière-plan des parties internes de cette section en vous basant sur les codes de couleur HEX.
Couleur d'arrière-plan (section extérieure)	Spécifiez la couleur d'arrière-plan des parties extérieures de cette section en vous basant sur les codes de couleur HEX.
Utiliser la pleine largeur	Si cette option est activée, la section apparaîtra sur toute la largeur de l'écran au lieu du seul centre de l'écran qu'occupent la plupart des sections.

Paramètres HTML

Exemple :