Jump to content

Recommended Posts

Bonjour à tous

Prestashop 1.6.1.16 / theme : default-bootstrap

Après 2 heures de recherches et de test, je sollicite votre aide pour un souci d'affichage de la page "one page checkout"

Je joins une capture d'écran

En fait je souhaiterai simplement que les éléments de la page s'affichent sur toute le largeur de la page.

En cherchant avec la console Chrome, ces éléments me renvoie vers global.css et en particulier :

 

@media (min-width: 768px)

.col-sm-9 {

width: 75%;

Ok, mais si je passe le width à 100%, les éléments de la page opc s'affichent bien sur toute la largeur mais cette modification à des conséquences désastreuses sur les autres pages du site.

J'ai aussi essayer de modifier le fichier order-opc.css en rajoutant width:100% à #order-opc mais cela ne fonctionne pas.

Je vous remercie par avance pour votre aide 

 

 

 

 

Capture.JPG

Edited by base888 (see edit history)

Share this post


Link to post
Share on other sites

Bonjour Eolia

Merci pour votre réponse mais je parlais de .col-sm-9 et pas de  col-lg-9.

Si je comprends bien il faut modifier la largeur du container mais ou ?

Je ne vois rien dans la console qui fait référence à la largeur d'un container quand j'inspecte le code de la page.

 

Edited by base888 (see edit history)

Share this post


Link to post
Share on other sites

Déjà, je suis bien gentil de répondre parce que sans url ni thème je dois deviner, ensuite il faut chercher un peu:

image.thumb.png.e7590f85f969eada6ed8c34337d87ef0.png

Si vous voulez modifier la taille du container que pour l'opc il faudra préciser la règle:

.order .container {width: 100%;max-width: 100%}

  • Thanks 1

Share this post


Link to post
Share on other sites

Merci pour votre aide Eolia, le thème c'est default-bootstrap et voici l'URL de ma page one page checkout

 

la règle .order .container {width: 100%;max-width: 100%}, je la place dans global.css ou order-opc.css ?

Je vous remercie pour votre aide et votre temps

 

 

Edited by base888 (see edit history)

Share this post


Link to post
Share on other sites

Où vous voulez, ça fonctionne dans les 2 par contre il faudra désactiver la colonne de gauche dans cette page car c'est elle (en display:none) qui provoque le sm-9

 

image.thumb.png.736c715fbb0ad0ade676b52b4b524892.png

  • Thanks 1

Share this post


Link to post
Share on other sites

Un grand merci Eolia, J'ai désactivé ce que vous me demandiez dans le thème via l'admin et ca fonctionne.

Par contre je conserve la première version de la règle :

.order .container {width: 100%;max-width: 100%}

car si je mets :

.order-opc .container {width: 100%;max-width: 100%}

les éléments s'affichent alors sur l'intégralité de la page sans respecter les marges à droite et à gauche comme sur le reste du site.

Merci Eolia et bonne soirée à vous

 

Share this post


Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More