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.
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é aux clients 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.
Exemple :
