Jump to content

[Résolu] Modifications des positions sur bloc produits phares


Recommended Posts

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 http://www.guyvieules.com

Merci d’avance

Link to comment
Share on other sites

Dans le global.css

.button >> pour le button "Plus d'info"
.exclusive >> pour le button "Ajouter au panier"

ne modifie pas direct sur ces lignes sinon tout tes buttons avec ces classes vont etre modifie.

je te conseille pour cibler le module Produits phares de faire:

#featured-products_block_center .button
{
...
}

#featured-products_block_center .exclusive
{
...
}

voila.

Link to comment
Share on other sites

OK merci j'avais trouvé seul entre temps ;-))

Par contre je cherche à remonter le pied de page quelqu'un aurait une solution??
je ne trouve pas sur la CSS

www.guyvieules.com

Merci d'avance à tous...

Link to comment
Share on other sites

Alors, si j'en crois les règles du forum :
1/ Quand c'est résolu, on passe son topic en [Résolu] en cliquant sur le bouton "Mark as solved",
2/ On dit comment on a résolu la chose,
3/ Pour traiter d'un autre problème, on ouvre un nouveau topic après avoir pris soin de faire une recherche. :)

Link to comment
Share on other sites

Désolé pour les règles du forum mais il faut m'excuser car je n'ai vraiment pas l'habitude...

Pour clôturer le sujet voila comment j'ai modifié le global.css pour la position et la couleur des boutons dans les produits phares :

j'ai remplacé :
#center_column .products_block a.button,
#center_column .products_block a.exclusive,
#center_column .products_block span.exclusive { margin: 0.5em 1.5em 0.5em 1.5em; float:right; }

par :
#center_column .products_block a.button {
margin: 0.1em 5px 0.2em 0;
margin-left: 170px;
margin-top : -80px;
}

#center_column .products_block a.exclusive {
display: block;
margin-right: 0;
margin-left: 170px;
}

#center_column .products_block span.exclusive {
margin: 0.5em auto 0.5em 0;
display: none;
}


et pour remonter le pied de page et pour mettre un filet autour des blocs :

#center_column .products_block li.last_item_of_line { border-right: none }
#center_column .products_block li.first_item_of_line { clear: both }
#center_column .products_block li.last_line { border-bottom: none }

a remplacer par :

#center_column .products_block li.last_item_of_line { border-right: 1px solid #3D3938 }
#center_column .products_block li.first_item_of_line { clear: both }
#center_column .products_block li.last_line { border-bottom: none }

Plus quelques petites modif pour affiner l'affichage...

Pour la couleur du boutons ajouter au panier j'ai simplement changé la couleur car je voulais le bouton en rouge dans tout le site...

Voila

Merci encore pour votre aide

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...