Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des...

Prestashop Theme ExtremeStyle

Si vous avez des questions sur le thème, veuillez nous contacter via le formulaire de contact de PrestaShop Addons

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

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

Étape 3

Localisation et Traduire

Localisation

Vous pouvez éditer les traductions dans le back-office:

Configuration des modules

module "Hero slider"

Front office:

Position: hook "displayTopColumn"

Back office:

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

Étape 2: Créez une nouvelle diapositive et insérez le code html:

Si vous devez désactiver l'effet Zoom avant / Ken Burns, supprimez la classe "zoom-in-effect"

Module "Top banners"


Front office:

Back office:

Mode carrousel: Vous pouvez afficher les bannières dans le carrousel:

Edition de bannières

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"

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"

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:

module "Video home"


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"

Changement de format vidéo MP4:

Vous pouvez également insérer la vidéo YouTube à la place:

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:

module "Testimonials on home page"


Front office:

Back office:


Modification de l'avis:

Vous pouvez également dupliquer les bannières existantes. S'il vous plaît regarder les instructions dans la section "Hero slider"

module "Html in after footer"

Position:

hook "displayFooterAfter"

Front office:

Back office:

module "Banner on category page"

Position:

hook "displayHtmlContent4"

Front office:

Back office:

module "Custom background image"

Avec ce module, vous pouvez changer les images d'arrière-plan suivantes dans le thème:

Back office:

Xpert Blog

Module disponible sur demande via le formulaire de contact de PrestaShop Addons


Front office:

Back office:

Vous pouvez changer le titre du blog:

Manufacturers block with images


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


Social media follow links

Position: hook "displayFooterBefore"

Front office:

Back office:

Contact information

Position: hook "displayFooter"

Front office:

Back office:

Comment modifier les informations de contact, vous pouvez apprendre ici:



Facebook like box block


Front office:

Back office:

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:


Main menu

Position: hook "displayTop"

Front office:

Back office:

Link widget


Front office:

Back office:

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:

Product comments

Disponible sur demande via le formulaire de contact de PrestaShop Addons

Wishlist block


Module "Color change"


La couleur du thème que vous pouvez changer dans le module "Color change":

CSS Editing Module


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:

Étape 3: Personnalisez la police:

Étape 4: Copier le code intégré

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

Position of modules

Vous pouvez changer les positions du module dans le crochet.

Exemple en hook "displayHome":

FAQComment ajouter une vignette au menu déroulantVous pouvez ajouter les vignettes à la catégorie avec une sous-catégorie:

Back office:

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".

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

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

Localisation et traductions

Vous pouvez traduire le thème et les modules via le back-office dans Localiations-> Traductions.

User info

Block cart

Produits sur la page d'accueil

Custom manufacturer carousel

Block categories

Block cms

Block my account in footer

Block contact infos

Custom Block newsletter

module "Hero slider"Front office:


Back office:

Configuration des modules

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

Étape 2: Créez une nouvelle diapositive et insérez le code html:

Si vous devez désactiver l'effet Zoom avant / Ken Burns, supprimez la classe "zoom-in-effect"

Module "Top banners"


Front office:

Back office:

Mode carrousel: Vous pouvez afficher les bannières dans le carrousel:

Edition de bannières

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"

Étape 2: Créez une nouvelle bannière et insérez les classes et le code html:

Module "Features on home page"


Front office:

Back office:

Editing of banner


Vous pouvez télécharger vos images à la place de l'icône actuelle:

Vous pouvez également dupliquer les bannières existantes. S'il vous plaît regarder les instructions dans les paramètres du module "Hero slider"

module "Video home"


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"

Changement de format vidéo MP4:

Vous pouvez également insérer la vidéo YouTube à la place:

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:

module "Testimonials on home page"


Front office:


Back office:

Vous pouvez également dupliquer les bannières existantes. S'il vous plaît regarder les instructions dans la section "Hero Slider"

module "Html in after footer"

Position: hook "displayFooterAfter"

Front office:

Back office:

module "Banner on category page"

Position: hook "displayHtmlContent4"

Front office:

Back office:

module "Custom background image"

Avec ce module, vous pouvez changer les images d'arrière-plan suivantes dans le thème:

Back office:

Xpert Blog

Module disponible sur demande via le formulaire de contact de PrestaShop Addons


Front office:

Back office:

Custom Manufacturers block


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:



Social networking block

Position: hook "displayFooterBefore

Front office:

Back office:

Contact information block


Front office:

Back office:

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

http://doc.prestashop.com/display/PS16/Localisation

Top horizontal menu

Position: hook "displayTop"

Front office:

Back office:

Cms block


Front office:

Back office:

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:

Facebook like box block

Position: hook "displayFooter

Front office:

Back office:

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.

Position des modules

Vous pouvez changer les positions du module dans le crochet.

Exemple en hook "displayHome":

FAQComment ajouter une vignette au menu déroulant

Vous pouvez ajouter les vignettes à la catégorie avec une sous-catégorie:

Back office:

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".

Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des...

Documents

Transcript of Prestashop Theme ExtremeStyle - E-TECHGREEN · Prestashop Theme ExtremeStyle Si vous avez des...