minimeca Posted January 9, 2020 Share 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/ Link to comment Share on other sites More sharing options...
Eolia Posted January 9, 2020 Share 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} Link to comment Share on other sites More sharing options...
minimeca Posted January 9, 2020 Author Share Posted January 9, 2020 ahhhhh trop fort Eolia, je teste de suite Link to comment Share on other sites More sharing options...
minimeca Posted January 9, 2020 Author Share Posted January 9, 2020 j'ai répondu trop vite ..... je fais quoi avec ça car j'ai bien ça dans mon TPL ? Link to comment Share on other sites More sharing options...
Eolia Posted January 9, 2020 Share Posted January 9, 2020 il faut mettre un col-xs-6 au lieu de 12 dans ce cas: Link to comment Share on other sites More sharing options...
minimeca Posted January 9, 2020 Author Share Posted January 9, 2020 je ne vois pas ce texte dans le fichier .... Link to comment Share on other sites More sharing options...
Mediacom87 Posted January 10, 2020 Share 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 Link to comment Share on other sites More sharing options...
Eolia Posted January 10, 2020 Share Posted January 10, 2020 Je vous ai fait la modif (plus un chouïa de css^^) Link to comment Share on other sites More sharing options...
minimeca Posted January 10, 2020 Author Share 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) Link to comment Share on other sites More sharing options...
minimeca Posted January 10, 2020 Author Share 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 ?? Link to comment Share on other sites More sharing options...
Eolia Posted January 10, 2020 Share Posted January 10, 2020 Vous ne voyez pas de différence ??? Link to comment Share on other sites More sharing options...
minimeca Posted January 10, 2020 Author Share 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) Link to comment Share on other sites More sharing options...
minimeca Posted January 10, 2020 Author Share 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 ... Link to comment Share on other sites More sharing options...
Eolia Posted January 10, 2020 Share Posted January 10, 2020 oui regardez du côté des à @media queries css Link to comment Share on other sites More sharing options...
minimeca Posted January 10, 2020 Author Share Posted January 10, 2020 là tu me parles chinois, mais je vais chercher Link to comment Share on other sites More sharing options...
minimeca Posted January 10, 2020 Author Share Posted January 10, 2020 si quelqu'un a la réponse ... ça m’arrangerait c'est trop compliqué pour moi ☺️ 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