9 replies to this topic

[juju34070]

Bonjour !!

mes compétences en CSS sont... risible et lamentable, je vous sollicite pour avoir un coup de main :

je souhaiterais que mes produits phares soient positionnés sur 3 colonnes avec 3 rangées comme dans le thème Atchworks : http://atchworks.free.fr/testshop/

Mon site est www.destockcharm.com, actuellement mes produits phares sont disposés comme le thème original Presta.

Pouvez vous me faire un tuto pour LA nul ? ( je suis une jeune femme qui est allergique au css et autres lignes de codes me faisanr cauchemarder) si je modifie le css , les couleurs seront les mêmes que mon thème ?

Bref je suis perdue complet avec ca...

Grosse bise

Julie
Destock'Charm

[KeNdO.83]

Salut julie, alors ce qu'il faut savoir c'est que lorsque tu modifie le CSS ça ne change pas obligatoirement tes couleurs. Le css est une feuille de style qui regroupe tout les attributs styles de ton site soit les couleurs effectivement, mais les longueurs et largeur des blocs, les marges, et j'en passe. Tout ça pour te dire que tout dépend de ce que tu modifie :).

Maintenant pour afficher seulement 3 produits phares, il va falloir effectivement modifier le global.css. Ce que tu veux c'est 3 produits à la place de 4 donc tu peux imaginer ce que tu va devoir changer ... la largeur des colonnes.

Ouvre global.css et recherche ça : 'Special style for block products in center column'
Dans cette partie tu as tout le CSS des blocs de la colonne du centre soit le produits phares :).
Puis normalement à la ligne 1053 tu as cela :

#center_column .products_block ul li {

    border-right: 1px solid white;

    border-bottom:1px solid white;

    float: left;

    clear: none;

    width:133px;

width:133px;[/code] c'est ça qu'il faut modifier change par 175px par exemple et regarde le résultat sur ton FO :)

Bonne journée

[juju34070]

Merci Kendo pour tes infos, je ne veux pas seulement élargir, je souhaiterai la même présentation et mise en page que les produits phares de Atchworks ( voir son site ) les miens sont en longueur, les siens en largeur.

Julie

[Jacques Biais]

Bonsoir,
Ce genre de modification et une des plus délicate à réaliser et demande un peu de savoir faire.
Mais une question, car il me semble que Atchworks fait des thèmes alors pourquoi ne pas l'utiliser?

[jeckyl]

Une seule solution, l'apprentissage http://www.alsacreat....com/tutoriels/

On ne peut pas te donner une solution toute faite car en général ce genre de modification entraine pas mal de changement css.

[juju34070]

Merci Jeckyl pour votre aide.... mais si je recherchais un tuto pour apprendre le CSS je l'aurais mentionné, j'ai besoin d'un petit coup de main, c'est comme si je demandais l'explication d'un mot et en réponse on me dit d'apprendre le dictionnaire.... ;-)

Sans rancune Jeckyl ;-)

Julie

[jeckyl]

Cette modification n'est pas simple, et demande du temps.

Franchement si tu ne veux pas apprendre, je peux te le faire moyennant finance. Et là tu peux monter sur tes grand chevaux, mais perso un forum n'est pas un endroit où l'on vient piocher gratuitement le boulot des autres, on y vient PARTAGER son travail et son expérience et ainsi apprendre de nouvelles choses. C'est comme une association en sommes.

[juju34070]

j'ai trouvé le code sur le forum pour les produits phares à la facon atchworks mais seulement sur 2 colonnes, il m'en faut une 3eme c'est tout... voir :
http://www.prestasho...s_phares_resolu

il me manque juste une petite colonne.... je peu mettre mon CSS a disposition au besoin.

[juju34070]

exactement jeckil on est la pour apprendre, il faut pas prendre la mouche pour si peu..... t'as 2eme réponse me convient, voila quelque chose de concret, si je n'y arrive pas moi même je comptais effectivement le faire par qq1. pour la partage je suis entierement d'accord, mais c'est contradictoire à ton premier post. Bref Jeckil on est pas la pour se bouffer mais bel et bien pour apprendre... on fait la paix ? ;-)

je vais essayer de trafiquouiller dans le css via firebug.... qui tente rien n'a rien ! après si j'y arrive il y a la modifcation des couleurs... lol ca être marrant ca aussi....

PS: Be Coooooll ;-)

Bises

Julie

www.destockcharm.fr

[luismiguel]

Hey juju.

Ça peut t'intereser jette un coup d'oeil ici

http://www.prestasho...e_free_suite_3/

Tu as une DEMO et une template de Atch gratuite pour telecharger.

(atchworks_purple.zip (File Size: 943KB - Downloads: 162)

tu as là le global css qui peut te servir

ciao.