Page 1 sur 1

Les Dispositions du menu Système / Design

MessagePublié: 12 Avr 2012, 17:52
par Chris
Cet article est la traduction de http://forum.opencart.com/viewtopic.php?f=138&t=37119

Comment fonctionne les « Dispositions » ?

Question :
Comment fonctionnent les dispositions en version 1.5 ?
Puis-je afficher des modules sur toutes les pages comme sur OpenCart 1.4.x ?
Puis-je spécifier un module bannière pour une catégorie particulière ?

Réponse :

Avec les système des Dispositions vous pouvez :
- Indiquer qu’un module doit s’afficher sur toutes les pages
- Afficher différents modules sur les différentes pages (basé sur le chemin)
- Afficher différent module (comme bannière) sur différentes catégories, produit et page d’information
- Si vous avez plusieurs boutiques, vous pouvez faire les réglages ci-dessus pour chacune.

Le didacticiel ci-dessous va vous aider à en comprendre le fonctionnement.

Principe Général : Comment ça fonctionne ?
1 – Premièrement, Opencart va vérifier s’il existe une disposition spécifique pour la catégorie, le produit ou la page d’information et l’appliquer.
2 – Si le contrôle précédent renvoie Faux, Opencart va vérifier s’il existe une disposition basée sur le chemin.
3 – Si le second contrôle renvoie Faux, Opencart utilisera la disposition de la Boutique

Apprentissage étape par étape.
Tester ces étapes sur votre site de Demo, pas sur votre site réel. Dans cette explication, chaque partie vient enchérir la précédente. Le résultat final est une continuité de la première étape.

A. Supprimer la disposition par Défaut
1. Système -> Design -> Dispositions : Supprimer tout sauf Défaut.
Quand vous forcez la suppression d’une disposition associé à la boutique (définit comme disposition de base) vous aurez le message « Attention, cette disposition ne peut pas être supprimée car elle est actuellement affectée comme disposition par défaut pour cette boutique ! »
2. Extensions -> Modules : Désinstaller tout

B. Disposition Boutique
1. Système -> Design -> Dispositions (Page disposition)
a. Renommer Défaut en Boutique Défaut (pour éviter toute incompréhension sur l'utilisation du mot défaut)
b. Contrôler votre site (partie publique) toutes les pages doivent être en 1 colonne pas de barre latérale


2. Extensions -> Modules : (Pages Modules)
a. Installer le module Catégories
b. Ajouter le module en utilisant les valeurs suivantes
i. Disposition : Boutique Défaut
ii. Emplacement: Colonne de gauche
iii. Etat: Activé
iv. Classement : 1
c. Contrôler votre site toutes les pages doivent être en 2 colonnes avec la barre latérale gauche (module catégories)

C. Disposition basée sur le chemin
1. Page d'accueil
a.Page disposition. Ajouter une nouvelle disposition avec ces paramètres
i. Nom de la disposition : Accueil
ii. Boutique : Défaut
iii. Chemin : common/home
Si vous regardez votre site maintenant, la page d'accueil a une colonne et toutes les autres 2 colonnes

b. Pages Modules. Installer le module Visionneuse, avec ces paramètres
i. Bannière : Samsung Tab
ii. Dimension (LxH) : 980 x 280
iii. Disposition : Accueil
iv. Emplacement : En-tête
v. Etat : Activé
vi. Classement : 1

c. Contrôler votre site
i. Accueil : 1 colonne avec le module visionneuse
ii. Toutes les autres pages : 2 colonnes avec barre latérale gauche (Module catégorie, voir B.2.c)

2 Page Catégorie
a Page Disposition. Ajouter une nouvelle disposition définie comme suit
i. Nom de la disposition : Page Catégorie
ii. Boutique : Défaut
iii. Chemin : product/category
Si vous regardez votre site maintenant, la page catégorie a une colonne

b. Pages Modules. Éditer le module Catégorie, ajouter un module avec ces paramètres
i. Disposition : Page Catégorie
ii. Emplacement : Colonne de gauche
iii. État : Activé
iv. Classement : 1

c. Pages Modules. Installer le module Bannière, ajouter un module avec ces paramètres
i. Bannière : HP products
ii. Dimension (LxH) : 182 x 202
iii. Disposition : Page Catégorie
iv. Emplacement : Colonne de gauche
v. Etat : Activé
vi. Classement : 2

d. Contrôler votre site
i.Accueil : 1 colonne avec le module visionneuse
ii. Page Catégorie : 2 colonnes avec barre latérale gauche (Module Catégorie et Bannière)
iii. Toutes les autres pages : 2 colonnes avec barre latérale gauche (Module catégorie, voir C.1.c.ii)

D. Disposition spécifique
Maintenant, nous allons ajouter le module information dans la page de la catégorie « écrans ».
La page de la catégorie « écrans » aura 3 modules tandis que les autres catégories en auront toujours 2 (voir C.2.d.ii)
2 Page spécifique pour la catégorie
a Page Disposition. Ajouter une nouvelle disposition définie comme suit
i. Nom de la disposition : Page Catégories - Écran
ii. Boutique : Défaut
iii. Chemin : product/category (Ce n’est pas une erreur, le chemin est identique que pour la page catégorie)

b. Pages Modules. Éditer le module Catégorie, et ajouter un module avec le paramétrage suivant
i. Disposition : Page Catégories - Écran
ii. Emplacement : Colonne de gauche
iii. État : Activé
iv. Classement : 1

c. Pages Modules. Éditer le module Bannière, et ajouter un module avec ces paramètres
i. Bannière : HP products
ii. Dimension (LxH) : 182 x 202
iii. Disposition : Page Catégorie- Écran
iv. Emplacement : Colonne de gauche
v. État : Activé
vi. Classement : 2

d. Pages Modules. Installer le module Information, et ajouter un module avec le paramétrage suivant
i. Disposition : Page Catégories - Écran
ii. Emplacement : Colonne de gauche
iii. État : Activé
iv. Classement : 1

e. Pages Catégories. (Catalogue -> Catégories) I
i. Éditer la Catégories appelée Écran.
ii. Allez sur l’onglet Disposition, sur disposition choisissez ‘Page Catégories - Écran’

f. Contrôler votre site
i.Accueil : 1 colonne avec le module visionneuse
ii. Page Catégorie Ecran : 2 colonnes avec barre latérale gauche (Module Bannière, Catégorie et information)
iii. Toutes les autres pages catégories : 2 colonnes avec barre latérale gauche (Module Catégorie et Bannière, voir C.2.d.ii)
iv. Toutes les autres pages : 2 colonnes avec barre latérale gauche (Module catégorie, voir C.2.d.iii)


Maintenant vous pouvez procéder comme ci-dessus pour mettre différentes bannières sur différentes pages. Pas seulement la page Catégories, mais aussi Produit et Information.

Dans le cas où vous auriez besoin d’une référence, pour le chemin :
Disposition => Chemin
Home => common/home
Product => product/product
Category => product/category
Manufacturer => product/manufacturer
Information => information/information
Contact => information/contact
Sitemap => information/sitemap
Checkout => checkout/
Account => account/
Affiliate => affiliate/