display Tabs, col-md-6

[Ninello]

Bonjour,

 

 

Je me permet d'ouvrir un sujet au sujet de la tabs descriptif produits.. col-md-6

sur prestashop 1.7 elle se trouve complétement à droite ce qui rend un grand blanc sur la gauche

 

je voudrais que ce soit centré et élargis., hors je n'arrive pas à le faire sauf en bougeant les marges, mais ce n'est pas la bonne solution.

 

Je suis ne suis pas un bon codeur, donc voila pourquoi je me permet d'ouvrir ce sujet.

voila page de mon site pour mieux comprendre ma demande.

 

https://r-discount.com/android/102-xiaomi-redmi-note-4-pro-55inch-fhd-25d-arc-screen-martphone-helio-x20-mt6797-deca-core-3gb-ram-64gb-rom-.html

 

la colonne description/ detail du produit sois sur la gauche ( que ce soit étendu )

pour que je puisse essayer d'afficher le module produit de la même catégorie en horizontal et non vertical, que je n'arrive pas à faire aussi

 

 

 

Un grand merci pour vos aides.  Voici l'exemple que je voudrais que cela donne.

 

 

 

 

 

 

Edited April 13, 2017 by Ninello (see edit history)

[iXs]

Il faut que tu sortes le div tabs de ta colonne en md-6, il faut donc modifier le TPL.

[Ninello]

Bonjour,

 

Merci beaucoup,

savez vous quel fichier svp ? pour que je puisse comprendre comment y retirer svp?

pour le moment j'ai pas encore trop touché au fichier TPL,

Je touche le css sur le thème.css

 

Merci bcp, c'est simpas de votre part d'avoir répondu aussi vite

[Ariane Web et Plus]

La description prend a peu prêt 100% est ce que le problème est résolu ?

[Ninello]

Bonjour,

 

Oui j'ai bien réussis, en changeant le code de la col-6 dans le fichier product.tpl.

 

Merci

[Hubert E-connecteur]

Bonjour,

 

La manière la plus simple est d'utiliser la classe "container" dans votre template.

Soit vous ajoutez la classe "container" directement aux tabs :

<div class="tabs container">

Soit vous "wrappez" la classe :

<div class="container">
      <div class="tabs">

Voici le résultat en faisant cela : http://b3.ms/KkdA3O0YA3Jq

 

Attention car ainsi l'image de fond du site ne sera pas assez haute pour tout couvrir.

 

Pour avoir un résultat propre, vous pouvez modifier dans le CSS :

 

theme.css:ligne 11482

#wrapper {
    background-image: url(../img/bg.jpg); 
    background-attachment: fixed; 
    background-size: cover;
}

[Ninello]

Bonjour Hubert E-connecteur,

 

Merci beaucoup pour votre aide,

j'avais compris le principe, mais je ne savais pas quel commande rajouter pour le faire.

Merci beaucoup,

En vous souhaitant un bon week end de pâques