MAGICA THEME PRESTASHOP RESPONSIVE
MAGICA a été réalisé par PRESTA-THEME
Compatible avec toutes les versions PRESTASHOP 1.6
MAGICA est facilement installable depuis votre back-office PRESTASHOP et compatible avec tous les
navigateurs modernes.
DESCRIPTION :
MAGICA est un thème adapté à l’univers de la mode. Sa navigation intuitive et son style flexible mettront
parfaitement en valeur les produits de votre boutique. Il a été conçu pour une visibilité large et claire, très
efficace pour votre commerce, quel que soit votre secteur d’activités.
CARACTERISTIQUES :
- Responsive Design, fluide et compatible avec tout type d’écran
- Slider en page d’accueil
- Choix de 9 couleurs installées
- Thème en 1 et 2 colonnes en fonction du type de page
- Menu horizontal déroulant configurable
- Affichage de vos produits en mode grille ou liste
- Newsletter et réseaux sociaux
- 9 Langues prises en charge (en, fr, es, de, it, nl, pl, pt, ru)
- Optimisé pour tous les navigateurs modernes.
TYPE DE MAGASIN :
MAGICA a été conçu pour les boutiques de mode. Mais ce thème offre également une navigation idéale pour
vos clients dans tout type de commerce.
INSTALLATION AUTOMATIQUE :
MAGICA est facilement installable automatiquement depuis votre back-office.
_______________________________________________________________________________________
SOMMAIRE : 1 - Installer le thème 2 - Sélectionner le thème 3 - Dimensions des images 4 - Régénérer les images 5 - Installation manuelle du thème 6 – Installation des modules additionnels 7 - Positionnement des modules 8 - Personnalisation graphique du thème 9 - Textes du thème 10 - Informations boutique
11 - Réseaux sociaux
12 - Copyright et nom de la boutique
13 - Fils d’Ariane du thème
+ CONFIGURATION MODULES NATIFS PRESTASHOP IMPORTANT POUR LE THEME
+ CONFIGURATION PRESTASHOP BACK OFFICE POUR LE THEME MAGICA
1 – INSTALLER LE THEME :
Dans le menu de votre back office, cliquez sur PREFERENCES > THEMES puis cliquer en haut à droite sur le
bouton AJOUTER UN THEME
IMPORTER DEPUIS VOTRE ORDINATEUR :
Sélectionner le fichier ZIP MAGICA à l’emplacement où vous l’avez enregistré sur votre ordinateur puis
cliquer sur ENREGISTRER pour que le processus d’installation du thème débute.
IMPORTER A PARTIR DU FTP :
Une technique alternative consiste à importer le fichier ZIP MAGICA dans votre dossier /THEMES / et à
activer l’installation en cliquant sur SELCTIONNER LE THEME comme indiqué ci-dessous
2 – SELECTIONNER LE THEME :
PREFERENCES > THEMES > SELECTIONNER UN THEME POUR LA BOUTIQUE > MAGICA cliquer sur « Utiliser
ce theme » pour que l’installation démarre
Une fois l’installation terminée, l’écran suivant s’affiche :
Suivre les recommandations en régénérant les miniatures
3 – ADAPTER LES DIMENSIONS DES IMAGES :
PREFERENCES > IMAGES doit correspondre aux configurations suivantes :
4 – REGENERER LES MINIATURES :
Le thème MAGICA est maintenant installé, il ne vous reste plus qu’à configurer votre MENU en créant vos
catégories et TOUS LES MODULES UTILISES comme indiqué dans la documentation jointe.
----------------------------------------------------------------------------------------------------------------------
En cas de bug ou de message d’erreur lors de l’installation automatique du thème, vous
avez la possibilité de l’installer sur votre serveur web manuellement, directement par FTP.
----------------------------------------------------------------------------------------------------------------------
5 - INSTALLATION MANUELLE :
Vous pouvez également envoyer tous les fichiers contenus dans le dossier ZIP du thème sur votre serveur
web par FTP.
Etape 1 :
Ajouter le dossier /magica/ contenu dans le dossier ZIP dans le dossier /themes/ de votre serveur, à côté
du thème /default-bootstrap/ et éventuellement tous vos autres dossiers thématiques déjà installés.
Etape 2 :
Activer le thème dans PREFERENCES > THEMES > SELECTIONNER UN THEME POUR LA BOUTIQUE utiliser
le thème MAGICA
6 - INSTALLATION DES MODULES ADDITIONNELS :
SLIDER PAGE D’ACCUEIL :
Activer ce module et configurer, positionner comme indiqué dans la rubrique positions des modules
CONFIGURATEUR DE THEME :
Activer ce module et configurer, positionner comme indiqué dans la rubrique positions des modules
Pour afficher les 3 BANNIERES PHOTOS depuis CONFIGURATEUR DE THEME > AJOUTER UN ELEMENT
choisir le POINT D’ACCROCHE TOP et ajouter le code html optionnel suivant :
<figure class="effect-chico">
<img src="url_de_votre_image" />
<figcaption>
<h2><span>VOTRE_TITRE</span></h2>
<p>votre_texte</p>
</figcaption>
</figure>
Renouveler l’opération 3 fois.
Pour modifier les COULEURS du thème : AFFICHER LE CONFIGURATEUR DE THEME
L’outil ci-dessous apparaitra et vous pourrez cliquer pour changer les couleurs du thème
EDITEUR DE PAGE D’ACCUEIL :
Activer ce module et configurer, positionner comme indiqué dans la rubrique positions des modules
BLOC CMS INFORMATION CLIENT :
Activer ce module et configurer, positionner comme indiqué dans la rubrique positions des modules
BLOCK 1 : <h1> Titre de votre block</h1>
<hr class="active break" /> <p><a href="votre-lien"><img src="url-de-votre-image" alt="" /></a></p>
Le code source du BLOCK 2 est celui du thème Prestashop par défault
7 - POSITIONNEMENT DES MODULES :
Dans MODULES > POSITIONS reproduire le schéma ci-dessous :
8 – PERSONNALISATION GRAPHIQUE DU THEME :
Dans PREFERENCES > THEME
Changer le LOGO DU THEME aux mêmes dimensions que celui du thème par défaut : *** 350 x 99 px ***
9 – TEXTES DU THEME :
Dans LOCALISATION > TRADUCTIONS
Choisir TRADUCTIONS DES MODULES INSTALLES et MAGICA dans les listes déroulantes. Cliquer sur la
LANGUE à modifier
Ouvrir les différentes catégories de traductions recherchées, puis indiquer vos propres éléments de
contenu.
10 – BLOC INFORMATIONS BOUTIQUE :
Dans MODULES > BLOCK CONTACT INFOS
Activer ce module puis configurer les données ci-dessous :
Dans LOCALISATION > TRADUCTIONS
Choisir TRADUCTIONS DES MODULES INSTALLES, le thème MAGICA et votre LANGUE dans les listes
déroulantes. Puis cliquer sur MODULE BLOCKCONTACTINFOS pour ouvrir les champs de textes et modifier
celui-ci-dessous :
11 – RESEAUX SOCIAUX :
Dans MODULES > BLOC SOCIAL
Installer ce module puis configurer les adresses de vos réseaux sociaux.
12 – COPYRIGHT ET NOM DE LA BOUTIQUE DANS LE FOOTER :
Dans LOCALISATION > TRADUCTIONS
Choisir TRADUCTION DU FRONT OFFICE et MAGICA sur la liste déroulante. CHOISIR UNE LANGUE et
cliquer sur FOOTER dans la liste des traductions pour indiquer le nom de la boutique
13 – FIL D’ARIANE DU THEME :
Vous pouvez créer votre propre image de fond en écrasant l’image de fond du thème nommée
HEADER-BACK.JPG dans THEMES/MAGICA/IMG/MAGICA
ATTENTION : Il n’est pas possible d’utiliser des images et du code HTML dans les descriptions de
catégories et les résumés de descriptions des produits. Vous devez uniquement utiliser du texte simple.
MODULES NATIFS PRESTASHOP IMPORTANTS POUR LE THEME MAGICA
Rappel de l’installation et de la configuration des modules PRESTASHOP déjà installés sur votre système
mais qu’il est important de configurer correctement pour la cohésion graphique du thème MAGICA
1 - MENU HAUT HORIZONTAL
Dans MODULES > MENU HAUT HORIZONTAL
Cliquez sur CONFIGURER pour intégrer vos catégories et liens à votre menu. Sélectionnez les éléments à
afficher dans le cadre de gauche puis cliquez sur AJOUTER pour les faire glisser dans le cadre de sélection
de droite.
2 - PRODUITS MIS EN AVANT SUR LA PAGE D’ACCUEIL
Dans MODULES > PRODUITS MIS EN AVANT SUR LA PAGE D’ACCUEIL
Pour AFFICHER LA SECONDE IMAGE DU PRODUIT au passage de la souris :
Etape 1 : Dans PRESTASHOP (hors du thème) modifier le fichier : /classes/product.php :
Ligne 3908 environ,
Remplacer
$row['id_image'] = Product::defineProductImage($row, $id_lang);
Par
$row['id_image'] = Product::defineProductImage($row, $id_lang);
$row['id_image2'] = Category::getProductsImgSupp((int)$row['id_product']);
Etape 2 : Dans PRESTASHOP (hors du thème) modifier le fichier : /classes/category.php :
Ajouter à la fin du fichier, juste avant la dernière }
public static function getProductsImgSupp($product_id)
{
$sql = '
SELECT id_image, id_product from `'._DB_PREFIX_.'image`
WHERE id_product="'.$product_id.'"
ORDER BY `position` ASC
LIMIT 1,1
';
$result = Db::getInstance()->ExecuteS($sql);
return $result[0]['id_product'].'-
'.$result[0]['id_image'];
}
CONFIGURATION PRESTASHOP BACK OFFICE POUR LE THEME MAGICA
1 - THEME MOBILE DESACTIVE :
Dans PREFERENCES > THEMES > MOBILE
2 - EXCEPTIONS DES BLOCK DE LA COLONNE DE GAUCHE
Dans MODULES > POSITIONS > DISPLAYLEFTCOLUMN > MODIFIER
Les blocs qui composent la colonne de gauche peuvent être configurés avec des exceptions d’affichage sur
les pages de votre choix comme l’exemple ci-dessous :
______________________________________________________________________________________________
MERCI D’AVOIR CHOISI LE THEME MAGICA
N'hésitez pas à nous contacter pour toute aide dont vous avez besoin pour l’installation du thème.
LE SUPPORT EST UNIQUEMENT ASSURE LORSQUE VOUS NOUS AVEZ ENVOYE LES INFORMATIONS
SUIVANTES :
- URL DE VOTRE BOUTIQUE :
- URL BACK OFFICE :
- LOGIN BACK OFFICE :
- MOT DE PASSE BACK OFFICE :
- URL SERVEUR FTP :
- LOGIN SERVEUR FTP :
- MOT DE PASSE SERVEUR FTP :
---------------------------------------------------------------------------------------------------------------------------------------------
Notre responsabilité se limite à l’installation conforme du thème. Toute intervention
concernant la modification ou la personnalisation du thème ne sera pas garantie.
-------------------------------------------------------------------------------------------------------------------------
Top Related