AX - Conteneur

Aperçu

AX - Conteneur est un composant d'Experience Cloud qui enveloppe d'autres composants dans un conteneur stylisé avec des bordures, des arrière-plans et des marges intérieures sur les pages Experience Sites.

Utilisez-le pour regrouper des contenus liés, créer des sections visuelles, ajouter des couleurs ou des images d'arrière-plan, ou appliquer un espacement cohérent autour des composants. Faites glisser et déposez n'importe quel composant Experience Cloud à l'intérieur du conteneur pour construire des mises en page groupées dans Experience Builder.

Parfait pour créer des sections visuelles, regrouper des champs de formulaire, ajouter des arrière-plans aux couleurs de la marque, organiser des widgets de tableau de bord, ou partout où votre portail a besoin de contenu enveloppé dans un conteneur stylisé.

Ce composant utilise des emplacements pour une personnalisation avancée, ce qui le rend idéal pour les sites LWR. Les sites Aura ne prennent pas en charge ce niveau de personnalisation.

Tutoriels

Nom	Description
Créer une mise en page en grille	Apprenez à créer une mise en page en grille dynamique pour présenter des produits avec des boutons interactifs « En savoir plus ».

Maximiser le potentiel de votre site avec Avonni Container

Options de design polyvalentes pour tous les besoins

Le composant Avonni Container se distingue par sa gamme de variantes de style - Card, Box et Standard - chacune conçue pour répondre à différents besoins de contenu.

• Le Carte La variante est parfaite pour des sections accrocheuses comme les témoignages, ajoutant du panache à votre contenu.

• Le Box La variante met en valeur les produits ou les fonctionnalités clés, les faisant ressortir.

• Le Standard La variante offre un aspect propre et cohérent pour un contenu plus conventionnel, maintenant l'harmonie sur votre site.

Visuels dynamiques pour sublimer votre site

Avec Avonni Container, vous pouvez animer diverses sections grâce à des images d'arrière-plan uniques. Imaginez ajouter des photos d'équipe vibrantes à votre section « À propos de nous » ou illustrer des paysages sereins pour des sujets sur la durabilité. Ces visuels dynamiques améliorent l'attrait esthétique et aident à communiquer l'histoire de votre marque plus efficacement.

Lisibilité et style

Assurer que le contenu se détache sur des arrière-plans chargés ou colorés est crucial en conception web. Avonni Container relève ce défi grâce à l'utilisation de superpositions de couleur. Imaginez une superposition sombre sur un arrière-plan festif, faisant ressortir les détails de votre événement, ou une teinte subtile qui ajoute de la profondeur à votre contenu tout en conservant la lisibilité.

Contrôle total de la présentation

Avonni Container offre un contrôle étendu sur la taille, l'arrière-plan et les bordures de chaque section. Cela signifie que vous pouvez affiner la manière dont votre contenu occupe l'espace, adapter les couleurs ou images d'arrière-plan pour correspondre à votre thème et ajuster les paramètres de bordure pour une définition supplémentaire. Chacun de ces éléments joue un rôle essentiel dans l'amélioration de la structure visuelle de votre page.

Adaptabilité pour des publics divers

Dans le paysage numérique actuel, répondre aux besoins de différents publics est essentiel. Avonni Container est conçu avec cette adaptabilité à l'esprit. Que vous utilisiez le style Card pour des sections d'actualités dans des portails partenaires ou le style Box pour mettre en avant des offres spéciales dans des hubs clients, ce composant garantit que votre contenu est vu et qu'il résonne auprès de votre audience.

Récapitulatif

Le composant Avonni Container est plus qu'un simple outil ; c'est une toile pour la créativité et une solution pour divers défis de conception web lors de l'utilisation d'Experience Cloud. Sa polyvalence, ses capacités visuelles dynamiques, ses améliorations de lisibilité et ses options d'affichage de contenu adaptables en font un élément indispensable pour tout site Salesforce Experience Cloud. Que vous visiez à captiver, informer ou engager, Avonni Container vous permet de tout faire avec style et efficacité.

Paramètres

🎛️ Propriétés

Nom	Description	Utilisation
Variante	Choisissez une variante de style pour définir l'apparence générale du conteneur. En savoir plus	Sélectionnez une variante en accord avec votre vision de design, que vous préfériez une présentation simple, encadrée ou de type carte pour votre contenu.
Image d'arrière-plan	Définissez une image d'arrière-plan pour le conteneur.	Téléchargez ou fournissez une URL pour une image qui améliore l'attrait visuel du conteneur, contribuant à l'ambiance ou au ton thématique que vous souhaitez transmettre.
Couleur de superposition	Appliquez une superposition de couleur par-dessus l'image d'arrière-plan.	Choisissez une couleur qui superpose subtilement l'image d'arrière-plan, aidant à maintenir la visibilité et la lisibilité du contenu à l'intérieur du conteneur.

Définition de la variante

🎨 Style