Glo0bule Posted December 7, 2017 Share Posted December 7, 2017 Bonjour, J'ai amélioré pas mal des trucs grâce au forum & recherches internet, mais là je sèche... Comme vous pouvez voir, la petite flèche de scroll se place en dessous... J'ai essayé de redimensionner les images médium (actuellement en 80px) via le BO, ça ne marche pas, j'ai donc utilisé le module Image Regenerator mais apriori ce n'est pas pris en compte sur mes fiches produit... Et je ne suis même pas certaine que cela résoudrai le problème! Une (ou plusieurs ^^) idée pour régler ça? Merci! J'utilise prestashop 1.6, et le thème Evolution X mon site Link to comment Share on other sites More sharing options...
Glo0bule Posted December 7, 2017 Author Share Posted December 7, 2017 Sans compter que l'encadrement des vignettes est tout moche ... Link to comment Share on other sites More sharing options...
Glo0bule Posted December 16, 2017 Author Share Posted December 16, 2017 UP Link to comment Share on other sites More sharing options...
Ced17 Posted December 17, 2017 Share Posted December 17, 2017 Bonsoir, Pouvez-vous désactiver vos caches pour identifier le fichier à modifier svp. Link to comment Share on other sites More sharing options...
Ced17 Posted December 17, 2017 Share Posted December 17, 2017 Sinon, j'ai fais cela, Bien sur cela modifie également les colonnes sur plusieurs autres éléments, mais je ne pense pas que cela pose problème, regarder en faisant la modif si c'est dérangeant ailleurs quand même. Cela rétablie le tout. Je n'ai trouvé que cette solution dans l'immédiat . Bonne soirée Link to comment Share on other sites More sharing options...
Glo0bule Posted December 20, 2017 Author Share Posted December 20, 2017 Bonjour, Désolée je n'avais pas vu votre réponse... On 17/12/2017 at 9:25 PM, Ced17 said: Bonsoir, Pouvez-vous désactiver vos caches pour identifier le fichier à modifier svp. Comment désactiver les caches s'il vous plaît? Je veux bien un peu d'aide en plus, je ne trouves pas le fichier en question... J'ai réussi à modifier en inspectant comme vous avez fait, mais je ne sais pas comment trouver la "source"... Merci! Link to comment Share on other sites More sharing options...
Glo0bule Posted December 21, 2017 Author Share Posted December 21, 2017 Bon, j'ai désactivé tout les trucs où il y a écrit "cache" >< Du coup j'ai trouvé ça: Mais dans le fichier en question, pas de 15px à supprimer... J'ai trouvé ça qui s'en rapproche le plus, ligne 64 (oui je me suis dit que le 64 ça devait être ça ^^): .col-lg-12 { position: relative; // Prevent columns from collapsing when empty min-height: 1px; // Inner gutter via padding padding-left: ($grid-gutter-width / 2); padding-right: ($grid-gutter-width / 2); } J'ai essayé en supprimant le contenu des parenthèses de padding-left mais non... Link to comment Share on other sites More sharing options...
Glo0bule Posted December 21, 2017 Author Share Posted December 21, 2017 Le fichier en question: _grid.scss Link to comment Share on other sites More sharing options...
Glo0bule Posted December 21, 2017 Author Share Posted December 21, 2017 // // Grid system // -------------------------------------------------- // Set the container width, and override it for fixed navbars in media queries .container { @include container-fixed(); } // mobile first defaults .row { @include make-row(); } // Common styles for small and large grid columns .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { position: relative; // Prevent columns from collapsing when empty min-height: 1px; // Inner gutter via padding padding-left: ($grid-gutter-width / 2); padding-right: ($grid-gutter-width / 2); } // Extra small grid // // Grid classes for extra small devices like smartphones. No offset, push, or // pull classes are present here due to the size of the target. // // Note that `.col-xs-12` doesn't get floated on purpose—there's no need since // it's full-width. .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float: left; } .col-xs-1 { width: percentage((1 / $grid-columns)); } .col-xs-2 { width: percentage((2 / $grid-columns)); } .col-xs-3 { width: percentage((3 / $grid-columns)); } .col-xs-4 { width: percentage((4 / $grid-columns)); } .col-xs-5 { width: percentage((5 / $grid-columns)); } .col-xs-6 { width: percentage((6 / $grid-columns)); } .col-xs-7 { width: percentage((7 / $grid-columns)); } .col-xs-8 { width: percentage((8 / $grid-columns)); } .col-xs-9 { width: percentage((9 / $grid-columns)); } .col-xs-10 { width: percentage((10/ $grid-columns)); } .col-xs-11 { width: percentage((11/ $grid-columns)); } .col-xs-12 { width: 100%; } // Small grid // // Columns, offsets, pushes, and pulls for the small device range, from phones // to tablets. // // Note that `.col-sm-12` doesn't get floated on purpose—there's no need since // it's full-width. @media (min-width: $screen-tablet) { .container { max-width: $container-tablet; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left; } .col-sm-1 { width: percentage((1 / $grid-columns)); } .col-sm-2 { width: percentage((2 / $grid-columns)); } .col-sm-3 { width: percentage((3 / $grid-columns)); } .col-sm-4 { width: percentage((4 / $grid-columns)); } .col-sm-5 { width: percentage((5 / $grid-columns)); } .col-sm-6 { width: percentage((6 / $grid-columns)); } .col-sm-7 { width: percentage((7 / $grid-columns)); } .col-sm-8 { width: percentage((8 / $grid-columns)); } .col-sm-9 { width: percentage((9 / $grid-columns)); } .col-sm-10 { width: percentage((10/ $grid-columns)); } .col-sm-11 { width: percentage((11/ $grid-columns)); } .col-sm-12 { width: 100%; } // Push and pull columns for source order changes .col-sm-push-1 { left: percentage((1 / $grid-columns)); } .col-sm-push-2 { left: percentage((2 / $grid-columns)); } .col-sm-push-3 { left: percentage((3 / $grid-columns)); } .col-sm-push-4 { left: percentage((4 / $grid-columns)); } .col-sm-push-5 { left: percentage((5 / $grid-columns)); } .col-sm-push-6 { left: percentage((6 / $grid-columns)); } .col-sm-push-7 { left: percentage((7 / $grid-columns)); } .col-sm-push-8 { left: percentage((8 / $grid-columns)); } .col-sm-push-9 { left: percentage((9 / $grid-columns)); } .col-sm-push-10 { left: percentage((10/ $grid-columns)); } .col-sm-push-11 { left: percentage((11/ $grid-columns)); } .col-sm-pull-1 { right: percentage((1 / $grid-columns)); } .col-sm-pull-2 { right: percentage((2 / $grid-columns)); } .col-sm-pull-3 { right: percentage((3 / $grid-columns)); } .col-sm-pull-4 { right: percentage((4 / $grid-columns)); } .col-sm-pull-5 { right: percentage((5 / $grid-columns)); } .col-sm-pull-6 { right: percentage((6 / $grid-columns)); } .col-sm-pull-7 { right: percentage((7 / $grid-columns)); } .col-sm-pull-8 { right: percentage((8 / $grid-columns)); } .col-sm-pull-9 { right: percentage((9 / $grid-columns)); } .col-sm-pull-10 { right: percentage((10/ $grid-columns)); } .col-sm-pull-11 { right: percentage((11/ $grid-columns)); } // Offsets .col-sm-offset-1 { margin-left: percentage((1 / $grid-columns)); } .col-sm-offset-2 { margin-left: percentage((2 / $grid-columns)); } .col-sm-offset-3 { margin-left: percentage((3 / $grid-columns)); } .col-sm-offset-4 { margin-left: percentage((4 / $grid-columns)); } .col-sm-offset-5 { margin-left: percentage((5 / $grid-columns)); } .col-sm-offset-6 { margin-left: percentage((6 / $grid-columns)); } .col-sm-offset-7 { margin-left: percentage((7 / $grid-columns)); } .col-sm-offset-8 { margin-left: percentage((8 / $grid-columns)); } .col-sm-offset-9 { margin-left: percentage((9 / $grid-columns)); } .col-sm-offset-10 { margin-left: percentage((10/ $grid-columns)); } .col-sm-offset-11 { margin-left: percentage((11/ $grid-columns)); } } // Medium grid // // Columns, offsets, pushes, and pulls for the desktop device range. // // Note that `.col-md-12` doesn't get floated on purpose—there's no need since // it's full-width. @media (min-width: $screen-desktop) { .container { max-width: $container-desktop; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; } .col-md-1 { width: percentage((1 / $grid-columns)); } .col-md-2 { width: percentage((2 / $grid-columns)); } .col-md-3 { width: percentage((3 / $grid-columns)); } .col-md-4 { width: percentage((4 / $grid-columns)); } .col-md-5 { width: percentage((5 / $grid-columns)); } .col-md-6 { width: percentage((6 / $grid-columns)); } .col-md-7 { width: percentage((7 / $grid-columns)); } .col-md-8 { width: percentage((8 / $grid-columns)); } .col-md-9 { width: percentage((9 / $grid-columns)); } .col-md-10 { width: percentage((10/ $grid-columns)); } .col-md-11 { width: percentage((11/ $grid-columns)); } .col-md-12 { width: 100%; } // Push and pull columns for source order changes .col-md-push-0 { left: auto; } .col-md-push-1 { left: percentage((1 / $grid-columns)); } .col-md-push-2 { left: percentage((2 / $grid-columns)); } .col-md-push-3 { left: percentage((3 / $grid-columns)); } .col-md-push-4 { left: percentage((4 / $grid-columns)); } .col-md-push-5 { left: percentage((5 / $grid-columns)); } .col-md-push-6 { left: percentage((6 / $grid-columns)); } .col-md-push-7 { left: percentage((7 / $grid-columns)); } .col-md-push-8 { left: percentage((8 / $grid-columns)); } .col-md-push-9 { left: percentage((9 / $grid-columns)); } .col-md-push-10 { left: percentage((10/ $grid-columns)); } .col-md-push-11 { left: percentage((11/ $grid-columns)); } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: percentage((1 / $grid-columns)); } .col-md-pull-2 { right: percentage((2 / $grid-columns)); } .col-md-pull-3 { right: percentage((3 / $grid-columns)); } .col-md-pull-4 { right: percentage((4 / $grid-columns)); } .col-md-pull-5 { right: percentage((5 / $grid-columns)); } .col-md-pull-6 { right: percentage((6 / $grid-columns)); } .col-md-pull-7 { right: percentage((7 / $grid-columns)); } .col-md-pull-8 { right: percentage((8 / $grid-columns)); } .col-md-pull-9 { right: percentage((9 / $grid-columns)); } .col-md-pull-10 { right: percentage((10/ $grid-columns)); } .col-md-pull-11 { right: percentage((11/ $grid-columns)); } // Offsets .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: percentage((1 / $grid-columns)); } .col-md-offset-2 { margin-left: percentage((2 / $grid-columns)); } .col-md-offset-3 { margin-left: percentage((3 / $grid-columns)); } .col-md-offset-4 { margin-left: percentage((4 / $grid-columns)); } .col-md-offset-5 { margin-left: percentage((5 / $grid-columns)); } .col-md-offset-6 { margin-left: percentage((6 / $grid-columns)); } .col-md-offset-7 { margin-left: percentage((7 / $grid-columns)); } .col-md-offset-8 { margin-left: percentage((8 / $grid-columns)); } .col-md-offset-9 { margin-left: percentage((9 / $grid-columns)); } .col-md-offset-10 { margin-left: percentage((10/ $grid-columns)); } .col-md-offset-11 { margin-left: percentage((11/ $grid-columns)); } } // Large grid // // Columns, offsets, pushes, and pulls for the large desktop device range. // // Note that `.col-lg-12` doesn't get floated on purpose—there's no need since // it's full-width. @media (min-width: $screen-lg-desktop) { .container { max-width: $container-lg-desktop; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float: left; } .col-lg-1 { width: percentage((1 / $grid-columns)); } .col-lg-2 { width: percentage((2 / $grid-columns)); } .col-lg-3 { width: percentage((3 / $grid-columns)); } .col-lg-4 { width: percentage((4 / $grid-columns)); } .col-lg-5 { width: percentage((5 / $grid-columns)); } .col-lg-6 { width: percentage((6 / $grid-columns)); } .col-lg-7 { width: percentage((7 / $grid-columns)); } .col-lg-8 { width: percentage((8 / $grid-columns)); } .col-lg-9 { width: percentage((9 / $grid-columns)); } .col-lg-10 { width: percentage((10/ $grid-columns)); } .col-lg-11 { width: percentage((11/ $grid-columns)); } .col-lg-12 { width: 100%; } // Push and pull columns for source order changes .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: percentage((1 / $grid-columns)); } .col-lg-push-2 { left: percentage((2 / $grid-columns)); } .col-lg-push-3 { left: percentage((3 / $grid-columns)); } .col-lg-push-4 { left: percentage((4 / $grid-columns)); } .col-lg-push-5 { left: percentage((5 / $grid-columns)); } .col-lg-push-6 { left: percentage((6 / $grid-columns)); } .col-lg-push-7 { left: percentage((7 / $grid-columns)); } .col-lg-push-8 { left: percentage((8 / $grid-columns)); } .col-lg-push-9 { left: percentage((9 / $grid-columns)); } .col-lg-push-10 { left: percentage((10/ $grid-columns)); } .col-lg-push-11 { left: percentage((11/ $grid-columns)); } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: percentage((1 / $grid-columns)); } .col-lg-pull-2 { right: percentage((2 / $grid-columns)); } .col-lg-pull-3 { right: percentage((3 / $grid-columns)); } .col-lg-pull-4 { right: percentage((4 / $grid-columns)); } .col-lg-pull-5 { right: percentage((5 / $grid-columns)); } .col-lg-pull-6 { right: percentage((6 / $grid-columns)); } .col-lg-pull-7 { right: percentage((7 / $grid-columns)); } .col-lg-pull-8 { right: percentage((8 / $grid-columns)); } .col-lg-pull-9 { right: percentage((9 / $grid-columns)); } .col-lg-pull-10 { right: percentage((10/ $grid-columns)); } .col-lg-pull-11 { right: percentage((11/ $grid-columns)); } // Offsets .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: percentage((1 / $grid-columns)); } .col-lg-offset-2 { margin-left: percentage((2 / $grid-columns)); } .col-lg-offset-3 { margin-left: percentage((3 / $grid-columns)); } .col-lg-offset-4 { margin-left: percentage((4 / $grid-columns)); } .col-lg-offset-5 { margin-left: percentage((5 / $grid-columns)); } .col-lg-offset-6 { margin-left: percentage((6 / $grid-columns)); } .col-lg-offset-7 { margin-left: percentage((7 / $grid-columns)); } .col-lg-offset-8 { margin-left: percentage((8 / $grid-columns)); } .col-lg-offset-9 { margin-left: percentage((9 / $grid-columns)); } .col-lg-offset-10 { margin-left: percentage((10/ $grid-columns)); } .col-lg-offset-11 { margin-left: percentage((11/ $grid-columns)); } } Comme ça c'est mieux je crois... Monologue bonjour XD Link to comment Share on other sites More sharing options...
Ced17 Posted December 21, 2017 Share Posted December 21, 2017 Bonjour, Vous devez désactiver les CCC et le cache dans performance. Je ne rentre pas avant ce soir tard, laissez vos caches désactivé pour trouver une autre solution. Merci bonne journée Link to comment Share on other sites More sharing options...
Ced17 Posted December 21, 2017 Share Posted December 21, 2017 Bonsoir, Aie malheureusement pour moi c'est du sass, et on ne peut pas le modifier directement car il est généré automatiquement. Je ne peut pas vous aider la dessus, désolé je vous ferez perdre du temps. Posez la question sur ce forum sur la modification d'un fichier scss. Forum DDLX Bonne soirée Link to comment Share on other sites More sharing options...
Glo0bule Posted December 21, 2017 Author Share Posted December 21, 2017 Mince... Merci d'avoir pris le temps en tout cas ! Link to comment Share on other sites More sharing options...
Glo0bule Posted December 21, 2017 Author Share Posted December 21, 2017 Bon, J'ai fait un test sur une partie que j'ai déjà modifiée dans product.tpl, et en inspectant l'élément ça me renvoie encore sur un fichier .scss. Sur le même chemin que précédemment... Y'a un truc qui va pas :/ Link to comment Share on other sites More sharing options...
Glo0bule Posted December 22, 2017 Author Share Posted December 22, 2017 Bon... Problème résolu. C'était très bête et je suis désolée de vous avoir fait perdre du temps... Donc. Dans le bo, préférence /thème /colonne de gauche /produit/activer. Voilà voilà... Link to comment Share on other sites More sharing options...
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