DEBUG
Si vous avez effectuée une modification en suivant le tutoriel ci-dessous, mais que celle-ci n’apparaît pas sur votre site, veuillez procéder comme ceci :
1 – Connectez-vous au panneau d’administration de votre site
2 – Dans la colonne de gauche passez la souris sur “Paramètres avancés” puis cliquez sur “Performance”.
3 – Cochez “Forcer la compilation à chaque appel”
4 – Au niveau du champs “Cache”, cliquez sur “NON”.
5 – Enregistrez.
6 – Retournez sur votre site et appuyez plusieurs fois sur la touche F5 de votre clavier. Votre modification devrait désormais être visible.
7 – Retournez dans votre panneau d’administration, passez la souris sur “Paramètres avancés” puis cliquez sur “Performance”. Cochez “Recompiler les fichiers de templates s’ils ont été mis à jour”, puis au niveau du champs “Cache”, cliquez sur “OUI”.
8 – Enregistrez.
Modifier le menu horizontal
1 – Connectez-vous panneau d’administration
2 – Cliquez sur “Module et services” dans la colonne de gauche.
3 – Vous arrivez sur la page où on trouve tous les modules. Dans la zone “Liste des modules”, vous trouvez à gauche une colonne avec le nom des différentes catégories de module. Cliquez sur la catégorie intitulée “Fonctionnalités Front Office”. Une liste de module va apparaitre dans cette liste, cherchez le module intitulé : “Menu Haut horizontal” (il se trouve en 7ème position en partant du bas de la liste, vous pouvez aussi le trouvez en faisant ctrl+f sur votre clavier et en entrant dans le champs de recherche qui va alors apparaître sur votre navigateur “menu haut horizontal”
4 – A droite du module “menu haut horizontal” cliquez sur “configurer”.
5 – Vous allez avoir deux colonnes, une première intitulée “Elements sélectionnés” dans laquelle on retrouve tous les élements présents actuellement dans votre menu horizontal et une seconde colonne intitulée “Elements disponibles” dans laquelle on retrouve tous les éléments que vous pouvez ajouter à votre menu.
6 – Pour retirer un élément de votre menu, cliquez sur l’élément souhaité dans la colonne “Elements sélectionnés” puis cliquez sur le bouton ” -> Retirer”
7 – Pour ajouter un élément à votre menu, cliquez sur l’élément souhaité dans la colonne “Elements disponibles” puis cliquez sur le bouton “<- Ajouter”.
8 – Cliquez sur “Enregistrer” pour valider.
Modifier le menu vertical
Chaque fois que vous ajoutez une catégorie ou une sous catégorie, elle est automatiquement ajoutée à votre menu vertical qui se trouve à gauche du slider.
Pour conserver l’harmonie du graphisme, il convient d’ajouter 11 catégories principales à votre boutique. Si vous avez besoin de plus de catégories, vous pouvez les ajouter en sous catégorie d’une des catégories principales. Les sous catégories n’apparaissent dans le menu vertical que lorsque l’on clique sur leur catégorie de base.
Modifier le slider
1 – Connectez-vous panneau d’administration
2 – Cliquez sur “Module et services” dans la colonne de gauche.
3 – Vous arrivez sur la page où on trouve tous les modules. Dans la zone “Liste des modules”, vous trouvez à gauche une colonne avec le nom des différentes catégories de module. Cliquez sur la catégorie intitulée “Fonctionnalités Front Office”. Une liste de module va apparaitre dans cette liste, cherchez le module intitulé : “Révolution Slider” (il se trouve en 3ème position en partant du bas de la liste, vous pouvez aussi le trouvez en faisant ctrl+f sur votre clavier et en entrant dans le champs de recherche qui va alors apparaître sur votre navigateur “Révolution Slider”
4 – A droite du module “Révolution Slider” cliquez sur “configurer”.
5 – Cliquez sur “modifier les diapositives”. Ne cliquez surtout pas sur la corbeille rouge pour supprimer le slider. Après avoir cliqué sur “modifier les diapositives” La liste des différents diapositives du slider va apparaître. Nous vous conseillons de ne pas créer de nouvelles diapositive, mais de modifier celle qui existent déjà pour cela cliquez sur “modifier la diapositive” à gauche de celle que vous souhaitez effectivement modifier ou Cliquez sur “Dupliquer” pour dupliquer une diapositive et ensuite la modifier.
6 – Vous arrivez sur une nouvelle page, vers le milieu de celle-ci cherchez le bouton bleu intitulé “Changer l’image” et cliquez dessus. Une pop-up va s’ouvrir, en haut à gauche de celle-ci cliquez sur l’icone d’une feuille avec un signe +, puis cliquez sur “Drop files to upload”. Vous pouvez alors choisir une image depuis votre ordinateur en cliquant sur l’image de votre choix puis en appuyant sur le bouton “open”.
7 – L’image se charge sur votre site. Lorsque le chargement est fini, cliquez sur le bouton “Return to files list”.
8 – Cliquez sur l’image de votre choix puis à droite cliquez sur le bouton “Insert”.
9 – La nouvelle image a maintenant remplacée l’ancienne, la pop up se ferme.
10 – La pop up fermée, vous vous trouvez sur la page de configuration de votre slider. Cherchez le champs intitulé “permettre lien” et dans le champs déroulant choisissez “permettre”. Au niveau du champs “Type de lien” choisissez “régulier” et en dessous dans le champs “Glisser lien” indiquez l’adresse de la page vers laquelle vous souhaitez que vos visiteurs soient redirigés après avoir cliqué sur le slider. Exemple : http://maboutique.com/
11 – Pour changer le texte sur la diapositive, localisez la zone intitulée “Calendrier et couches tri”, elle se situe juste en dessous de l’image. Dans cette zone, cliquez sur le texte a modifié. “Votre texte ici” est le texte par défaut. Après avoir cliqué sur le texte, vous verrez que dans la zone intitulée “Couche Paramètres généraux” le texte a modifié apparaît dans une zone de texte. Vous pouvez avoir le modifier à votre guise.
12 – Tout en bas de la page cliquez sur le bouton “Mise à jour le diaporama” pour enregistrer vos changements.
N.B : Si une modification que vous avez effectué n’apparaît pas (lien, image…etc) veuillez vous reporter à la section “Debug” du présent tutoriel.
N.B 2 : Vous devez avoir au minimum deux diapositive dans votre slider. Si vous n’en avez qu’une seule, elle apparaîtra deux fois dans le slider sur la page d’accueil de votre boutique
N.B 3 : Le module Revolution Slider est un module payant qui vous est offert avec votre boutique. Revolution Slider est le module de Slider le plus puissant. Il peut être utilisé de manière simple en suivant les explications ci-dessus mais permet aussi de faire des choses beaucoup plus complexes. Pour les utilisateurs avancés voici la documentation complète (en anglais) :
https://alifconception.com/
Notez qu’il est fortement conseillé aux utilisateurs novices de se contenter des explications ci-dessus et de ne pas s’aventurer dans les réglages plus complexes de la documentation en anglais.
Revenir au slider par défaut
Si vous avez effectuée une mauvaise manipulation (ex: vous avez supprimez le slider ou les diapositives). Voici comment récupérer le slider par défaut :
1 – Connectez-vous panneau d’administration
2 – Cliquez sur “Module et services” dans la colonne de gauche.
3 – Vous arrivez sur la page où on trouve tous les modules. Dans la zone “Liste des modules”, vous trouvez à gauche une colonne avec le nom des différentes catégories de module. Cliquez sur la catégorie intitulée “Fonctionnalités Front Office”. Une liste de module va apparaitre dans cette liste, cherchez le module intitulé : “Révolution Slider” (il se trouve en 3ème position en partant du bas de la liste, vous pouvez aussi le trouvez en faisant ctrl+f sur votre clavier et en entrant dans le champs de recherche qui va alors apparaître sur votre navigateur “Révolution Slider”
4 – A droite du module “Révolution Slider” cliquez sur “configurer”.
5 – Ici, vous êtes censé avoir un slider qui s’intitule “Ken Burns Slider Boxed” (sauf si vous l’avez supprimé). Quoi qu’il en soit pour revenir à l’état par défaut supprimez tous les sliders qui se trouve sur cette page en cliquant sur la corbeille rouge.
6 – Désormais vous devriez avoir écrit “Revolution Slider” et en dessous “Aucun Sliders trouvés”. Cliquez sur le bouton vert “Importer curseur” et importez depuis votre ordinateur le fichier zip à téléchager ci-dessous :
https://alifconception.com/wp-content/uploads/2016/03/kenburns_boxed.zip
7 – Après avoir cliqué sur le bouton vert “Importer curseur”, une pop up va s’ouvrir. Cliquez sur “choose file” pour choisir le fichier kenburns_boxed.zip sur votre ordinateur puis cliquez sur “Open”. Cochez les deux cases “ajouter”. Cliquez sur “Importer curseur”.
Et voilà, le slider par défaut est de nouveau installé. Vous pouvez effectuer vos modifications.
Modifier les 3 images en dessous du slider
1 – Connectez-vous panneau d’administration
2 – Cliquez “Visual composer” tout en bas de la colonne de gauche.
3 – Cliquez sur la ligne “2 accueil-categorie-colonne” puis cliquez sur le bouton “BackEnd Editor”.
4 – Vous arrivez maintenant sur une page où vous pouvez voir vos 3 images en miniature avec à côté de chacune la mention “Single Image”.
5 – Passez la souris sur la première image que vous souhaitez modifier, une barre verte va alors apparaitre avec un crayon dessus. Cliquez sur le crayon. Une pop-up va s’ouvrir pour vous permettre de faire les modifications voulues.
6 – Modifier le champs “Widget Title”, si vous souhaitez changer le texte qui apparaît par dessus l’image.
7 – Cliquez sur la croix rouge en haut à droite de l’image si vous souhaitez la supprimer.
8 – Cliquez sur la croix verte pour ajouter une autre image à la place. L’ajout d’une image se déroule comme avec le slider. Reportez vous à la section ci-dessus intitulée “Modifier le slider” du petit 6 au petit 9.
9 – Une fois vos modifications finies, cliquez sur “Save changes” pour enregistrer vos changements.N.B : Notez que les images doivent être au format 370 x 200 pixels pour conserver l’harmonie générale du graphisme. Vous pouvez modifier le format d’une image en utilisant simplement le logiciel Paint et en cliquant sur “redimensionner” dans la barre d’outil, puis en choisissant pixels.
Modifier les produits de la page d’accueil
Lorsque vous ajoutez un produit à votre boutique, pour choisir la catégorie dans laquelle vous souhaitez que le produit apparaisse cliquez sur la catégorie “Association” dans la colonne à gauche des champs à modifier pour la fiche produit. Vous pouvez cochez une ou plusieur catégorie. Si vous cochez “Accueil”, votre produit apparaîtra sur la page d’accueil.
Modifier la bannière en bas du site
1 – Connectez-vous panneau d’administration
2 – Cliquez “Visual composer” tout en bas de la colonne de gauche.
3 – Cliquez sur la ligne “2 accueil-categorie-colonne” puis cliquez sur le bouton “BackEnd Editor”.
4 – En bas de la page, vous pourrez voir la bannière en maniature avec à côté la mention “Single Image”.
5 – Passez la souris sur la miniature de la bannière, une barre verte va alors apparaitre avec un crayon dessus. Cliquez sur le crayon. Une pop-up va s’ouvrir pour vous permettre de faire les modifications voulues.
6 – Cliquez sur la croix verte pour ajouter une autre image à la place. L’ajout d’une image se déroule comme avec le slider. Reportez vous à la section ci-dessus intitulée “Modifier le slider” du petit 6 au petit 9.
7- Une fois vos modifications finies, cliquez sur “Save changes” pour enregistrer vos changements.
N.B : Vous pouvez enregistrez la bannière sur votre ordinateur puis l’ouvrir avec paint afin de faire les modification de votre choix. Vous pouvez ensuite remplacer la bannière actuelle par votre bannière modifiée.
Modifier les couleurs du site
1 – Connectez-vous au panneau d’administration
2 – Dans la colonne de gauche cliquez sur “Modules et Services”
3 – Vous arrivez sur la page où on trouve tous les modules. Dans la zone “Liste des modules”, vous trouvez à gauche une colonne avec le nom des différentes catégories de module. Cliquez sur la catégorie intitulée “Fonctionnalités Front Office”. Une liste de module va apparaitre dans cette liste, cherchez le module intitulé : “Configurateur de thème” (il se trouve en 10ème position en partant du bas de la liste, vous pouvez aussi le trouvez en faisant ctrl+f sur votre clavier et en entrant dans le champs de recherche qui va alors apparaître sur votre navigateur “Configurateur de thème”
4 – A droite du module “Configurateur de thème” cliquez sur “configurer”.
5 – Dans la zone intitulée “Paramètres” rendez-vous au 10 paramètres intitulé “Afficher le configurateur de thème” cliquez sur “Oui” puis en dessous cliquez sur “Afficher”.
6 – Vous arrivez sur la page d’accueil de votre site, à gauche on peut voir un petit carré gris avec une roue d’horlogerie. Cliquez dessus. L’outil de personnalisation va apparaître. 7 – Cliquez sur “Couleur du thème” puis cliquez sur la couleur votre choix pour changer la couleur de votre site.
8 – Cliquez sur “Police” puis choisissez la police de votre choix.
9 – Cliquez sur “Enregistrer”.
Modifier URL réseaux sociaux en dessous de bannière
1 – Connectez-vous au panneau d’administration
2 – Dans la colonne de gauche cliquez sur “Modules et Services”
3 – Vous arrivez sur la page où on trouve tous les modules. Dans la zone “Liste des modules”, vous trouvez à gauche une colonne avec le nom des différentes catégories de module. Cliquez sur la catégorie intitulée “Fonctionnalités Front Office”. Une liste de module va apparaitre dans cette liste, cherchez le module intitulé : “Configurateur de thème” (il se trouve en 10ème position en partant du bas de la liste, vous pouvez aussi le trouvez en faisant ctrl+f sur votre clavier et en entrant dans le champs de recherche qui va alors apparaître sur votre navigateur “Configurateur de thème”)
4 – A droite du module “Configurateur de thème” cliquez sur “configurer”.
5 – Au niveau du première paramètre “Afficher les boutons de partage vers les réseaux sociaux sur vos pages produits” cliquez sur “Oui” et en dessous cliquez sur “Configurer”. Vous pouvez indiquez les urls de vos différents réseaux sociaux. Si vous laissez un champs vide, le bouton du réseau social correspondant ne s’affichera pas sur la page d’accueil.
Modifier le numéro de téléphone tout en haut du site
1 – Connectez-vous au panneau d’administration
2 – Dans la colonne de gauche cliquez sur “Modules et Services”
3 – Vous arrivez sur la page où on trouve tous les modules. Dans la zone “Liste des modules”, vous trouvez à gauche une colonne avec le nom des différentes catégories de module. Cliquez sur la catégorie intitulée “Fonctionnalités Front Office”. Une liste de module va apparaitre dans cette liste, cherchez le module intitulé : “Bloc contact” (il se trouve en 6ème position)
4 – A droite du module “Bloc contact” cliquez sur “configurer”.
5 – Indiquez votre e-mail, votre numéro de téléphone et cliquez sur “Enregistrer”.
Changer les liens de la colonne “Informations” du pied de page
1 – Connectez-vous au panneau d’administration
2 – Dans la colonne de gauche cliquez sur “Modules et Services”
3 – Vous arrivez sur la page où on trouve tous les modules. Dans la zone “Liste des modules”, vous trouvez à gauche une colonne avec le nom des différentes catégories de module. Cliquez sur la catégorie intitulée “Fonctionnalités Front Office”. Une liste de module va apparaitre dans cette liste, cherchez le module intitulé : “Bloc CMS” (il se trouve en 3ème position)
4 – A droite du module “Bloc CMS” cliquez sur “configurer”.
5 – Dans la zone intitulée “CONFIGURATION DES DIVERS LIENS DU PIED DE PAGE” cochez les liens que vous souhaitez voir apparaître dans le pied de page, décochez les autres.
Changer adresse pied de page
1 – Connectez-vous au panneau d’administration
2 – Dans la colonne de gauche cliquez sur “Modules et Services”
3 – Vous arrivez sur la page où on trouve tous les modules. Dans la zone “Liste des modules”, vous trouvez à gauche une colonne avec le nom des différentes catégories de module. Cliquez sur la catégorie intitulée “Fonctionnalités Front Office”. Une liste de module va apparaitre dans cette liste, cherchez le module intitulé : “Bloc informations de contact” (il se trouve en 14ème position)
4 – A droite du module “Bloc informations de contact” cliquez sur “configurer”.
5 – Indiquez votre adresse. Enregistrer.
Mode Maintenance
Dans la colonne de gauche cliquez sur “Préférence” > “Maintenance”, si vous choisissez “activez la boutique => Non” vous pourrez quand même la voir en cliquant sur “ajouter mon IP” puis en cliquant sur “enregistrer”.