Ajouter des tabs dans une page cms | Astuce Prestashop 1.6

Ce tutorial va vous permettre d’insérer des tabs dans vos pages cms

Astuce Prestashop 1.6

————————————–

1) Insérer une tab horizontal sur la page cms de Prestashop 

1.1) Une fois sur la page cms, cliquez sur l’icône source code

Ajouter des tabs dans une page cms | Astuce Prestashop

1.2 Insérez le code suivant

1.3 Enregistrer et visualiser

Insérer des tabs dans une page cms | Astuce Prestashop

1.4 Si vos tabs ne fonctionnent pas, il sera nécessaire d’ajouter le code suivant dans ..Ajouter le code suivant  dans ../themes/lenomdevotretheme/js/global.js. Au début ou à la fin peu importe :

2) Insérer une tab sur le côté gauche sur la page cms de Prestashop 

2.1) Une fois sur la page cms, cliquez sur l’icône source code

Ajouter des tabs dans une page cms | Astuce Prestashop

2.2 Insérez le code suivant

2.3 Ajouter le code suivant dans ../themes/lenomdevotretheme/css/cms.css

2.4 Enregistrer et visualiser

Ajouter des tabs dans une page cms | Astuce Prestashop

2.5Si vos tabs ne fonctionnent pas, il sera nécessaire d’ajouter le code suivant dans ..Ajouter le code suivant  dans ../themes/lenomdevotretheme/js/global.js. Au début ou à la fin peu importe :

3) Insérer une tab sur le côté droite sur la page cms de Prestashop 

3.1) Une fois sur la page cms, cliquez sur l’icône source code

Ajouter des tabs dans une page cms | Astuce Prestashop

3.2 Insérez le code suivant

3.3 Ajouter le code suivant dans ../themes/lenomdevotretheme/css/cms.css

3.4 Enregistrer et visualiser

Ajouter des tabs dans une page cms | Astuce Prestashop

3.5Si vos tabs ne fonctionnent pas, il sera nécessaire d’ajouter le code suivant dans ..Ajouter le code suivant  dans ../themes/lenomdevotretheme/js/global.js. Au début ou à la fin peu importe :

4) Insérer une tab en bas sur la page cms de Prestashop 

4.1) Une fois sur la page cms, cliquez sur l’icône source code

Ajouter des tabs dans une page cms | Astuce Prestashop

4.2 Insérez le code suivant

4.3 Ajouter le code suivant dans ../themes/lenomdevotretheme/css/cms.css

4.4 Enregistrer et visualiser

Ajouter des tabs dans une page cms | Astuce Prestashop

4.5Si vos tabs ne fonctionnent pas, il sera nécessaire d’ajouter le code suivant dans ..Ajouter le code suivant  dans ../themes/lenomdevotretheme/js/global.js. Au début ou à la fin peu importe :<script>

———————————–

Attention: lorsque vous touchez les fichiers .tpl .css, si vous ne voyez pas de changements, n’oubliez pas de nettoyer votre cache Prestashop !

Articles similaires

Présentation
views 115
Qu’est ce que le e-commerce ? L'e-commerce ou commerce électronique ou vente en ligne, désigne l'échange de biens et de services entre deux entités sur les réseaux informatiques, notamment Internet. En France, les professionnels du secteur sont rassemblés au sein de la Fédération du Commerce Electronique et de la Vente à Distance (FEVAD). Différence entre e-commerce et e-busines...
Gérer les paniers abandonnés | Astuce Prestashop 1.6
views 5376
Qu'est ce qu'un panier abandonné ?  L’abandon de panier,  c’est lorsque l’un de vos internautes ne finalise pas le processus de commande, après avoir ajouté un ou plusieurs produits dans le panier et cliqué sur le bouton "commander". Un internaute peut décider d'arrêter sa commande à n'importe quelle étape du processus: création de compte, choix de livraison, paiement.... Où consulter la li...
Afficher les sous-catégories sur la page catégorie | Prestashop 1.7
views 9957
Vous l'avez peut-être constaté mais sur la version Prestashop 1.7, les sous-catégories ne s'affichent pas sur les pages catégories comme sur Prestashop 1.6. Voici un petit tutoriel, qui vous permettra de les faire apparaître rapidement. Comment insérer les sous-catégories sur la page catégorie ? Etape 1: Ouvrir le fichier category.tpl qui se situe dans ../themes/nomdevotretheme/templates/cata...
Contact SAV / Adresse boutique – Prestashop 1.7
views 819
La partie contact SAV et magasins dans Prestashop 1.7 et dans le même onglet : Paramètres de la boutique > Contact 1) Onglet Contacts Cet onglet vous permet de paramétrer les mails que vous désirez pour le SAV. Par défaut, 2 contacts sont déjà insérés : service client / webmaster. Vous pouvez en ajouter / supprimer     Vous pouvez voir apparaitre les contacts d...

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *