Vote to Improve PrestaShop

PrestaShop Forum: Build a free online shop. Count on the Community!

The best place in the world to ask questions about PrestaShop and get advice from our passionate community!

PrestaShop Forum: Build a free online shop. Count on the Community!

Jump to content

Photo

[Résolu] Comment modifier l'apparence de Prestashop


  • Please log in to reply
10 replies to this topic
bobkit

    PrestaShop Newbie

  • Members
  • Pip
  • 19 posts

Posted 05 June 2010 - 07:37 AM

Bonjour à tous !

Je découvre depuis peu prestashop, et je voudrais savoir comment est-il possible de modifier radicalement la structure du site ainsi que son apparence, au point de vue html / css / module php (comme on peut le voir dans le "showcase de PrestaShop").
Je voudrais donc savoir comment faut-il procéder, s'il faut créer des nouveaux modules ou plutôt s'intéresser au thème.

Merci d'avance !

The_Steph

    PrestaShop Apprentice

  • Members
  • PipPip
  • 93 posts

Posted 05 June 2010 - 08:33 AM

Bonjour,
Déjà tu peux commencer par dupliquer et renommer le thème de prestashop. Dans le Back Office tu pourras alors sélectionner ton nouveau thème qui ressemblera forcément à l'original.
Ensuite, il faudra s'attaquer au CSS qui va permettre de changer toutes les apparences (couleurs, polices, paddings, margins, ... enfin tout ce qui touche au graphisme quoi).
Il est possible que tu ais besoin de modifier quelques modules. Je te conseil alors de noter ceux que tu as modifiés parce que le jour où tu voudras faire une mise à jour ou changer de version, tu écraseras les modules.
Mais déjà tu peux modifier beaucoup de choses dans le BO (ajout/suppression de modules, déplacement des modules, ...) qui peut permettre de transformer le 3 colonnes d'origine en 2 colonnes.
Après il ne te reste plus qu'à modifier les dimensions dans le CSS ...
Pourquoi faire simple quand on peut faire compliqué ?

pasko

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 1607 posts

Posted 05 June 2010 - 09:12 AM

Bonjour,

C'est peut-être prématuré, mai mieux vaut prévenir que guérir, n'est-ce pas? :roll:

Principalement concernant les modules:

Si tu désire modifier un module, sans écraser l'original, sachant qu'un module peut être adapté pour un thème et ne pas fonctionner pour un autre, je te conseil de loger le module à modifier au niveaux du nouveau thème, sans toucher à l'original.

J'ai un petit post a ce sujet ici: http://www.prestasho...d/55749/#251747

Mai franchement je te conseil avant tout de te familiarisé aux multiples fonctions de Prestashop, ensuite au CSS, une chose à la fois ;-P

Bonne chance.

bobkit

    PrestaShop Newbie

  • Members
  • Pip
  • 19 posts

Posted 05 June 2010 - 09:14 AM

Merci beaucoup pour cette réponse claire. Cependant, je ne sais pas ce que signifie BO, si quelqu'un pourrait m'éclairer...
Je vais donc m'attaquer au css. Par contre, je ne pense pas possible de "transférer" mon menu de mon book (ici) vers le nouveau site prestashop, c'est là qu'interviennent les modules ?

Merci !

bobkit

    PrestaShop Newbie

  • Members
  • Pip
  • 19 posts

Posted 05 June 2010 - 09:19 AM

Pour ton message, pasko :
Déjà, merci pour ton lien, je vais le regarder ;)
Ensuite, pourrais-je savoir l'importance de se familiariser aux fonctions de prestashop avant de toucher au css ? Car je tiens énormément à l'apparence, mais n'ayant pas le temps d'approfondir mes connaissances php pour créer de toutes pièces le site commerçant, je m'aide de prestashop. Je voudrais quand même que mon nouveau se rapproche au mieux du book que j'ai créé.
Merci !

pasko

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 1607 posts

Posted 05 June 2010 - 09:24 AM

Bien, sans vouloir t'offenser, je te conseil de lire attentivement les informations précieuses du WIKI :-/
http://www.prestasho...iki_PrestaShop/

BO = Back Office, en Français, ton panneau d'administration.

Bonne chance.

jeckyl

    PrestaShop Legend

  • Members
  • PipPipPipPipPipPip
  • 13511 posts

Posted 05 June 2010 - 11:14 AM

Bonjour,

Le design de prestashop est assez simple à modifier par les feuilles de style si vous souhaitez conserver la structure originelle du thème de base.

Par contre, si vous souhaitez approfondir les changements en transformant la structure d'affichage du site, vous devrez passer par la réécriture des fichier tpl (template) qui ne sont que des fichiers html accueillant des balises SMARTY.

The_Steph a donné le meilleur conseil, copier le répertoire thème de base pour vous amuser à essayer de le transformer et petit à petit vous trouverez les solutions à toutes vos attentes.

Posted Image


The_Steph

    PrestaShop Apprentice

  • Members
  • PipPip
  • 93 posts

Posted 05 June 2010 - 12:10 PM

Merci Partner

Bobkit : je ne pense pas possible de “transférer” mon menu de mon book (ici) vers le nouveau site prestashop, c’est là qu’interviennent les modules ?


Il est possible d'intégrer ton menu dans Prestashop en plus de celui de Prestashop sans avoir de connaissance très poussées. Il existe un module qui permet d'ajouter du code HTML qui peut être bien pratique dans ton cas : Free block module. Il est gratuit et il te suffira de copier le code HTML du menu actuel dans le BO. Il existe d'ailleurs quelques modules gratuits mis à disposition par la communauté Prestashop (voir sur Prestastore) qui rendent bien des services. Au passage, grand merci aux développeurs.
Attention toutefois aux chemins relatif des images, backgrounds, ...)
Si tu es à l'aise avec le HTML ça va te paraître évident, mais si ce n'est pas le cas, suis le conseil de Pasko ; il faudra parcourir le wiki et le forum pour piocher les nombreux conseils déjà apportés.
Pourquoi faire simple quand on peut faire compliqué ?

bobkit

    PrestaShop Newbie

  • Members
  • Pip
  • 19 posts

Posted 07 June 2010 - 02:55 PM

Merci beaucoup pour toute vos réponses, je peux enfin marcher rassurer ;)

Edit : Est-il possible de mettre le sujet en résolu ? Il ne me semble pas ...

jeckyl

    PrestaShop Legend

  • Members
  • PipPipPipPipPipPip
  • 13511 posts

Posted 07 June 2010 - 03:09 PM

Si en éditant le titre de ton premier post et en y inscrivant [Résolu]

Posted Image


bobkit

    PrestaShop Newbie

  • Members
  • Pip
  • 19 posts

Posted 07 June 2010 - 03:11 PM

A en effet, méthode un peu "archaïque" mais j'en prends cependant note :)
Sujet résolu !




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users