INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE Cenata Responsive à été réalisé par Presta-Theme Contact : webmaster@presta-theme.com Compatibilité PrestaShop : 1.5.x Documentation Prestashop 1.5 : http://doc.prestashop.com/pages/viewpage.action?pageid=11272318 Le thème Cenata Responsive est facilement installable à l'aide du module «importer/exporter un thème» disponible depuis votre back-office Prestashop. Cenata Responsive contient certains fichiers sources (logos ou images) au format PSD (photoshop) qui sont disponibles dans le dossier cenata/psd/ de l archive zip que vous venez de télécharger.
DESCRIPTION : Cenata Responsive est un thème sobre et neutre. Sa navigation intuitive et son style flexible mettront parfaitement en valeur les produits sur votre site. 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 - Panorama des nouveaux produits sur la page d accueil - Thème sur 1 ou 2 colonnes en fonction du type de page - Panorama des marques sur la page d accueil - Tous les blocs de menu sont personnalisés - Menu horizontal déroulant configurable - Panorama multi-langues configurable sur la page d'accueil - Affichage de vos produits en mode grille - Newsletter et réseaux sociaux en pied de page - 5 Langues prises en charge (en, fr, es, de, it) - Optimisé pour tous les navigateurs modernes. TYPE DE MAGASIN : Cenata Responsive a été conçu pour tout type de boutique en ligne. Il offre une navigation idéale pour vos clients quel que soit votre commerce. INSTALLATION AUTOMATIQUE : Cenata Responsive est facilement installable à l'aide du module «importer/exporter un thème» disponible dans votre back-office Prestashop. SOMMAIRE : 1 - Installer le thème 2 - Activez le thème 3 - Adaptation du format des images 4 - Régénérer les miniatures 5 - Installation manuelle 6 - Positionnement des modules 7 - Personnalisation graphique du theme 8 - Textes du thème 9 - Afficher vos informations de contact dans le pied de page 10 - Indiquer vos liens de réseaux sociaux + BONUS : INSTALLATION DES MODULES UTILES AU THEME
1 / Installer le thème : ACTIVER L INSTALLATEUR DE THEMES Dans le menu horizontal de votre back office, cliquez sur l onglet «modules» puis sur la sous-catégorie «modules». Repérez le module «importer/exporter un thème» dans la liste de modules ou tapez son nom dans la recherche. Installez le module s il ne l est pas encore puis cliquer sur «configurer» IMPORTER DEPUIS VOTRE ORDINATEUR : Sélectionner le champ «importer depuis l ordinateur» Sélectionner le fichier ZIP «cenata» à l emplacement où vous l avez enregistré sur votre ordinateur puis cliquer sur suivant pour que le processus d installation du thème débute. IMPORTER PAR FTP : Sélectionner le champ «importer à partir du FTP»
Une technique alternative consiste à importer le fichier ZIP «cenata» dans le dossier modules/themeinstallator/import/ et à activer l installation en cliquant sur suivant comme indiqué cidessous 2 / Activez le thème : Onglet «préférences» puis sous-catégorie «thèmes», sélectionnez le thème «cenata» puis cliquez sur le bouton «enregistrer» en haut à droite de la page. 3 / Adaptation du format des images : Cliquez sur l onglet «préférences», puis «images» pour créer les formats images du thème Créer tous les types d images ne portant pas l extention «_default» comme indiqué ci-dessous si le processus automatique ne l a pas effectué : voir page suivante
Une fois les nouveaux formats d images créés aux dimensions indiquées ci-dessus, vous pourrez régénérer vos miniatures. 4 / Régénérer les miniatures : L installateur de thème doit avoir configuré les réglages nécessaires au thème «cenata» lors de l installation automatique. Cependant, si quelques bugs d affichage persistent, vérifiez les points suivants depuis votre back-office : Les modules additionnels suivants doivent être installés et activés : Déroulante bloc monétaire Bloc langues en menu déroulant
Slider page d accueil Slider des marques Slider des nouveaux produits Votre logo doit faire 209 x 52 px (utilisez le modèle psd retouchable dans le dossier themes/cenata/psd) La colonne de droite ne doit comporter aucun élément Les blocs suivants doivent être désinstallés : Bloc devises Bloc langues Le thème Cenata Responsive est maintenant installé, il ne vous reste plus qu à configurer le menu horizontal en créant vos catégories, le panorama de la page d accueil et tous les modules utilisés selon vos besoins, comme indiqué dans la documentation jointe. 5 / INSTALLATION MANUELLE : Vous pouvez également envoyer tous les fichiers contenus dans le dossier ZIP du thème sur votre serveur web par FTP. 1 / Ajouter le dossier /cenata/ contenu dans le dossier ZIP dans le dossier /themes/ de votre serveur, à côté du thème /prestashop/ et éventuellement tous vos autres dossiers thématiques déjà installés. 2 / Ajouter les 5 dossiers modules additionnels du ZIP cenata dans le dossier /modules/ de votre serveur Déroulante bloc monétaire Bloc langues en menu déroulant Minicslider Homemanufacturer Newproducts 3 / Activez le theme dans votre administration : Onglet «préférences» puis «thèmes», cochez le thème «cenata» 4 / Installation des modules : Rendez-vous maintenant dans l onglet «modules» puis installez et/ou activez les modules suivants Fonctionnalités front office :
Slider page d accueil : vous devez le configurer en mettant vos propres images et liens, puis positionnez le comme indiqué dans la rubrique positions des modules Déroulante bloc monétaire : vous devez activer ce module du choix des devises en liste déroulante puis positionnez-le comme indiqué à la rubrique positions des modules Menu déroulant langues : vous devez activer ce module du choix des langues dans une liste déroulante puis positionnez le comme indiqué à la rubrique positions des module
Slider des marques : activez ce module puis positionnez-le comme indiqué dans la rubrique positions des modules Slider des nouveaux produits : activez ce module, positionnez-le comme indiqué dans la rubrique positions des modules 6 / Positionnement des modules : Dans l onglet «modules», cliquez sur «positions», puis respectez le schéma ci-dessous :
7 / Personnalisation graphique du theme : Logo boutique : pour la personnalisation graphique du logo, utilisez les images présentes dans le dossier themes/culturaresp/psd/. Il vous suffit de les ouvrir avec votre éditeur graphique préféré, de les modifier, puis de les enregistrer au format.jpg et les télécharger - depuis l onglet «préférences» puis «thèmes» pour le logo du header Conservez les noms des images tels qu ils apparaissent dans les dossiers. La taille du logo header : 209 x 52 px, doit être respectée sous peine de détruire l équilibre du haut de page. Si vous choisissez d installer un logo d une taille différente, vous devrez retoucher l ensemble des fichiers.css composant le header du thème. 8 / Textes du thème : Pour modifier les textes du thème, cliquez sur l onglet «localisation» puis «traductions». Choisissez «traduction des modules installés» et «cenata» dans les listes déroulantes. Cliquez sur le drapeau où vous souhaitez apporter une modification (voir la documentation de Prestashop sur les traductions pour plus d informations) Ouvrez les différentes catégories de traductions recherchées, puis indiquez vos propres éléments de contenu. 9 / Afficher vos informations de contact dans le pied de page :
Cliquez sur «modules» puis repérez dans la liste le module «Block contact infos» ou trouvez-le en tapant son nom dans le champ de recherche. Une fois affiché, cliquez sur «configurer» puis remplacez les données ci-dessous par les vôtres : 10 / Indiquer vos liens de réseaux sociaux : Cliquez sur "localization" puis "translation". Choisissez "Front office translations" et "cenata" sur la liste déroulante.
Cliquez sur le drapeau de la langue que vous voulez changer, choisissez footer dans la liste des traductions puis indiquez vos propres adresses url de liens sociaux comme ci-dessous : Merci d avoir choisi notre thème Cenata Responsive N'hésitez pas à nous contacter sur webmaster@presta-theme.com pour toute aide dont vous avez besoin pour l installation du thème, conforme au produit que vous avez acheté. Ecrivez-nous en indiquant les éléments suivants : - 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. -------------------------------------------------------------------------------------------------------------------------
Documentation Prestashop 1.5 : http://doc.prestashop.com/pages/viewpage.action?pageid=11272318 INSTALLATION DES MODULES DU THEME CENATA RESPONSIVE Vous trouverez ici les informations nécessaires à l activation et/ou la configuration des 6 modules additionnels ajoutés sur le thème Cenata Responsive. Ces 6 modules sont indispensables à la tenue graphique du thème ( voir la position de chaque module du thème plus haut ) 1 - Bloc newsletter en pied de page 2 - Déroulante bloc monétaire 3 - Bloc langues et devises 4 - Slider page d accueil 5 - Slider des marques 6 - Slider des nouveaux produits 1 / BLOC NEWSLETTER Ce bloc affiche le formulaire d inscription à votre newsletter sur le pied de page de votre boutique. Activer le module «Bloc Newsletter» : Rendez-vous dans l onglet «modules». Repérez dans la liste le module «Bloc Newsletter» ou trouvez-le en tapant son nom dans le champ de recherche. Cliquez sur «installer» ou «activer» Cliquez sur «configurer» pour voir les options du module. 2 et 3 / BLOCS LISTES DEROULANTES DEVISES et LANGUES Ces modules correspondent aux 2 petits menus déroulants du haut de page (header) permettant à vos visiteurs de choisir la devise et la langue de leur choix. Vous devez désactiver les modules «bloc devises» et «bloc langues» dans «modules» pour que ces 2 modules fonctionnent et s affichent correctement.
Activer ces 2 modules : Rendez-vous dans l onglet «modules». Repérez dans la liste les modules «Déroulante bloc monétaire» et «Bloc langues et devises» ou trouvez les en tapant leurs noms dans le champ de recherche. Cliquez sur «installer» ou «activer» Les modules langues et devises ne peuvent pas être configuré. Il suffit de les activer et de les positionner tel qu indiqué plus haut. 4 / SLIDER PAGE D ACCUEIL ( MINIC SLIDER ) Le caroussel d images affiche des images défilantes en rapport à vos produits ou à votre activité. Il est personnalisable et vous pouvez créer vos propres images promotionnelles sur votre éditeur graphique pour mettre vos produits en valeur Activer le module «slider page d accueil» : Rendez-vous dans l onglet «modules». Repérez dans la liste le module «slider page d accueil» ou trouvez-le en tapant son nom dans le champ de recherche. Cliquez sur «installer» ou «activer» Configurer «slider page d accueil» : Vous pouvez cliquer sur le lien «configurer» puis sur «Add New» pour créer une diapositive et sur «options» pour régler les options de votre slider.
Cliquez sur le drapeau du language concerné pour ouvrir la liste de vos diapositives 5 / SLIDER DES MARQUES Ce module affiche les logos de vos marques au bas de votre page d accueil Activer le module «Slider des marques» : Rendez-vous dans l onglet «modules». Repérez dans la liste le module «Slider des marques» ou trouvezle en tapant son nom dans le champ de recherche. Cliquez sur «installer» ou «activer»
6 / SLIDER DES NOUVEAUX PRODUITS Ce module affiche vos nouveaux produits au bas de votre page d accueil Activer le module «Slider des nouveaux produits» : Rendez-vous dans l onglet «modules». Repérez dans la liste le module «Slider des nouveaux produits» ou trouvez-le en tapant son nom dans le champ de recherche. Cliquez sur «installer» ou «activer»
MODULES NATIFS PRESTASHOP IMPORTANTS POUR LE THEME CENATA RESPONSIVE Rappel de l installation et de la configuration d un module 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 Cenata Responsive. MENU HAUT HORIZONTAL Ce module vous permet d établir une navigation personnalisée en affichant les différentes catégories et sous catégories de votre boutique ainsi que certains liens additionnels de votre choix Activer le module «menu haut horizontal» : Rendez-vous dans l onglet «modules». Repérez dans la liste le module «menu haut horizontal» ou trouvez-le en tapant son nom dans le champ de recherche. Cliquez sur «installer» ou «activer» Configurer le module «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. Utilisez le cadre «ajouter un lien» pour ajouter à votre menu une entrée extérieure à vos catégories de produits. IMPORTANT : Vous devez désactiver la barre de recherche du menu horizontal Liste des modules Prestashop devant être activés pour le thème : BLOCK CONTACT INFO Voir ci-dessus chapitre «9 / Afficher vos informations de contact dans le pied de page» BLOCK CMS Voir ci-dessus chapitre «10 / Indiquer vos liens de réseaux sociaux» Ouvrez le fichier themes/cenata/modules/blockcms/blockcms.tpl de la ligne 60 à 83 si vous souhaitez retirer certains éléments ( Marques et fournisseurs par exemple )
USER INFO BLOCK PERMANENT LINKS BLOCK QUICK SEARCH BLOCK ----------------------------------------------------------------------------------------------------------------------------------------- Merci d avoir choisi notre thème Cenata Responsive N'hésitez pas à nous contacter sur webmaster@presta-theme.com pour toute aide dont vous avez besoin pour l installation du thème, conforme au produit que vous avez acheté. Ecrivez-nous en indiquant les éléments suivants : - 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. -------------------------------------------------------------------------------------------------------------------------