Fred2k Posted October 24, 2008 Share Posted October 24, 2008 Bonjour,Comment fait on pour modifier la présentation des produits phares.Disons que au lieu de les avoir verticalement je souhaiterai les avoir horizontalement. Ou alors n'avoir que 4 produits phares sur 2 lignes ...Merci de vos réponses,fred Link to comment Share on other sites More sharing options...
Magavenue Posted October 24, 2008 Share Posted October 24, 2008 Les produits phares sont sous formes de liste.Il faut donc que tu modifies les concernés dans leur css. Tu peux mettre un width de 534px et un height de 137px. (sélecteur : #center_column .products_block ul li ligne environ 1080).Après pour les différents éléments (images, description, prix) il faut les déplacer pour qu'ils soient chacun bien placés. Link to comment Share on other sites More sharing options...
Kreasite Posted October 24, 2008 Share Posted October 24, 2008 Bonsoir Fred2kComment les veux-tu ?Comme l'image 1 ou l'image 2 ?++DAV Link to comment Share on other sites More sharing options...
Fred2k Posted October 24, 2008 Author Share Posted October 24, 2008 Bonsoir ArtDesign,Comme le 1 serai très bien.Fred Link to comment Share on other sites More sharing options...
Kreasite Posted October 24, 2008 Share Posted October 24, 2008 Le mieux serait que tu m'envois ton global.css afin que je te fasse les modifications, sinon cela va être trop long à commenter ici.Aussi, là, je débauche donc se sera pour demain.++DAV Link to comment Share on other sites More sharing options...
Jude Posted October 24, 2008 Share Posted October 24, 2008 Tout est une question de CSS : comme tes éléments sont dans des , tu peux les mettre en ligne ou en colonne facilement (inline ou block) Link to comment Share on other sites More sharing options...
tof Posted October 26, 2008 Share Posted October 26, 2008 Bonjour à tous,voilà j'ai réussi à changer la taille (hauteur) des produits phares sur la page d'accueil en changeant:}#center_column div.products_block p.product_desc { height:9.5em; color: #595a5e;par}#center_column div.products_block p.product_desc { height:1.5em; color: #595a5e;par contra j'ai un souçi pour réduire l'espace blanc existant entre le bas des produits phare et la derniere ligne du bas de la page d'accueil. après maintes recherches et essais , je n'ai pas trouvé, merc de votre aide.voir le fichier joint.merci Tof. Link to comment Share on other sites More sharing options...
Jude Posted October 26, 2008 Share Posted October 26, 2008 De mémoire, ta liste a une hauteur fixe. Tu peux donner l'adresse pour qu'on regarde ? Link to comment Share on other sites More sharing options...
tof Posted October 27, 2008 Share Posted October 27, 2008 RESOLU:merci de votre réponse, j'ai réussi à régler mon problème en ajoutant: height:XXXpx; (avec XXX= la hauteur désirée) à la suite de :/* Special style for block products in center column */dans le global.csscordialement,Christophe Link to comment Share on other sites More sharing options...
richard03 Posted February 16, 2009 Share Posted February 16, 2009 Bonjour,je travail sur la mise en page des produits phares et j'ai juste un petit probleme j'ai beau chercher je trouve pas.J'aimerai que le block ne soit pas centré comme par défaut, je souhaiterais le coller à la colonne de gauche.Si quelqu'un peu m'aider Link to comment Share on other sites More sharing options...
obafemi Posted March 6, 2009 Share Posted March 6, 2009 Bonjours je relance un peu ce post car je suis intéressé par le menu de l'image deux que propose ArtDesign. Pourrais tu me dire comment tu fais pour avoir ce résultat merci d'avance Link to comment Share on other sites More sharing options...
space Posted April 13, 2009 Share Posted April 13, 2009 Bonjour,Je suis également preneur pour la solution 2... si tu peux m'indiquer comment faire, ce serait sympa Space_ Link to comment Share on other sites More sharing options...
ps93 Posted June 21, 2009 Share Posted June 21, 2009 Bonsoir Fred2kComment les veux-tu ?Comme l'image 1 ou l'image 2 ?++DAV Je serai intéressé par la solution 1 Est ce possible d'indiquer les manips à effectuer please? Link to comment Share on other sites More sharing options...
vestax Posted June 22, 2009 Share Posted June 22, 2009 Idem pour moi, la position 2 me plait bien comment faire ?Cordialement Link to comment Share on other sites More sharing options...
minirj01 Posted June 22, 2009 Share Posted June 22, 2009 Bonjour, une piste (peut-être) avec le code ci-dessous.Edit: Code à oublier, ne fonctionne pas sous IE 6 et 8 : ( Link to comment Share on other sites More sharing options...
vestax Posted June 22, 2009 Share Posted June 22, 2009 Merci pour code, a tu une idée de ou il faut l'intégrer ?Cordialement Link to comment Share on other sites More sharing options...
minirj01 Posted June 22, 2009 Share Posted June 22, 2009 fichier global.css (theme/prestashop/css) vers la ligne 1000 Link to comment Share on other sites More sharing options...
ps93 Posted June 22, 2009 Share Posted June 22, 2009 Je déconseille, car comme précisé, avec IE6, cela ne fonctionne pas, c'est trop casse-c***** !Pourtant le rendu est super en FF et IE7...J'ai trop de bugs d'affichage en IE6.Ma colonne centrale (page d'accueil en format 2 colonnes : gauche + principale) est décalée à la ligne... Link to comment Share on other sites More sharing options...
vestax Posted June 22, 2009 Share Posted June 22, 2009 Je viens de tester mais je ne comprend pas cela ne change rien.ni sur IE ni sur FF jais toujours le même affichage, on parle bien des produits phare sur la page d'accueil ?Cordialement Link to comment Share on other sites More sharing options...
minirj01 Posted June 22, 2009 Share Posted June 22, 2009 ps93: c'est clair qu'il est trop casse-c***** ce navigateur de ***** !Vestax : F5 pour rafraichir la page ?@+ Link to comment Share on other sites More sharing options...
ps93 Posted June 22, 2009 Share Posted June 22, 2009 Le problème c'est que beaucoup trop de gens sont restés sur IE6, alors que sur IE7, tout fonctionne parfaitement...Je suis obligé de trouver une solution alternative ou de bidouiller à chaque fois alors que je suis pas du tout pro en codage...!Mais bon, je veux réaliser un site "pro", je suis forcé à trouver des solutions pour rendre l'affichage parfait pour tous les users Link to comment Share on other sites More sharing options...
minirj01 Posted June 22, 2009 Share Posted June 22, 2009 sur IE8 ça ne fonctionne pas (voir l'image initiale)... Link to comment Share on other sites More sharing options...
ps93 Posted June 22, 2009 Share Posted June 22, 2009 M**** Je vais le télécharger pour tester... Link to comment Share on other sites More sharing options...
ps93 Posted June 22, 2009 Share Posted June 22, 2009 Ma page d'accueil fonctionne très bien avec IE8.C'est sur IE6 que ça foire.. Link to comment Share on other sites More sharing options...
minirj01 Posted June 22, 2009 Share Posted June 22, 2009 C'est terrible ces pb d'affichage, moi j'abandonne peut-être que dans la nouvelle version de Prestashop il y aura une option de disposition !@+ Link to comment Share on other sites More sharing options...
vestax Posted June 22, 2009 Share Posted June 22, 2009 bon apres avoir actualisé ma page cela na rien changer pourtant mon fichier a bien été modifier est remplacer Link to comment Share on other sites More sharing options...
seiyar26 Posted December 30, 2010 Share Posted December 30, 2010 Bonjour par contre je n'ai pas compris comment il fallait dans le editorial.tpl pour afficher 4 produits par ligne Merci d'avance Link to comment Share on other sites More sharing options...
TB972 Posted May 17, 2011 Share Posted May 17, 2011 Bonjour à tous,Je suis nouveau et novice sur prestashop et je voudrais savoir si quelqu'un peu m'aider. Je souhaiterais faire remonter les deux bouton du bas dans mes blocs de produits phares mais je ne trouve pas la bonne ligne dans le global.ccs...Pour le reste j'ai trouvé mais là ???adresse du site www.guyvieules.comMerci d'avance Link to comment Share on other sites More sharing options...
Patric Posted May 18, 2011 Share Posted May 18, 2011 Topic déplacé dans la section Intégration. Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now