prestashop theme extremestyle - e-techgreen · prestashop theme extremestyle si vous avez des...
TRANSCRIPT
![Page 1: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/1.jpg)
Prestashop Theme ExtremeStyle
Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop Addons
![Page 2: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/2.jpg)
Documentation du thème pour PrestaShop 1.7
Installer le thème.................................................................................................................................................................................................................................................3
Localisation et traductions.............................................................................................................................................................................................................................5
Module de configuration..................................................................................................................................................................................................................................6
FAQ.............................................................................................................................................................................................................................................................................46
Support et mises à jour.....................................................................................................................................................................................................................................47
Hero slider.......................................................................................................................................................................................................................................................6
Top banners...................................................................................................................................................................................................................................................11
Features on home page............................................................................................................................................................................................................................14
Video banner.................................................................................................................................................................................................................................................17
Testimonials on home page....................................................................................................................................................................................................................22Html in after footer......................................................................................................................................................................................................................................25
Blog.....................................................................................................................................................................................................................................................................28Manufacturers block with images..........................................................................................................................................................................................................30
Social media follow links............................................................................................................................................................................................................................31
Contact information......................................................................................................................................................................................................................................32
Language selector block and Currency block....................................................................................................................................................................................34
Main menu.........................................................................................................................................................................................................................................................35
Link widget........................................................................................................................................................................................................................................................36
Facet search........................................................................................................................................................................................................................................................37
Product comments.........................................................................................................................................................................................................................................39
Wishlist block..................................................................................................................................................................................................................................................39
Color change.....................................................................................................................................................................................................................................................40
CSS Editing Module.......................................................................................................................................................................................................................................41
Position des modules....................................................................................................................................................................................................................................44
Banner on category page...........................................................................................................................................................................................................................26
Facebook like box block..............................................................................................................................................................................................................................33
Custom background image.......................................................................................................................................................................................................................27
![Page 3: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/3.jpg)
Installer le thème
- Télécharger les archives- Installez le thème dans Back Office PrestaShop- Ajouter le logo de votre entreprise- Régénérer les vignettes
Étape 1: Télécharger l'archive du thème
Étape 2
![Page 4: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/4.jpg)
Étape 3
![Page 5: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/5.jpg)
Localisation et Traduire
Localisation
Vous pouvez éditer les traductions dans le back-office:
![Page 6: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/6.jpg)
Configuration des modules
module "Hero slider"
Front office:
Position: hook "displayTopColumn"
Back office:
![Page 7: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/7.jpg)
Vous pouvez également sélectionner l'animation "slide in" et "slide out":
La démo des animations de la liste vous pouvez regarder sur le site Animate CSS
Dublication de diapositive (bannière)
Si vous voulez dupliquer une diapositive existante, vous devez copier son contenu et le coller dans une nouvelle diapositive
Étape 1: Copiez le code html de la diapositive existante
![Page 8: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/8.jpg)
![Page 9: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/9.jpg)
Étape 2: Créez une nouvelle diapositive et insérez le code html:
![Page 10: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/10.jpg)
Si vous devez désactiver l'effet Zoom avant / Ken Burns, supprimez la classe "zoom-in-effect"
![Page 11: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/11.jpg)
Module "Top banners"
Position: hook "displayTopColumn"
Front office:
Back office:
Mode carrousel: Vous pouvez afficher les bannières dans le carrousel:
![Page 12: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/12.jpg)
Edition de bannières
![Page 13: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/13.jpg)
Vous pouvez également dupliquer les bannières existantes. S'il vous plaît regarder les instructions dans la section "Hero slider"
L'image d'arrière-plan de cette bannière, vous pouvez modifier dans le module "Custom backgound image". Veuillez regarder la section "Custom backgound image"
![Page 14: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/14.jpg)
Module "Features on home page"
Position: hook "displayHome"
Front office:
Back office:
Modification de la bannière
L'image d'arrière-plan de cette section, vous pouvez modifier dans le module "Custom background image"
![Page 15: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/15.jpg)
![Page 16: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/16.jpg)
Vous pouvez également dupliquer les bannières existantes. S'il vous plaît regarder les instructions dans les paramètres du module "Hero slider"
Vous pouvez télécharger vos images à la place de l'icône actuelle:
![Page 17: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/17.jpg)
module "Video home"
Position: hook "displayHome"
Front office:
Back office:
Modifier la bannière vidéo:
L'image d'arrière-plan de la vidéo que vous pouvez modifier dans le module "Custom background image"
![Page 18: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/18.jpg)
Changement de format vidéo MP4:
![Page 19: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/19.jpg)
Vous pouvez également insérer la vidéo YouTube à la place:
![Page 20: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/20.jpg)
Ouvrez votre vidéo sur YouTube et copiez le code html de la vidéo:
Ouvrez le code de la vidéo et insérez le code sur la vidéo YouTube:
![Page 21: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/21.jpg)
![Page 22: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/22.jpg)
module "Testimonials on home page"
Position: hook "displayHome"
Front office:
Back office:
L'image d'arrière-plan de cette section, vous pouvez modifier dans le module "Custom background image"
![Page 23: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/23.jpg)
Modification de l'avis:
![Page 24: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/24.jpg)
Vous pouvez également dupliquer les bannières existantes. S'il vous plaît regarder les instructions dans la section "Hero slider"
![Page 25: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/25.jpg)
module "Html in after footer"
Position:
hook "displayFooterAfter"
Front office:
Back office:
![Page 26: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/26.jpg)
module "Banner on category page"
Position:
hook "displayHtmlContent4"
Front office:
Back office:
![Page 27: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/27.jpg)
module "Custom background image"
Avec ce module, vous pouvez changer les images d'arrière-plan suivantes dans le thème:
Back office:
![Page 28: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/28.jpg)
Xpert Blog
Module disponible sur demande via le formulaire de contact de PrestaShop Addons
Position: hook "displayHome"
Front office:
Back office:
Vous pouvez changer le titre du blog:
![Page 29: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/29.jpg)
![Page 30: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/30.jpg)
Manufacturers block with images
Position: hook "displayHome"
Front office:
Back office:
NOTE: Si vous ne voyez pas les marques dans le front office, vous devrez créer les fabricants dans votre boutique:
S'il vous plaît regardez les instructions ici:
http://doc.prestashop.com/pages/viewpage.action?pageId=51840165
![Page 31: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/31.jpg)
Social media follow links
Position: hook "displayFooterBefore"
Front office:
Back office:
![Page 32: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/32.jpg)
Contact information
Position: hook "displayFooter"
Front office:
Back office:
Comment modifier les informations de contact, vous pouvez apprendre ici:
http://doc.prestashop.com/pages/viewpage.action?pageId=51840308
![Page 33: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/33.jpg)
Facebook like box block
Position: hook "displayFooter"
Front office:
Back office:
![Page 34: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/34.jpg)
Language selector block and Currency block
Position: hook "displayNav1"
Front office:
Back office:
Si vous souhaitez afficher votre boutique dans différentes langues, vous devez importer les localisations dont vous avez besoin. S'il vous plaît regardez ici:
http://doc.prestashop.com/pages/viewpage.action?pageId=51840245
![Page 35: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/35.jpg)
Main menu
Position: hook "displayTop"
Front office:
Back office:
![Page 36: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/36.jpg)
Link widget
Position: hook "displayFooter"
Front office:
Back office:
![Page 37: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/37.jpg)
Faceted search
Position: hook "displayLeftColumn"
Front office:
Back office:
Si vous n'avez pas vu le filtre sur les pages de catégories, vous devez créer le modèle de filtres et sélectionner les catégories dans lesquelles vous devez l'afficher:
![Page 38: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/38.jpg)
![Page 39: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/39.jpg)
Product comments
Disponible sur demande via le formulaire de contact de PrestaShop Addons
Wishlist block
Disponible sur demande via le formulaire de contact de PrestaShop Addons
![Page 40: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/40.jpg)
Module "Color change"
Disponible sur demande via le formulaire de contact de PrestaShop Addons
La couleur du thème que vous pouvez changer dans le module "Color change":
![Page 41: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/41.jpg)
CSS Editing Module
Disponible sur demande via le formulaire de contact de PrestaShop Addons
Avec ce module, vous pouvez ajouter la police Google et modifier la police du thème.
Manuel "Comment ajouter d'autres polices Google":
Étape 1: Installez le module et configurez-le:
Étape 2: Allez sur le site Google Fonts
Étape 2: Sélectionnez la police:
![Page 42: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/42.jpg)
Étape 3: Personnalisez la police:
Étape 4: Copier le code intégré
![Page 43: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/43.jpg)
Step 4: Cop embed code
Étape 5: Insérez le code d'intégration à la place du code actuel
Étape 6: Retournez au site de polices Google et copiez le nom de la famille de polices
Étape 7: Insérez la famille de polices à la place de la famille de polices actuelle
![Page 44: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/44.jpg)
Position of modules
Vous pouvez changer les positions du module dans le crochet.
Exemple en hook "displayHome":
![Page 45: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/45.jpg)
![Page 46: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/46.jpg)
FAQComment ajouter une vignette au menu déroulantVous pouvez ajouter les vignettes à la catégorie avec une sous-catégorie:
Back office:
![Page 47: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/47.jpg)
Support et mises à jour
Qu'est-ce que l'option Zen?
Option Zen - une extension de support pour le produit vendu sur le parquet de PrestaShop Addons. Il ne concerne qu'un seul produit
à la fois et inclut le support et la mise à jour du produit correspondant. L'option Zen comprend deux services:
free and unlimited support during the period covered by this option;
big upgrade module .
L'option Zen n'est pas seulement disponible à un prix attractif au moment de l'achat du produit, mais peut être achetée sur le compte du client et après l'achat du produit.
Qu'est-ce que cela inclut?
Dans l'option Zen comprend les éléments suivants:
les questions relatives à l'utilisation du module / thème;
résoudre les problèmes techniques associés au module / sujet.
Option Zen assure un temps de réponse maximum de 3 jours ouvrables
Cela n'inclut pas l'option de Zen?
personnalisation et développement spécial
installer le module / sujet;
solution aux problèmes liés aux services de tiers, hébergement, serveur et le logiciel PrestaShop.
Où puis-je m'inscrire pour l'option du Zen?
Vous pouvez vous abonner à l'option Zen au moment de l'achat du produit directement à partir de son compte client à l'onglet "Support et mises à jour".
![Page 48: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/48.jpg)
Documentation du thème pour PrestaShop 1.6
Installer le thème...............................................................................................................................................................................................................................................49
Localisation et traductions...........................................................................................................................................................................................................................50
Module de configuration................................................................................................................................................................................................................................54
FAQ...........................................................................................................................................................................................................................................................................91Support et mises à jour....................................................................................................................................................................................................................................92
Hero slider.....................................................................................................................................................................................................................................................54
Top banners..................................................................................................................................................................................................................................................59
Features on home page............................................................................................................................................................................................................................65
Video home...................................................................................................................................................................................................................................................68
Testimonials on home page...................................................................................................................................................................................................................73
Html in after footer....................................................................................................................................................................................................................................75
Blog...................................................................................................................................................................................................................................................................78
Custom Manufacturers block.................................................................................................................................................................................................................79
Social networking block............................................................................................................................................................................................................................80
Contact information block........................................................................................................................................................................................................................81
Language selector block and Currency block...................................................................................................................................................................................82
Top horizontal menu....................................................................................................................................................................................................................................83
Cms block..........................................................................................................................................................................................................................................................84
Layered navigation block..........................................................................................................................................................................................................................85
Position des modules.......................................................................................................................................................................................................................................89
Banner on category page.........................................................................................................................................................................................................................76Custom background image.....................................................................................................................................................................................................................77
Facebook like box block............................................................................................................................................................................................................................87
Product comments......................................................................................................................................................................................................................................88
Wishlist block................................................................................................................................................................................................................................................88
![Page 49: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/49.jpg)
Installation du thème
- Télécharger les archives- Installez le thème dans Back Office PrestaShop - Ajouter le logo de votre entreprise- Régénérer les vignettes
![Page 50: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/50.jpg)
Localisation et traductions
Vous pouvez traduire le thème et les modules via le back-office dans Localiations-> Traductions.
User info
Block cart
![Page 51: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/51.jpg)
Produits sur la page d'accueil
![Page 52: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/52.jpg)
Custom manufacturer carousel
Block categories
Block cms
![Page 53: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/53.jpg)
Block my account in footer
Block contact infos
Custom Block newsletter
![Page 54: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/54.jpg)
module "Hero slider"Front office:
Position: hook "displayTopColumn"
Back office:
Configuration des modules
![Page 55: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/55.jpg)
Vous pouvez également sélectionner l'animation "sldie in" et "slide out":
La démo des animations de la liste vous pouvez regarder sur le site Animate css
Dublication de diapositive (bannière)
Si vous souhaitez dupliquer une diapositive existante, vous devez copier son contenu et le coller dans une nouvelle diapositive:
Étape 1: Copiez le code html de la diapositive existante
![Page 56: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/56.jpg)
![Page 57: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/57.jpg)
Étape 2: Créez une nouvelle diapositive et insérez le code html:
![Page 58: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/58.jpg)
Si vous devez désactiver l'effet Zoom avant / Ken Burns, supprimez la classe "zoom-in-effect"
![Page 59: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/59.jpg)
Module "Top banners"
Position: hook "displayTopColumn"
Front office:
Back office:
Mode carrousel: Vous pouvez afficher les bannières dans le carrousel:
![Page 60: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/60.jpg)
Edition de bannières
![Page 61: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/61.jpg)
Vous pouvez également dupliquer les bannières existantes.
DUBLICATION DE LA BANNIÈRE
Si vous souhaitez dupliquer une bannière existante, vous devez copier son contenu et le coller dans une nouvelle bannière:
Étape 1: Copiez les classes et le code html de la bannière existante
L'image d'arrière-plan de cette bannière, vous pouvez modifier dans le module "Custom background image". Veuillez regarder la section "Custom background image"
![Page 62: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/62.jpg)
![Page 63: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/63.jpg)
Étape 2: Créez une nouvelle bannière et insérez les classes et le code html:
![Page 64: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/64.jpg)
![Page 65: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/65.jpg)
Module "Features on home page"
Position: hook "displayHome"
Front office:
Back office:
Editing of banner
L'image d'arrière-plan de cette section, vous pouvez modifier dans le module "Custom background image"
![Page 66: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/66.jpg)
Vous pouvez télécharger vos images à la place de l'icône actuelle:
![Page 67: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/67.jpg)
Vous pouvez également dupliquer les bannières existantes. S'il vous plaît regarder les instructions dans les paramètres du module "Hero slider"
![Page 68: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/68.jpg)
module "Video home"
Position: hook "displayHome"
Front office:
Back office:
Modifier la bannière vidéo:
L'image d'arrière-plan de la vidéo que vous pouvez modifier dans le module "Image d'arrière-plan personnalisée"
![Page 69: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/69.jpg)
Changement de format vidéo MP4:
![Page 70: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/70.jpg)
Vous pouvez également insérer la vidéo YouTube à la place:
![Page 71: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/71.jpg)
Ouvrez votre vidéo sur YouTube et copiez le code html de la vidéo:
Ouvrez le code de la vidéo et insérez le code sur la vidéo YouTube:
![Page 72: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/72.jpg)
![Page 73: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/73.jpg)
module "Testimonials on home page"
Position: hook "displayHome"
Front office:
L'image d'arrière-plan de cette section, vous pouvez modifier dans le module "Custom background image"
Back office:
![Page 74: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/74.jpg)
Vous pouvez également dupliquer les bannières existantes. S'il vous plaît regarder les instructions dans la section "Hero Slider"
![Page 75: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/75.jpg)
module "Html in after footer"
Position: hook "displayFooterAfter"
Front office:
Back office:
![Page 76: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/76.jpg)
module "Banner on category page"
Position: hook "displayHtmlContent4"
Front office:
Back office:
![Page 77: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/77.jpg)
module "Custom background image"
Avec ce module, vous pouvez changer les images d'arrière-plan suivantes dans le thème:
Back office:
![Page 78: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/78.jpg)
Xpert Blog
Module disponible sur demande via le formulaire de contact de PrestaShop Addons
Position: hook "displayHome"
Front office:
Back office:
![Page 79: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/79.jpg)
Custom Manufacturers block
Position: hook "displayHome"
Front office:
Back office:
NOTE: Si vous ne voyez pas les marques dans le front office, vous devrez créer les fabricants dans votre boutique:
S'il vous plaît regardez les instructions ici:
http://doc.prestashop.com/pages/viewpage.action?pageId=20840716
![Page 80: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/80.jpg)
Social networking block
Position: hook "displayFooterBefore
Front office:
Back office:
![Page 81: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/81.jpg)
Contact information block
Position: hook "displayFooter"
Front office:
Back office:
![Page 82: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/82.jpg)
Language selector block and Currency block
Position: hook "displayNav"
Front office:
Back office:
Si vous souhaitez afficher votre boutique dans différentes langues, vous devez importer les localisations dont vous avez besoin. S'il vous plaît regardez ici:
http://doc.prestashop.com/display/PS16/Localisation
![Page 83: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/83.jpg)
Top horizontal menu
Position: hook "displayTop"
Front office:
Back office:
![Page 84: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/84.jpg)
Cms block
Position: hook "displayFooter"
Front office:
Back office:
![Page 85: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/85.jpg)
Layered navigation block
Position: hook "displayLeftColumn"
Front office:
Back office:
Si vous n'avez pas vu le filtre sur les pages de catégories, vous devez créer le modèle de filtres et sélectionner les catégories dans lesquelles vous devez l'afficher:
![Page 86: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/86.jpg)
![Page 87: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/87.jpg)
Facebook like box block
Position: hook "displayFooter
Front office:
Back office:
![Page 88: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/88.jpg)
module "Product comments"
module "Wishlist block"
Ce module que vous installez dans le back office sur l'onglet "Modules et services". C'est le module natif de PrestaShop.
![Page 89: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/89.jpg)
Position des modules
Vous pouvez changer les positions du module dans le crochet.
Exemple en hook "displayHome":
![Page 90: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/90.jpg)
![Page 91: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/91.jpg)
FAQComment ajouter une vignette au menu déroulant
Vous pouvez ajouter les vignettes à la catégorie avec une sous-catégorie:
Back office:
![Page 92: Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop](https://reader033.vdocuments.site/reader033/viewer/2022052805/605e263e119c59052831e8b7/html5/thumbnails/92.jpg)
Support et mises à jour
Qu'est-ce que l'option Zen?
Option Zen - une extension de support pour le produit vendu sur le parquet de PrestaShop Addons. Il ne concerne qu'un seul produit
à la fois et inclut le support et la mise à jour du produit correspondant. L'option Zen comprend deux services:
free and unlimited support during the period covered by this option;
big upgrade module .
L'option Zen n'est pas seulement disponible à un prix attractif au moment de l'achat du produit, mais peut être achetée sur le compte du client et après l'achat du produit.
Qu'est-ce que cela inclut?
Dans l'option Zen comprend les éléments suivants:
les questions relatives à l'utilisation du module / thème;
résoudre les problèmes techniques associés au module / sujet.
Option Zen assure un temps de réponse maximum de 3 jours ouvrables
Cela n'inclut pas l'option de Zen?
personnalisation et développement spécial
installer le module / sujet;
solution aux problèmes liés aux services de tiers, hébergement, serveur et le logiciel PrestaShop.
Où puis-je m'inscrire pour l'option du Zen?
Vous pouvez vous abonner à l'option Zen au moment de l'achat du produit directement à partir de son compte client à l'onglet "Support et mises à jour".