Jump to content

Des images sur plusieurs colonnes dans le header


Recommended Posts

Bonjour,

 

Lorsque j'ajoute des images avec le configurateur de thème dans le point d'accroche "home" elle sont rangées sur 3 colonne.

 

Par contre, lorsque je fais la même chose sur le point d'accroche top, elles restent sur 1 colonne.

 

J'aimerais avoir un slider plus petit et du coup mettre les images sur 2 colonnes

 

Comment faire svp (de préférence sans toucher au code) ??

 

Merci.

 

PS : Je trouve sidérant d'avoir été obligé de toucher au CSS pour pouvoir avoir la 5e image (celle qui s'affichait sur 2 colonne) comme les autres.

Link to comment
Share on other sites

de quel configurateur de thème parlez-vous ?

quelle version de Prestashop ?

thème natif ?

URL du site ?

 

merci

 

Prestashop 1.6

thème default bootstrap

configurateur d'origine

www.magik-net.fr

 

Je n'ai pas encore réduit le slider, mais j'ai essayé de le désactiver et de le dégreffer du hook header et les images restent à droite sur 1 colonne

 

Merci

Link to comment
Share on other sites

j'ai du mal à suivre ce que vous voulez faire.

en fait , vous voudriez 2 colonnes à droite du slider, vous parlez bien de l'image "3DAYS SALE GET UP TO 25% OFF" ?

 

mettez 3 images à cet emplacement, pour que je vois ce qu'il se passe.

 

dans tous les cas, ce n'est pas prévu nativement, il faudra toucher au code.

(et pas certain qu'on puisse rien qu'avec le css)

Link to comment
Share on other sites

j'ai du mal à suivre ce que vous voulez faire.

en fait , vous voudriez 2 colonnes à droite du slider, vous parlez bien de l'image "3DAYS SALE GET UP TO 25% OFF" ?

 

mettez 3 images à cet emplacement, pour que je vois ce qu'il se passe.

 

dans tous les cas, ce n'est pas prévu nativement, il faudra toucher au code.

(et pas certain qu'on puisse rien qu'avec le css)

 

 

Oui c'est exactement ce que je veux. quand je mets 3 images, la 3e se place sous la 2e et un espace se crée sous le slider (même si je réduis la taille)

Link to comment
Share on other sites

alors il vous faut modifier le fichier themes/votretheme/modules/homeslider/homeslider.tpl

pour changer la class de la div homepage-slider

par exemple comme ceci

<div id="homepage-slider" class="col-xs-4">
(je ne sais pas quelle largeur vous voulez
ensuite, dans modules/themeconfigurator/css/hooks.css
modifier la largeur de #htmlcontent_top
par exemple, width : 50%;
Link to comment
Share on other sites

 

alors il vous faut modifier le fichier themes/votretheme/modules/homeslider/homeslider.tpl

pour changer la class de la div homepage-slider

par exemple comme ceci

<div id="homepage-slider" class="col-xs-4">
(je ne sais pas quelle largeur vous voulez
ensuite, dans modules/themeconfigurator/css/hooks.css
modifier la largeur de #htmlcontent_top
par exemple, width : 50%;

 

 

Bon, tant qu'à modifier le code, j'ai viré le slide d'origine et j'ai intégré mon slide 3D en html

 

Merci 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...