Affichage nombre de produits par ligne

[chti56]

Bonjour,

Toujours avec mon site local avec PS 1.6, je cherche le moyen d'augmenter le nombre de produits affichés par ligne. Actuellement j'ai 3 produits qui s'affichent par ligne (voir capture jointe) lorsque j'affiche les produits d'une catégorie et je voudrais augmenter ce nombre.

Même 'problème' sur la page d'accueil où 4 produits sont affichés pour l'onglet "Nouveaux produits" ou "Populaire". Sans doute un fichier css ou tpl à modifier ?

Merci pour votre aide.

JP

[Manu-41]

c'est un fichier tpl à modifier, il sont certainement en col-md-4

modifie les en col-md-2 ou col-sm-2

 

[Eolia]

ouvrez le fichier /themes/votre_theme/product-list.tpl, ce paramètre se trouve en haut de page

[chti56]

Merci à vous deux.

Je vous tiens au courant de mes essais.

JP

[chti56]

Voici ce que j'obtiens (voir fichier joints) quand j'ai modifié le fichier product-list.tpl comme ceci:

col-xs-12 col-sm-4 col-md-2{else} col-xs-12 col-sm-6 col-md-2

J'aurais voulu avoir 6 vignettes par ligne...

Que signifient les paramètres col-sm et col-md ?

JP

[Eolia]

Non il ne faut pas toucher à ca, c'est plus haut qu'il faut modifier

	{*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}

 

[chti56]

J'arrive à ce résultat pour l'affichage des produits: voir fichier joint. Jai bien (comme souhaité) 6 produits par ligne.

Voici ce que j'ai modifié pour cela ( aux deux endroits que vous m'avez indiqués):

{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=6}
        {assign var='nbItemsPerLineTablet' value=2}
        {assign var='nbItemsPerLineMobile' value=3}
    {else}
        {assign var='nbItemsPerLine' value=6}
        {assign var='nbItemsPerLineTablet' value=3}
        {assign var='nbItemsPerLineMobile' value=2}
    {/if}
    {*define numbers of product per line in other page for tablet*}
    {assign var='nbLi' value=$products|@count}
    {math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}
    {math equation="nbLi/nbItemsPerLineTablet" nbLi=$nbLi nbItemsPerLineTablet=$nbItemsPerLineTablet assign=nbLinesTablet}
    <!-- Products list -->
    <ul{if isset($id) && $id} id="{$id}"{else} id="product_list"{/if} class="product_list grid row{if isset($class) && $class} {$class}{/if}">
    {foreach from=$products item=product name=products}
        {math equation="(total%perLine)" total=$smarty.foreach.products.total perLine=$nbItemsPerLine assign=totModulo}
        {math equation="(total%perLineT)" total=$smarty.foreach.products.total perLineT=$nbItemsPerLineTablet assign=totModuloTablet}
        {math equation="(total%perLineT)" total=$smarty.foreach.products.total perLineT=$nbItemsPerLineMobile assign=totModuloMobile}
        {if $totModulo == 0}{assign var='totModulo' value=$nbItemsPerLine}{/if}
        {if $totModuloTablet == 0}{assign var='totModuloTablet' value=$nbItemsPerLineTablet}{/if}
        {if $totModuloMobile == 0}{assign var='totModuloMobile' value=$nbItemsPerLineMobile}{/if}
        <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-2{/if}...

 

.. reste à régler le cas de l'onglet Nouveautés où le nombre de produits affichés est toujours de  4...

Je continue mes essais.

JP

[Eolia]

Avant de vous énerver sur Nouveautés, videz les caches Presta svp car c'est le même fichier tpl qui est utilisé^^

[chti56]

Pour avoir le même résultat pour l'onglet Nouveautés, j'ai modifié ceci:

col-xs-12 col-sm-4 col-md-2{else} col-xs-12 col-sm-6 col-md-2

Grâce à vos indications je suis arrivé à ce que je souhaitais avoir...

MERCI beaucoup.

JP

[chti56]

J'ai bien vidé les caches...  Il y avait deux endroits à modifier comme je l'ai indiqué dans ma précédente réponse.

J'ai voulu aller étape après étape pour éviter les 'mélanges'.

Merci.

JP

[Qcwng]

Bonjour,

 

Je me permets de répondre à cet ancien sujet car j'ai le même besoin mais je n'arrive pas à trouver ce fameux product-list.tpl.

J'utilise un thème "warehouse" et il y a plusieurs fichiers product-list.tpl mais aucun ne contient ce bout de code qui contrôle le nombre de produit affiché par ligne que vous avez évoqué.

La version Prestashop que j'utilise est celui de 1.7.7.0,

J'ai un bout de code dans un des fichiers product-list.tpl qui se rapproche le plus de ce que vous avez dit est le suivant :

{block name='product_miniature_item'}

    <div class="js-product-miniature-wrapper {if isset($carousel) && $carousel}product-carousel{else}

    {if isset($elementor) && $elementor}

    col-{$nbMobile} col-md-{$nbTablet} col-lg-{$nbDesktop} col-xl-{$nbDesktop}

Si c'est bien ici, pouvez-vous me dire les modifications que je dois effectuer s'il vous plait ?

Si ce n'est pas ce fichier, pouvez-vous m'indiquer l'emplacement exacte de ce fichier ?

 

Merci par avance,

Thierry

[solsol69]

Le 03/04/2021 à 3:32 PM, Qcwng a dit :

J'utilise un thème "warehouse"

Bonjour

Essayez ceci

 

Edited April 4, 2021 by solsol69 (see edit history)

[Qcwng]

20 minutes ago, solsol69 said:

Bonjour

Essayer ceci

 

Oh, merci Solsol69 !!!! C'est vraiment sympa ! Vous m'avez sauvez la vie !

[solsol69]

Avec plaisir.

[Qcwng]

21 hours ago, solsol69 said:

Avec plaisir.

Hello Solsol,

Je me permets de vous poser une autre question vu que vous aussi vous utilisez Warehouse.

Est-ce qu'il est normal que chez moi, en local, le thème Warehouse ne marche pas ? 

Exemple : 

Pagebuilder m'indique que mon store est en maintenance alors c'est pas le cas.

Après l'activation du thème, tout disparait sur le frontoffice à part le header et aucun lien ne marche.

Est-ce qu'il y aurait des paramétrages à faire avant l'installation du thème Warehouse en local ? Le thème par défaut de prestashop marche très bien.

Thierry

 

[solsol69]

il y a 17 minutes, Qcwng a dit :

Je me permets de vous poser une autre question vu que vous aussi vous utilisez Warehouse.

Bonjour

Afin de respecter les règles du forum et de ne pas polluer ce topic ( 1 topic = 1 question ) le mieux serait de créer un autre topic.