DEBUG

Si vous avez effectué 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”  (la liste des modules est classée par ordre alphabétique).
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 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” (la liste des modules est classée par ordre alphabétique).
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 se trouve l’image que vous souhaitez modifier. Cliquez dessus pour la sélectionner et en dessous, cliquez sur le bouton “supprimer le calque”. L’image sera alors supprimée. Puis cliquez sur le bouton “Ajouter un calque: image”. 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. Il vous faut agrandir l’image pour qu’elle prenne toute l’espace en cliquant sur un des coins de l’image et en élargissant l’image par un déplacement de la souris.
10 – 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/categorieA
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/documentation-revolution-slider/

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” (la liste des modules est classée par ordre alphabétique).
4 – A droite du module “Révolution Slider” cliquez sur “configurer”.
5 – Ici, vous êtes censé avoir un slider qui s’intitule “Parallax Scroll Slider” (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/06/parallax_scroll_slider_modestine.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 parallax_scroll_slider_modestine.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 2 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 330 x 215 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 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. (Choisissez le deuxième carrée rouge et noir pour revenir à la couleur d’origine).
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”.