Child pages
  • Gérer les modules et les thèmes

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Une fois l'installation complète, vérifiez le thème immédiatement, page après page, afin de valider qu'il fonctionne comme prévu. N'hésitez pas à réaliser une commande de A à Z – il ne faudrait pas rater des commandes parce que le thème est incomplet !

...

Le thème mobile PrestaShop

...

Le thème mobile offre la possibilité à tous les marchands PrestaShop de rendre leur site e-commerce adapté aux terminaux mobiles : de la page d’accueil au paiement, en passant par la fiche produit et le tunnel de commandeconversion (conversion funnel).

Installer le thème mobile sur votre boutique

Pour installer le thème PrestaShop :

  1. Connectez-vous à l'administration de PrestaShop 1.5 ;
  2. Rendez-vous dans la page "Thèmes" du menu "Préférences" ;
  3. Dans la section "Apparences", rendez-vous dans la section descendez jusqu'à l'option "Activer le thème mobile" et choisissez l'une des trois sélections autre que "Je veux le désactiver".

Par défaut, le thème mobile ne s'affiche que pour les smartphones, les tablettes ayant accès au même thème que les terminaux classiques. Avec cette option

...

, vous pouvez choisir d'afficher également le thème mobile pour les tablettes (option "Les deux"), ou même de ne l'afficher que pour les tablettes.

Personnaliser le thème mobile

Les fichiers du thème mobile sont toujours placés dans le sous-dossier /mobile du dossier du thème courant. Ainsi, si votre thème actuel est le thème par défaut, les fichiers du thème mobile seront dans le dossier /themes/default/mobile de votre installation de PrestaShop 1.5.

Le thème est fait de fichiers HTML, CSS et JavaScript : sa structure est donc la même que pour le thème par défaut, mais avec une mise en page radicalement différente, adaptée aux petits écrans des terminaux mobiles.

Si vous souhaitez modifier les couleurs ou la disposition des pages du thème mobile, vous devrez donc modifier les fichiers CSS et/ou HTML pour les adapter à votre goût. Il vous faut donc avoir certaine connaissance des langages de programmation Web, ou faire appel à un développeur.

Utiliser le thème mobile avec un autre thème

Le thème mobile n'est disponible que si le thème courant dispose d'un sous-dossier /mobile dans son dossier. De fait, de nombreux thème PrestaShop ne disposent pas d'un thème mobile, et les utilisateurs de ces thèmes ne peuvent donc pas faire profiter à leurs clients d'une version mobile de leur site.

En attendant que le thème que vous utilisez soit mis à jour avec un thème mobile, vous pouvez utiliser le thème mobile par défaut, au moyen d'une manipulation rapide : il suffit de copier le sous-dossier /mobile contenu dans le dossier /themes/default, et de coller ce sous-dossier (et tous les fichiers qu'il contient) dans le dossier de votre propre thème.

Vous utiliserez alors le thème mobile par défaut plutôt qu'un thème ayant un design cohérent avec votre thème principal, mais rien ne vous empêche de modifier les fichiers HTML, CSS ou JavaScript du thème mobile recopié afin de le rapprocher de votre propre thème.

Positions

Un module peut avoir deux aspects : l'un sur le back-office (ses options, ou même son écran de configuration), et l'autre sur le front-office. La partie du front-office correspond à la manière et l'endroit où le module s'affichera sur le thème de votre boutique.

...