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

Les dix pays du monde où l’e-commerce est le plus développé | Infographie
views 253
Cette infographie, réalisée par Remarkety, met en avant les tendances des dix pays du monde où l'e-commerce est le plus développé. A noter : La Chine est passé en première position sur le marché du e-commerce devant les Etats-Unis avec une prévision de 562 milliards de dollars d'achats en ligne pour 2015.
Lenteur Enregistrement Produit BO 1.6.0.11
views 1894
Vous avez téléchargé la version Prestashop 1.6.011 et là grand problème lorsqu'on accède à la fiche produit on s'aperçoit que les boutons "enregistrer et rester" et "enregistrer" sont grisés avec un logo de chargement et il faut attendre un bon moment pour qu'ils deviennent actifs. Après plusieurs recherches, j'ai trouvé la solution qui a fonctionné grâce à sandrocirlin, un membre du fo...
Réussir les tests d’A/B testing grâce aux données | Infographie
views 142
1) Qu'est ce que l'A/B testing Il s’agit simplement de tester plusieurs versions de vos pages pour savoir laquelle d’entre-elles donne les meilleurs résultats : plus de ventes, plus d’inscriptions, plus de clics, etc… 2) Voici les astuces abordées dans cette infographie pour collecter les données  et définir un plan d'action 1) Analyse heuristique : Évalue les expériences du contenu et de l'...
Modifier la police d’écriture avec Google Fonts – PrestaShop 1.7
views 6698
Dans ce tuto nous allons voir comment modifier la police d'écriture avec Google Fonts pour votre site PrestaShop 1.7 A noter: actuellement la police par défaut est Noto Sans, sans-serif Etape 1) Choisir sa police d'écriture  Nous allons choisir notre/nos police(s) d'écriture sur le site de Google Fonts à cette adresse : https://fonts.google.com/ Je vais choisir deux polices d'écriture, 1 ...
Guide complet pour vos campagnes Google Adwords
views 505
Ce guide est en vente sur Amazon.fr et offert en format PDF.  Complet, Intuitif et plein d'astuces. Allez jeter un oeil ! Besoin de gérer des campagnes Google AdWords ? Allez découvrir la formation AdWords proposée par refeo.com, vous trouverez, en plus des précieuses informations livrées, un guide complet qui vous expliquera tous les contours de l'outil Google AdWords, de même que la façon dont...

Laisser un commentaire

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