# Configuration home, précommandes et ventes à venir - Hommesoubêtes ###### tags: `Documentation` `Flow` `Page` `Homme ou bêtes` ## Présentation Gestion des contenus de trois pages grâce au **module bannière** : ![](https://i.imgur.com/biJSeL1.png) ## I - Mode d'emploi ### A - Utilitaires #### 1 - Ajout d'un thème dans l'onglet contenu *Cliquer sur le bouton ![](https://i.imgur.com/28Np5IG.png) puis dans la liste déroulante Thèmes, choisir le thème voulu. ![](https://i.imgur.com/tq83ySy.png) pour valider. ![](https://i.imgur.com/XpG5ScF.png) * Saisir votre contenu à la place des textes déjà présent ![](https://i.imgur.com/fqYb7fg.png) --- #### 2 - Changer la cible d'un lien * Pour modifier la cible du lien. Clique droit sur le bouton. ![](https://i.imgur.com/uUeBdje.png) * Cliquer sur ![](https://i.imgur.com/xEvn8Wf.png) * Choisir la cible dans la liste déroulante "Link list" ou écrire directement le lien dans le formulaire "Url". ![](https://i.imgur.com/tq83ySy.png) pour valider. ![](https://i.imgur.com/saZQx2V.png) --- --- ### B - Page home #### 1 - Ajouter un élément à la bannière * Dans l'onglet CMS > Bannières * Choisir le type ![](https://i.imgur.com/E1bVgP2.png) ![](https://i.imgur.com/jfINNX6.png) * ![](https://i.imgur.com/sGI8RIH.png) * Pour le contenu, choisir le thème "title-button.html" * Remplir les éléments ![](https://i.imgur.com/2ovW9WH.png) * Choisir "Default" pour le type de bannière et cocher la page "Accueil". ![](https://i.imgur.com/xb3jedN.png) * Format de la taille de l'image : 3240x1746px * ![](https://i.imgur.com/oSdkY57.png) --- #### 2 - Ajouter un élément au listing des produits * Dans l'onglet CMS > Bannières * Choisir le type ![](https://i.imgur.com/1XlahmN.png) ![](https://i.imgur.com/dj6GL2C.png) * ![](https://i.imgur.com/sGI8RIH.png) * Pour le contenu, choisir le thème "title-button.html" * Remplir les éléments ![](https://i.imgur.com/2ovW9WH.png) * Choisir "Produit" pour le type de bannière et cocher la page "Accueil". ![](https://i.imgur.com/RmMuFEU.png) * Format de la taille de l'image : 3244x1254px * ![](https://i.imgur.com/oSdkY57.png) --- --- ### C - Page Ventes à venir #### 1 - Changer le titre et la description * Dans l'onglet CMS > Pages * Rechercher: Ventes à venir ![](https://i.imgur.com/7y55DTz.png) * ![](https://i.imgur.com/2MfXhdK.png) pour modifier la page * Le thème du contenu est "title-description.html" * Modifier le contenu ![](https://i.imgur.com/qRaSsNV.png) * Format de la taille de l'image : 2908x1546px * ![](https://i.imgur.com/2Eqru3x.png) --- #### 2 - Ajouter un élément au listing des produits * Dans l'onglet CMS > Bannières * Choisir le type ![](https://i.imgur.com/FFpQEN3.png) ![](https://i.imgur.com/OK3M8ur.png) * ![](https://i.imgur.com/sGI8RIH.png) * Pour le contenu, choisir le thème "date-content-button.html" * Remplir les éléments ![](https://i.imgur.com/2ovW9WH.png) * Pour la date bien orthographier le mois, pour qu'il puisse être trié automatiquement avec les autres produits du même mois. ![](https://i.imgur.com/81ypYxc.png) * Choisir "Ventes à venir" pour le type de bannière et cocher la page "Ventes à venir". ![](https://i.imgur.com/Gnud4m0.png) * Format de la taille de l'image : 2908x1546px * ![](https://i.imgur.com/oSdkY57.png) --- --- ### C - Page Précommandes #### 1 - Changer le titre et la description * Dans l'onglet CMS > Pages * Rechercher: Précommandes ![](https://i.imgur.com/JpgpFoM.png) * ![](https://i.imgur.com/2MfXhdK.png) pour modifier la page * Le thème du contenu est "title-description.html" * Modifier le contenu ![](https://i.imgur.com/yf3PNzp.png) * ![](https://i.imgur.com/2Eqru3x.png) --- #### 2 - Ajouter un élément au listing des produits * Dans l'onglet CMS > Bannières * Choisir le type ![](https://i.imgur.com/Fya84wD.png) ![](https://i.imgur.com/fjkEdzy.png) * ![](https://i.imgur.com/sGI8RIH.png) * Pour le contenu, choisir le thème "content-button.html" * Remplir les éléments ![](https://i.imgur.com/2ovW9WH.png) * Choisir "Précommandes" pour le type de bannière et cocher la page "Précommandes". ![](https://i.imgur.com/kOoG7GV.png) * ![](https://i.imgur.com/oSdkY57.png)