[Résolu] Comment modifier l'apparence de Prestashop - Configuration et utilisation de PrestaShop - PrestaShop

Jump to content

Photo

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

#1

Posted 05 June 2010 - 07:37 AM

bobkit

    PrestaShop Newbie

  • Members
  • Pip
  • 19 Active Posts
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 !

#2

Posted 05 June 2010 - 08:33 AM

The_Steph

    PrestaShop Apprentice

  • Members
  • PipPip
  • 93 Active Posts
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é ?

#3

Posted 05 June 2010 - 09:12 AM

pasko

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 1607 Active Posts
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.

#4

Posted 05 June 2010 - 09:14 AM

bobkit

    PrestaShop Newbie

  • Members
  • Pip
  • 19 Active Posts
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 !

#5

Posted 05 June 2010 - 09:19 AM

bobkit

    PrestaShop Newbie

  • Members
  • Pip
  • 19 Active Posts
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 !

#6

Posted 05 June 2010 - 09:24 AM

pasko

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 1607 Active Posts
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.

#7

Posted 05 June 2010 - 11:14 AM

jeckyl

    PrestaShop Legend

  • Members
  • PipPipPipPipPipPip
  • 13511 Active Posts
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


#8

Posted 05 June 2010 - 12:10 PM

The_Steph

    PrestaShop Apprentice

  • Members
  • PipPip
  • 93 Active Posts
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é ?

#9

Posted 07 June 2010 - 02:55 PM

bobkit

    PrestaShop Newbie

  • Members
  • Pip
  • 19 Active Posts
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 ...

#10

Posted 07 June 2010 - 03:09 PM

jeckyl

    PrestaShop Legend

  • Members
  • PipPipPipPipPipPip
  • 13511 Active Posts
Si en éditant le titre de ton premier post et en y inscrivant [Résolu]

Posted Image


#11

Posted 07 June 2010 - 03:11 PM

bobkit

    PrestaShop Newbie

  • Members
  • Pip
  • 19 Active Posts
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

Cookies help us deliver our services. By using our services, you agree to use our cookies.     Learn more