Ajouter ou modifier un composant conteneur

plus de 3 an(s)

Un container est un composant qui peut contenir d’autre composant. À titre d’exemple nous avons les sections de page, les conteneurs génériques, les colonnes etc…

Remarque : Un conteneur est centré contraire à une section qui occupe toute la large de la page.

Comment ajouter un container ?

Pour ajouter un container, il faut :

  1. Allez dans la catégorie Basics container 
  2. Glisser le composant Container générique  là où vous voulez ajouter une section.

 

 

Remarque : vous avez la possibilité de pouvoir ajouter un conteneur dans un autre conteneur

Pour modifier cliquez sur le bouton modifier (voir image 2)



 

Commenter ajouter un sous composant dans un conteneur ?

Simplement en glissant celui-ci dans le conteneur (voir l’image suivante).

 

Les propriétés avancées

Voici la liste des propriétés pour un composant container :

  • Cacheable : permet rendre le composant en cache c’est à dire que la première fois qu’il est chargé, le navigateur va le garder en mémoire et la prochaine fois que vous rechargez la page il sera chargé rapidement cela permet  d'optimiser la performance de votre site.  Cette propriété ne possède que deux valeurs possibles, soit true (vrai) ou false(faux)

  • Container :  Indique si ce composant est un conteneur. De même que la propriété Cacheable, il ne possède que deux valeurs possibles, soit true (vrai) ou false(faux)
  • Contentwrapper : permet de définir l’apparence du composant et son style css.

  • Editable : indique si ce composant est éditable c’est à dire que l’on peut modifier le contenu de ce composant 
  • Position : permet  de définir la position du composant à l'intérieur de son conteneur.
  • Pullright : permet d’aligner le composant à droite si c'est vrai.
  • Ttl : time to leave (lorsqu'on cache un élément dans le cache, Ttl spécifie le temps que l’objet sera gardé en cache, au-delà de cette période le composant sera retiré du cache). 
  • Visible : indique si le composant est visible (true) ou pas (false).
  • Active : détermine si le composant est activé (true) ou inactivé (false)
  • Catalog version : détermine la version du catalogue dans laquelle est localisé ce composant (par exemple  staged ou online).
  • Code : identifiant du composant
  • Status :  indique le statut du composant 
    • Crée (created)
    • Activé (enabled)
    • Approuvé(approved)
    • Attente(pending) 
    • Désactivé (disabled).
  • Name : permet de donner un nom au composant (pratique pour rechercher le composant par la suite).
  • Description (FR) :  une description du conteneur.
  • Resizable : permet de savoir si la bannière est ajustable.
  • Title (FR) : titre de la bannière.
  • Commentdisabled : indique si les commentaires sont désactivés ou pas.
  • Owner : le propriétaire du composant.

 

Composants

Créer des composants web sur mesure pas pas pas

Ecommerce

Créer un site de commerce avec des composants prêt à l'emploi...