PS 1.6 = affichage sur mobile

[minimeca]

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/

[Eolia]

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}

 

[minimeca]

ahhhhh trop fort Eolia, je teste de suite

[minimeca]

j'ai répondu trop vite ..... je fais quoi avec ça car j'ai bien ça dans mon TPL ?

[Eolia]

il faut mettre un col-xs-6 au lieu de 12 dans ce cas:

[minimeca]

je ne vois pas ce texte dans le fichier ....

[Mediacom87]

<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

[Eolia]

Je vous ai fait la modif (plus un chouïa de css^^)

[minimeca]

merci pour votre aide , ça marche au poil !!

je viens de modifier le tpl

Edited January 10, 2020 by minimeca (see edit history)

[minimeca]

il y a 2 minutes, Eolia a dit :

Je vous ai fait la modif (plus un chouïa de css^^)

c'est a dire ??

[Eolia]

Vous ne voyez pas de différence ???

 

[minimeca]

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)

[minimeca]

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 ...

[Eolia]

oui regardez du côté des à @media queries css

[minimeca]

là tu me parles chinois, mais je vais chercher

[minimeca]

si quelqu'un a la réponse ... ça m’arrangerait 

c'est trop compliqué pour moi ☺️