Votre méthode de travail pour la personnalisation de votre boutique (une recette miracle ?)

[vins]

Bonjour,
Je vais attaquer la personnalisation de Prestashop.
J'aurais 2 questions avant de prendre la pelle et la pioche ;-P :

1. Vu que les versions évoluent tous les jours je compte faire des check out régulièrement sur SVN. Si un fichier que j'ai moi même modifier en local est modifié dans le SVN repository de PRESTASHOP j'effectuai un merge. Du coup, je conserverai mes modif. et j'aurais toujours une version à jour du fichier en question. Donc ma première question est la suivante: La 1.1 stable sera elle dispo sur SVN, ou la team arretera les mises à jours du SVN avant de proposer la 1.1 stable ?

2. Pour votre theme perso, vous modifiez le theme par défaut (livré avec PRESTA) afin de pouvoir effectuer les mises à jours régulièrement ? Ou vous copiez le theme par defaut dans un autre repertoire et vous travailler dans ce nouveau rep.
L'intérêt que je vois à travailler sur le theme par défaut est le suivant: Vous effectuez vos modif perso... Si un des fichiers est mis a jours sur le SVN repository de PRESTA, vous le mergez avec votre copie locale. Ainsi votre thème évolue avec le thème livré par défaut ?

Si qq d'entre vous travaille ainsi (ou différemment) je serais intéressé d'avoir son retour d'expérience sur le sujet.


By.

[Fabrice]

bonne question. suis également preneur d'un avis.
aup !

[astragor]

Cette méthode reste à mon avis la meilleure car on peut ainsi garder les modifs que l'on a faite. Le SVN étant un outils intelligent, si un fichier que vous avez modifiez vous même est modifiée par l'équipe par derrière, et bien il en tiendra compte.
De même vous pouvez creer à partir du SVN un fichier patch qui vous permettra de patcher n'importe quel version de prestashop n'importe ou (à condition que l'ordinateur cible soit équipé du SVN !

Comme je l'ai mis dans un autre post, il existe sinon des patcher universel genre Patch Maker ou Visual Patcher qui sont capable aussi de créer des patchs en comparant 2 séries de fichier (il vous faut donc garder sur votre ordi la version de base non modifiée et la version modifiée).
Par contre je n'ai pas trop tester cette dernière possibilité en profondeur qui me semble a mon avis idéal pour distribuer une personnalisation complète pour un thème stable, par contre plus délicate à manier en cas d'évolution du produit.

[Cédric Girard]

Bonjour

Perso j'utilise une méthode quelque peu différente :

Phase 1
* base de travail = version stable (actuellement la 1.1)
* copie du thème par défaut (je ne touche pas ce dernier, car il m'arrive d'aller y puiser des infos dans les sources de choses que j'avais modifié auparavant dans mon nouveau thème)
* inspiration : selon la thématique, je vais voir la concurrence, et surtout voir sur des sites de templates (toutes plates-formes e-commerce confondues) et je recherche le thème se rapprochant le plus de ce que je désire, afin de pouvoir y puiser quelques bouts de codes (notamment au niveau des CSS et le cas échéant de javascript !) ; mon client donne ici évidemment son avis. L'objectif est d'avoir quelque chose de ressemblant mais pas identique, de donner les grandes lignes du côté graphique. Je tiens ABSOLUMENT à ce que chacun de mes sites soit différent des autres et d'ailleurs il m'arrive de puiser l'information sur plusieurs templates en même temps pour construire finalement le mien propre ;-)

Phase 2 (très grandes lignes... chaque étape est validée par le client)
# construction du "layout" ; l'objectif est de construire le socle de la boutique (entête, colonnes, pied de page...) afin d'avoir des dimensions finies pour chaque partie de la boutique
# paramétrage global de la boutique au niveau du back-office + modifs le cas échéant de points de détails liés au thème en développement ; à ce stade le client doit impérativement me donner une base de travail au niveau du contenu (liste exhaustive des catégories de base, slogan, etc... En fait tout ce qui est potentiellement visible sur la page d'accueil ou sur les pages du site en général)
# choix des couleurs et contruction de l'entête et du pied de page (Photoshop est mon ami ;-) )
# design de la page d'accueil
# design du contenu des pages catégories et produits
# construction des pages annexes (CMS et compagnie)

Phase 3 (itérative, peut débuter durant la phase 2)
* saisie des données (ou import) par le client, avec conseils sur le rédactionnel des fiches produits
* corrections du champs sémantique utilisé pour les produits (descriptions, et...) ; je ne passe pas sur tous les produits évidemment, mais donne les grandes lignes et utilise des outils qui permettent de mettre en évidence les défauts pouvant nuire au référencement (descriptions trop courtes, descriptions ou titres en double, etc...)


Il m'arrive d'appliquer des correctifs quand j'en ai connaissance, mais j'évite de trop bidouiller la source. Tant que ça fonctionne, ça reste comme ça.

Voili voilou pour ma méthode de travail. Pas parfaite, mais fonctionnelle !

[Fluorite]

Bonjour

je ne sais pas si cela servira pour du monde, mais j'ai effectivement modifié le thème par défaut.

( 1 ) Avant tout je fais une copie d'origine de Prestahop que j'installe en local.

( 2 ) A partir de la je commence a chercher les couleurs que je veux , car je garde l'aspect original de prestashop qui me convient parfaitement et vus mes faibles connaissances en design ( faire des des template entiers)

( 3 ) Une fois, mais couleur trouver pour les images d'origine de prestashop je les refais tous à la même dimension et avec ma couleur choisie avec mon ami Photoshop.

( 4 ) Au fur et à mesure que je modifie les images que je nome exactement comme celle d'origine,je rafraichie mon site,pour voir si cela concorde bien et que cela face surtout propre.

( 5 ) Une fois toute, mais image faite,je m'attaque au .CSS et cela avec Firebug un Adon pour Mozilla fort Utils , et que je recommande a tous , ensuite j'attaque tout le .css jusqu'a que cela me plaise, et tout cela, en Web 2.0 et CSS2 temps pie pour ceux qui on de vieux Navigateur...

( 6 ) Enfaite-le.css j'adore trop sa et je pourrais faire des dizaines de styles en quelque heures, et la sais très dure de faire un choix sur ce que l'on va mettre définitivement...

( 7 ) Voila donc sais tout banal comme travaille, mais sévère efficace en cas de changement de version prestashop, car je n'aurais que mes images et mon Style ou mes styles .CSS a mettre afin d'avoir mon template ou mon design,même si la mise en forme reste la même.

D'ailleurs, je profite de ce poste pour présenter l'aspect du site couleur,logo... toute remarque et bien sur la bien venue sachant que les gouts et couleur ne ce discute pas mais surtout pour l'œil de l'internaute qui va dessus.

Donc mon site http://www.lafouillasse.fr

Qui n'ai pas totalement fini ,je tien a le préciser.
Voila bonne journée
Cordialement:Yannick

[sighimpact]

Salut tout le monde,
C'est très instructive, mais..
Je viens du monde Joomla, ou l'on peut créer son (Thème) template de A à Z, car la présentation est dissociée du contenu.
Je voulais savoir si c'est le cas avec Prestashop ( que je trouve génial, mieux que Virtuemart et osCommerce).
Ou l'on est obligé de retravailler sur le thème presta par défaut.
Si quelqu'un a un lien à se mettre sous la dent, ou une direction de travail, ce serait génial.
Merci d'avance :-)

[sighimpact]

un petit up ?

[sighimpact]

Pas de réponses...?

[Simonthetemp]

up aussi, j'ai à peu pres les meme interrogations que sighimpact...


je suis webdesigner et webdev.
de mon coté j'ai pu travailler sur qq CMS type blog (WP, Typepad, ...) avec lesquels je pouvait partir d'un design completement nouveau, faire l'integration html/css basique de ma maquette (juste en statique, à part), et ensuite merger mon code propre et les boucles et variables dynamiques des CMS. Bien sur il est necessaire de diviser mon code HTML à l'interieur des différents templates et modules, de prendre en compte les boucles etc... Mais ça a toujours été relativement aisé, surtout que j'ai un peu d'experience des MVC.

est-il concevable de faire la meme chose avec Prestashop ?
faire des maquettes HTML à part et les "intégrer" dans l'outil pour obtenir des pages 100% customisées ?

merci !!

[altereg]

Bonne nuit à tous

...ya pas d'heure pour les braves
Moi, cela fait 2 semaines que j'ai pris en main Prestashop, je viens aussi de l'univers Joomla! et au delà du fonctionnement sans accros majeurs de la boutique, ma première impression est que prestashop n'est pas conçu pour subir des modifications profondes, c'est vraiment un produit destiné à l'utilisateur final.

J'ai fais un premier test sur le template (pardon "thème") ;-P histoire de repérer les fragments.

Actuellement je travaille sur une deuxième installe avec une maquette et ai déplacé quelques modules, il faut donc recoder pour des positions non prévues, revoir les fichiers de langue...il faudra voir ce que ça donne après un up de la prochaine version stable.

Toutes les boutiques Prestashop que j'ai pu voir jusqu'ici manisfestent clairement leur sortie d'un même moule.

[Peha]

Bonjour,

je ne suis pas d'accord,
il est possible de tout changer avec Presta de la même manière que WP ou Joomla.
ça demande des compétences en html, smarty, css mais il n'y a pas de différences fondamentale avec les autres cms.

Il n'y a qu'a voir le showcase ou l'on peut voir des boutiques très différentes.

pa.

[Cédric Girard]

Bonjour

Je "plussoies". Il est vrai qu'il faut pour sortir du répertoire "themes" pour créer un template ne ressemblant pas à celui d'origine (nécessité de modification de certains modules ne serait-ce que pour l'ajout de hooks par exemple), mais hormis cette petite différence, je ne code pas plus que pour un Wordpress.

Sur celui en lien dans ma signature (Master Materiel) je suis littéralement parti from scratch, puis j'ai regreffé ensuite petit à petit les modules. Mon modèle visuel était un thème pour... Magento :cheese:

C'est pas plus compliqué que de sortir un template pour WP, même si c'est un peu plus spécialisé et que ça demande un peu plus de connaissances, notamment au niveau du fonctionnement interne du CMS.

[DrÿSs']

Bonjour,

Je vais tenter de répondre aux interrogations de chacun, et je trouve toutes ces questions très pertinentes !

1. Vu que les versions évoluent tous les jours je compte faire des check out régulièrement sur SVN. Si un fichier que j'ai moi même modifier en local est modifié dans le SVN repository de PRESTASHOP j'effectuai un merge. Du coup, je conserverai mes modif. et j'aurais toujours une version à jour du fichier en question. Donc ma première question est la suivante: La 1.1 stable sera elle dispo sur SVN, ou la team arrêtera les mises à jours du SVN avant de proposer la 1.1 stable ?

Quelques petites remarques:

Travailler sur une version SVN est rusé, car cela permet de merger à chaque mise à jour sans perdre ses modifs. Mais cela pose de gros problèmes : la version SVN n'est pas, jamais stable. Elle comporte des bugs, des failles de sécurités, et est donc vivement déconseillé dans un usage de prod.

Une solution alternative consiste à avoir une version SVN dans un dossier de travail, et une version stable en prod. Vous mettez à jour régulièrement votre version de travail afin d'y intégrer les mises à jours.

En effet, lorsqu'une version stable est annoncée, on "extrait" du SVN un instant figé et dont on est sûr de sa stabilité, afin d'en créer un package fixe. Ensuite, de nouvelles fonctionnalités sont ajoutées, et la stabilité n'est plus assurée.

Donc, lorsqu'une release se fait, vous mettez à jour votre version de travail et vous faites aussi une extraction pour mettre à jour votre site en prod.

Sinon, les packages (stables et dernières bétas) sont disponibles dans la section Téléchargement du site. Chacun d'entre eux à un numéro de version (indiquant la date d'extraction du SVN).

2. Pour votre theme perso, vous modifiez le theme par défaut (livré avec PRESTA) afin de pouvoir effectuer les mises à jours régulièrement ? Ou vous copiez le theme par defaut dans un autre repertoire et vous travailler dans ce nouveau rep.

L'intérêt que je vois à travailler sur le theme par défaut est le suivant: Vous effectuez vos modif perso... Si un des fichiers est mis a jours sur le SVN repository de PRESTA, vous le mergez avec votre copie locale. Ainsi votre thème évolue avec le thème livré par défaut ?

L'astuce du SVN me semble beaucoup plus dur à mettre en place dans le cas des thèmes personnalisés.

Autant en modifiant le coeur de la solution, vous pouvez retrouver facilement vos propres modifications, autant dans un thème personnalisé tout diffère généralement (la structure HTML n'est jamais la même), et merger un fichier A qui n'a aucun rapport ou presque avec un fichier B, on s'arracherait les cheuveux...

Je viens du monde Joomla, ou l'on peut créer son (Thème) template de A à Z, car la présentation est dissociée du contenu.
Je voulais savoir si c'est le cas avec Prestashop ( que je trouve génial, mieux que Virtuemart et osCommerce).
Ou l'on est obligé de retravailler sur le thème presta par défaut.
Si quelqu'un a un lien à se mettre sous la dent, ou une direction de travail, ce serait génial.

Les thèmes sont bien sûr séparés dans PrestaShop, qui utilise un MVC (modèle vue controleur). La vue est donc complètement indépendante du PHP. Mais beaucoup de comportement se font en Ajax, et donc du côté de la vue. Repartir de zéro est très dur, puisqu'il faut reproduire tous ces comportements (une bonne idée consiste à ouvrir le template de la fiche produit - product.tpl).

de mon coté j'ai pu travailler sur qq CMS type blog (WP, Typepad, ...) avec lesquels je pouvait partir d'un design completement nouveau, faire l'integration html/css basique de ma maquette (juste en statique, à part), et ensuite merger mon code propre et les boucles et variables dynamiques des CMS. Bien sur il est necessaire de diviser mon code HTML à l'interieur des différents templates et modules, de prendre en compte les boucles etc... Mais ça a toujours été relativement aisé, surtout que j'ai un peu d'experience des MVC.

est-il concevable de faire la meme chose avec Prestashop ?
faire des maquettes HTML à part et les "intégrer" dans l'outil pour obtenir des pages 100% customisées ?

Même réponse qu'au-dessus, tout est possible, mais très dur de partir de zéro à cause de l'Ajax.

Moi, cela fait 2 semaines que j'ai pris en main Prestashop, je viens aussi de l'univers Joomla! et au delà du fonctionnement sans accros majeurs de la boutique, ma première impression est que prestashop n'est pas conçu pour subir des modifications profondes, c'est vraiment un produit destiné à l'utilisateur final.

J'ai fais un premier test sur le template (pardon "thème") ;-P histoire de repérer les fragments.

Actuellement je travaille sur une deuxième installe avec une maquette et ai déplacé quelques modules, il faut donc recoder pour des positions non prévues, revoir les fichiers de langue...il faudra voir ce que ça donne après un up de la prochaine version stable.

Toutes les boutiques Prestashop que j'ai pu voir jusqu'ici manisfestent clairement leur sortie d'un même moule.

Très bonne remarque, comment auriez-vous vu une meilleur orientation de PrestaShop afin de favoriser la création de theme ? Qu'est-ce qui peux rebuter selon vous la diversité ? Pourquoi les modifications profondes vous semblent dur à mettre en place ?

[altereg]

A mes amis Peha et Cédric,

Pour ne pas être d'accord, il faudrait avant tout que nous ayons un sujet de désaccord. Hors je ne vois pas où dans mes propos je dis qu'il est impossible de modifier la présentation de Prestashop.

Pour remettre le débat dans son contexte, mes remarques tiennent compte du fait que le produit est distribué gratuitement et principalement destiné à un utilisateur final qui n'a probablement pas envisagé de se farcir la 3ème édition de PHP5 avancé et pas plus Smarty :-/ .

Je suis comme Peha et Cédric un professionnel du web (marketing) et j'ai coutume de dire à mes clients que de parler d'eux sur leur site ça n'intéresse personne et que s'ils n'existaient pas cela ne changerait rien pour celui qui a un besoin. Par contre si nous nous prêtons attention aux besoins des autres...là nous devenons intéressants :-) .

Lorsque j'ai donné mon avis, c'était bien en prenant la place d'un utilisateur final devant adapter la plateforme à ses besoins.

J'en viens donc à développer mes impressions : Prestashop me semble un excellent produit (un peu comme un pur sang, on sent le potentiel!), devant toutefois faire face à une rude concurrence...même dans l'open source. Face à la multiplicité des besoins, il serait utile de définir nativement plus de positions de modules apportant plus de liberté aux utilisateurs et webdesigner dans leurs créations sur Prestashop.

En fait, l'idéal serait que l'utilisateur crois que Smarty est un modo du forum.

[Peha]

Toutes les boutiques Prestashop que j’ai pu voir jusqu’ici manisfestent clairement leur sortie d’un même moule.

je ne suis pas d'accord. cf le showcase.

Pour faire un template Presta, pas besoin de php, et les connaissances en SMARTY nécessaires se résument au copier/coller.

Il ne faut pas rêver, pour faire un beau design Presta il faut
_du temps
_de la créativité
_une bonne connaissance du couple html/css
[édit] : _et aussi jQuery si on est fou

On ne pourras jamais proposer une customisation avancée à partir du BO (et donc absolument découvrir que SMARTY est autre chose qu'un modo )

Pour moi la gestion de la position des modules dans le BO est au contraire plutôt un frein, car l'ordre est important en html, et ça décale tout.
Il faudrait le limiter aux colonnes (left, center right) par exemple comme dans wordpress et les widget de la sidebar. et avoir la possibilité de rajouter les autres éléments où on le souhaite dans le template comme ceci {recherche} {panier} {etc.}
La création de hook custom n'est absolument pas souple et intuitive.

pa.


[édit 2] : d'un manière générale, s'inspirer de WP pour les templates est à mon avis une très bonne idée. Notamment la hiérarchie des modèles : http://codex.wordpress.org/fr:Hiérarchie_des_fichiers_modèles

[macabann]

je suis d'accord sur le fait que les themes et la maniere de les retravailler n'est pas souple et absolument pas intuitive. ce qui conduit à une certaine uniformisation des sites prestashop, n'en déplaise à certains...mais ce n'est pas parcequ'on a changer les images et les couleurs que ce n'est plus le meme site....les modeles du prestastore en sont temoin...

Le contenu ne se détache pas assez du design, a mon sens...Ce qui conduit a avoir autant de pages dans le theme...
il devrait y avoir un template de position des principales div : page, header, pathscrumb, topmenu, leftcolumn, rightcolumn, centercolumn, footer (parce qu'on en revient toujours a ça) que vous choississez d'utiliser ou non, d'activer ou non, avec son fichier css.

Puis dans ces containers de pouvoir placer les modules ou bon nous semble sans avoir a trifouiller le code.... Ensuite vous le rendez visible ou non sur les pages que vous voulez.

Généralement le contenu qu'il provienne de la partie marchande ou du cms va dans la partie centrale....
Si je prend le template de base, je veux replacer les meilleures ventes dans la colonne centrale, apparemment d'apres ce que j'ai compris je suis obligé de creer un point d'ancrage dans chaque page ou je veux le voir....long, fastidieux, répétitif....

mais ce n'est qu'un avis de neophite....qui veut vendre et pas se prendre la tete avec la passion des autres : le code. Et c'est justement ce que je reproche généralement au codeur (dont je respecte le savoir faire) c'est qu'il ont tendance à oublier qu'il y a un utilisateur de l'autre côté qui ne partage pas forcément leur passion....Design ne veut pas dire joli coin arrondi : c'est de l'ergonomie et de la fonctionnalité. mais j'admets que prestashop essaye de faire un effort sur le sujet...mais peu encore faire mieux... en particulier sur l'ergonomie des themes et de la gestion des modules...

[jeckyl]

Salut,

étonnant de relancer un sujet assez vieux, mais ce qui veut dire qu'il est toujours d'actualité.

Juste pour rebondir sur ta remarque que les boutiques prestashop se ressemblent beaucoup :

http://www.archiduchesse.com/
http://www.headict.com/

je vais pas en mettre d'autre car il suffit de regarder le showcase http://www.prestashop.com/fr/showcase_liveshops/

Mais si tu trouve que les boutiques se ressemble il y a plusieurs raison.

- Le propriétaire de la boutique n'a pas les moyens de créer un vrai design
- Le propriétaire ne comprend pas l'intérêt de créer un vrai design
- Les choix de design de base de prestashop sont tellement bons qu'il n'y a pas de raison de changer.
- Le produit ne se prête pas à un design trop différent
- L'ergonomie du 3 colonnes et tellement prouvée qu'il ne faut pas perturber le client
- ...

Tu peux trouver beaucoup d'autre raison.

[macabann]

ola ce n'est pas une contestation de ma part etant designer moi meme, designer industriel, mais designer quand meme....ce que je reproche c'est la fonctionnalité, le coté pratique de la gestion des templates qui permettrait de se différencier plus facilement....

Quand les personnes ont de bonnes connaisances en code, bien sur que les templates prestashop peuvent varier mais globalement si on regarde ce que propose le net sur les themes prestashop c'est souvent la meme chose....Et oui le coté imbitable du template est un frein au dvp de prestashop car on finit par reconnaitre les boutiques prestashop....Maintenant avec de l'argent, et eux comme nous, on peut avoir la lune....mais si les gens font appel a un programme comme prestashop c'est justement qu'il n'ont pas forcément les moyens de se payer le développement de leur boutique par un prestataire....et la encore tout est permis le bon comme le mauvais....

la vrai question qui doit rester poser selon moi, c'est comment faciliter le développement ecommerce d'un utilisateur prestashop, et ce meme dans la gestion du template et le module....alors la bien sur ça va à l'encontre de ta prestation de service, certes, mais comme je n'ai pas les moyens de me la payer pour l'instant.....il faut bien que je trouve une autre solution....dans le principe

[jeckyl]

Je ne suis pas totalement d'accord avec ta vision du template prestashop.

Si tu n'y connais rien au css et à l'html alors oui, tu n'y arrivera pas. Mais comme c'est le minimum obligatoire pour tout design web, on va allez chercher plus loin.

Si tu veux que ta boutique soit différnete de la base de prestashop il faut alors modifier le template d'origine et ce n'est pas compliqué pour ceux qui veulent bien se prendre la tête 2 seconde pour chercher et comprendre.

Un template ce n'est pas juste cliquer sur des liens pour mettr en page.

Ainsi prestashop est assez simple, mais il est vrai que le parti pris d'utiliser smarty dérange du monde.

Après, je n'ose imagine un template sous magento,oscommerce, et autres scripts open source.

[macabann]

je fais expres bien entendu de prendre la position du débutant sur prestashop, bien que j'en suis pas si éloigné que ça, celui qui se demande pourquoi il ne peut pas mettre le module "nouveaux produits" dans la partie centrale sous les produit phares dans le template de base....juste en le déplaçant dans le backend...car ce "n'est que le mettre de la colonne de droite dans la colonne centrale"....

[jeckyl]

Ben oui, j'ai dit cela au gars qui a fait ma cheminé, c'est juste une cheminé qu'il suffit de déplacer.

[macabann]

"Après, je n’ose imagine un template sous magento,oscommerce, et autres scripts open source"

c'est encore pire pour ces deux usines à gaz.....le moins pire pour l'instant étant a mon sens joomla...

le probleme ne vient pas du css et html qui est pareil qu'ailleurs....mais la structure meme du template...quel fichier gere le design global du site, le découpage des parties du site (position des menus, du contenu), les positions des modules... apparemment d'apres ce que j'en comprends, chaque opération engagée sous prestashop a sa propre page qui est reconstruit au complet a chaque fois ????....Ce qui veut dire que si je modifie quelque chose, je dois le modifier dans toutes les pages : si je ne veux pas de colonne de droite sur le template de base et que je veux que les modules "nouveaux produits", "promotions" et "meilleures ventes" soit sous "produit phare" et sur toutes les pages, je fais quoi et comment....
c'est la ou le bas blesse dans prestashop, pour les templates....

et oui les neophytes pensent simplement : ils se referrent a ce qu'ils connaissent et ce qu'ils comprennent, ce qui peut paraitre aberrant pour l'initié, mais le design c'est justement de comprendre ça. En design de produit on dit que si un enfant de 10 ans est capable de comprendre le produit sans explication, c'est que le produit est bien conçu en terme de perception....

[jeckyl]

Ben tu utilises justement ta colonne de droite et tu y greffe tes modules et tu l'a met en page avec ton css pour la mettre sous les produits phares.

[macabann]

tu es entrain de me dire que c'est toute la colonne de droite que je dois déplacer dans la partie centrale pour y positionner mes modules ?

[jeckyl]

tu es entrain de me dire que c'est toute la colonne de droite que je dois déplacer dans la partie centrale pour y positionner mes modules ?

Ben pourquoi pas c'est pas parce qu'elle s'appelle right qu'elle doit être à) droite, ce n'est qu'une div et tu en fais ce que tu veux.