minimeca Posted January 9, 2020 Posted January 9, 2020 bonsoir a tous j'ai rien trouvé sur le sujet : quand je suis sur mon téléphone, les produits sont affichés sur une seule colonne et je voudrais au moins 2 colonnes merci ! mon site = https://www.mini-meca-rc.com/ Share this post Link to post Share on other sites More sharing options...
Eolia Posted January 9, 2020 Posted January 9, 2020 Modifiez votre product-list.tpl Vous devez avoir quelque chose qui ressemble à ça {if isset($products) && $products} {*define number of products per line in other page for desktop*} {if $page_name !='index' && $page_name !='product'} {assign var='nbItemsPerLine' value=3} {assign var='nbItemsPerLineTablet' value=2} {assign var='nbItemsPerLineMobile' value=3} {else} {assign var='nbItemsPerLine' value=4} {assign var='nbItemsPerLineTablet' value=3} {assign var='nbItemsPerLineMobile' value=2} {/if} Share this post Link to post Share on other sites More sharing options...
minimeca Posted January 9, 2020 Posted January 9, 2020 ahhhhh trop fort Eolia, je teste de suite Share this post Link to post Share on other sites More sharing options...
minimeca Posted January 9, 2020 Posted January 9, 2020 j'ai répondu trop vite ..... je fais quoi avec ça car j'ai bien ça dans mon TPL ? Share this post Link to post Share on other sites More sharing options...
Eolia Posted January 9, 2020 Posted January 9, 2020 il faut mettre un col-xs-6 au lieu de 12 dans ce cas: Share this post Link to post Share on other sites More sharing options...
minimeca Posted January 9, 2020 Posted January 9, 2020 je ne vois pas ce texte dans le fichier .... Share this post Link to post Share on other sites More sharing options...
Mediacom87 Posted January 10, 2020 Posted January 10, 2020 <li class="ajax_block_product{if $page_name == 'index' || $page_name == 'product'} col-xs-12 col-sm-4 col-md-3{else} col-xs-12 col-sm-6 col-md-4{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLine == 0} last-in-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLine == 1} first-in-line{/if}{if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModulo)} last-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 0} last-item-of-tablet-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 1} first-item-of-tablet-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 0} last-item-of-mobile-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 1} first-item-of-mobile-line{/if}{if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModuloMobile)} last-mobile-line{/if}"> Il y a normalement cette ligne dans votre fichier et vous voyez bien le col-xs-12 qui applique donc la règle d'usage des 12 colonnes de la grille comme cela est expliqué sur https://getbootstrap.com/docs/3.3/css/#grid Share this post Link to post Share on other sites More sharing options...
Eolia Posted January 10, 2020 Posted January 10, 2020 Je vous ai fait la modif (plus un chouïa de css^^) Share this post Link to post Share on other sites More sharing options...
minimeca Posted January 10, 2020 Posted January 10, 2020 (edited) merci pour votre aide , ça marche au poil !! je viens de modifier le tpl Edited January 10, 2020 by minimeca (see edit history) Share this post Link to post Share on other sites More sharing options...
minimeca Posted January 10, 2020 Posted January 10, 2020 il y a 2 minutes, Eolia a dit : Je vous ai fait la modif (plus un chouïa de css^^) c'est a dire ?? Share this post Link to post Share on other sites More sharing options...
Eolia Posted January 10, 2020 Posted January 10, 2020 Vous ne voyez pas de différence ??? Share this post Link to post Share on other sites More sharing options...
minimeca Posted January 10, 2020 Posted January 10, 2020 (edited) a priori on a modifié le fichier en même temps ..... mais qui a enregistré en dernier ? Edited January 10, 2020 by minimeca (see edit history) Share this post Link to post Share on other sites More sharing options...
minimeca Posted January 10, 2020 Posted January 10, 2020 un question un peu plus général concernant l'affichage mobile = tout est modifiable ? par exemple la taille de la case AJOUTER AU PANIER est trop grosse ... Share this post Link to post Share on other sites More sharing options...
Eolia Posted January 10, 2020 Posted January 10, 2020 oui regardez du côté des à @media queries css Share this post Link to post Share on other sites More sharing options...
minimeca Posted January 10, 2020 Posted January 10, 2020 là tu me parles chinois, mais je vais chercher Share this post Link to post Share on other sites More sharing options...
minimeca Posted January 10, 2020 Posted January 10, 2020 si quelqu'un a la réponse ... ça m’arrangerait c'est trop compliqué pour moi ☺️ Share this post Link to post 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