Prestashop : nombre de produits par page

Sous Prestashop, vous avez par défaut 10 produits qui s’affichent sur les pages de catégorie. Si vous avez beaucoup d’articles dans votre boutique ou si tout simplementla sélection de produits par page par défaut ne vous convient pas, vous avez la possibilité de le modifier. Comme je le disais, 10 produits par défaut sont définis et les paginations suivantes sont 20 produits par page et 50 produits par page.

Pour modifier les choix de la liste déroulante, nous allons surcharger la classe FrontController.php. Créer un fichier FrontController.php dans le dossier www/override/classes/ et insérez le code suivant :

<?php

    class FrontController extends FrontControllerCore
    {
        public function pagination($nbProducts = 10)
        {
            if (!self::$initialized) $this->init();
            $nArray = (int)(Configuration::get('PS_PRODUCTS_PER_PAGE')) != 10 ? array((int)(Configuration::get('PS_PRODUCTS_PER_PAGE')), 8, 12, 16) : array(8, 12, 16);
            // Clean duplicate values
            $nArray = array_unique($nArray);
            asort($nArray);
            $this->n = abs((int)(Tools::getValue('n', ((isset(self::$cookie->nb_item_per_page) AND self::$cookie->nb_item_per_page >= 10) ? self::$cookie->nb_item_per_page : (int)(Configuration::get('PS_PRODUCTS_PER_PAGE'))))));
            $this->p = abs((int)(Tools::getValue('p', 1)));
            $current_url = tools::htmlentitiesUTF8($_SERVER['REQUEST_URI']);
            //delete parameter page
            $current_url = preg_replace('/(\?)?(&)?p=\d+/', '$1', $current_url);
            $range = 2;
            // how many pages around page selected
            if ($this->p < 0) $this->p = 0;
            if (isset(self::$cookie->nb_item_per_page) AND $this->n != self::$cookie->nb_item_per_page AND in_array($this->n, $nArray)) self::$cookie->nb_item_per_page = $this->n;
            if ($this->p > ($nbProducts / $this->n)) $this->p = ceil($nbProducts / $this->n);
            $pages_nb = ceil($nbProducts / (int)($this->n));
            $start = (int)($this->p - $range);
            if ($start < 1) $start = 1;
            $stop = (int)($this->p + $range);
            if ($stop > $pages_nb) $stop = (int)($pages_nb);
            self::$smarty->assign('nb_products', $nbProducts);
            $pagination_infos = array('products_per_page' => (int)Configuration::get('PS_PRODUCTS_PER_PAGE'), 'pages_nb' => $pages_nb, 'p' => $this->p, 'n' => $this->n, 'nArray' => $nArray, 'range' => $range, 'start' => $start, 'stop' => $stop, 'current_url' => $current_url);
            self::$smarty->assign($pagination_infos);
        }
    }

Pour modifier le nombre de produits, modifiez la ligne 9. Vous n’êtes pas non plus limité à 3 choix, vous pouvez en avoir plus : array(4, 8, 12, 16, 20, 24);

Edit :

Afficher tous les produits

Suite à une demande en commentaire, voici le code pour insérer également l’option « Tous » qui comme son nom l’indique, permet d’afficher tous les produits.

Le code à placer dans votre FrontController.php est le même que le précédent, excepté pour la ligne 9 :

$nArray = (int)(Configuration::get('PS_PRODUCTS_PER_PAGE')) != 10 ? array((int)(Configuration::get('PS_PRODUCTS_PER_PAGE')), 3 => 3, 4 => 4, 'Tous' => 1000) : array(3, 4, 1000);

Vous remarquerez qu’il y a un système de key => value. C’est à dire que vous pouvez mettre le texte que vous souhaitez pour telle ou telle nombre de produits affichés. L’option « Tous » affiche en fait au maximum 1000 produits. Vous pouvez mettre 100000 pour être tranquille mais je pars du principe que très peu de personnes ont 1000 produits dans une seule et unique catégorie.

Par ailleurs, il est nécessaire de modifier le fichier pagination.tpl de votre thème (à la ligne 93 chez moi).

Avant :

{foreach from=$nArray item=nValue}
    {if $lastnValue <= $nb_products}
        <option value="{$nValue|escape:'htmlall':'UTF-8'}" {if $n== $nValue}selected="selected" {/if}>{$nValue|escape:'htmlall':'UTF-8'}</option>
    {/if}
    {assign var="lastnValue" value=$nValue}
{/foreach}

Maintenant :

{foreach from=$nArray key="key" item=nValue}
    {if $key == '0'}
        <option value="{$nValue|escape:'htmlall':'UTF-8'}" {if $n== $nValue}selected="selected" {/if}>{$nValue|escape:'htmlall':'UTF-8'}</option>
    {else}
        <option value="{$nValue|escape:'htmlall':'UTF-8'}" {if $n== $nValue}selected="selected" {/if}>{$key|escape:'htmlall':'UTF-8'}</option>
    {/if} 
{/foreach}

21 Comments on “Prestashop : nombre de produits par page”

Reply
Pierre
03.14.2012 at 16 h 02 min
Merci beaucoup, astuce bien utile…
Bonne journée
Pierre
Reply
Hubert
03.28.2012 at 10 h 41 min
Bonjour,
c’est très clair et bien fait. De mon côté, je cherche à limiter le nombre de produit par page et retirer le menu déroulant (10;20 ou 50). Avez-vous une solution ?
Merci d’avance et bonne continuation.
1. Reply
  Jérôme
  03.28.2012 at 10 h 53 min
  Bonjour,
  Personnellement je passerais par les préférences de Prestashop pour limiter le nombre de produits par page : Préférences > Produits > Produits par page.
  Si il y a plus de produits dans la catégorie (catalogue) que le nombre de produits qui doivent s’afficher, les produits s’afficheront dans la catégorie en fonction du type de tri sélectionné. Préférences > Produits > Tri par défaut.
  Puis, je cacherais le menu déroulant en CSS en ajoutant dans le global.css le code display:none; à form.pagination
  De cette façon, si par la suite vous devrez ajouter à nouveau ce menu déroulant, il faudra juste supprimer une ligne de CSS sans toucher au template directement.
  En espérant vous avoir aidé.
  1. Hubert
    03.28.2012 at 10 h 56 min
    Bonjour,
    merci pour votre réponse rapide. J’ai environ 35 produits max par catégorie, donc en mettant 50 produits je suis bon.
    Par contre, j’ai plusieurs form.pagination dans mon global.css et je ne suis pas super doué, lequel dois-je prendre ?
    Merci encore.
  2. Jérôme
    03.28.2012 at 11 h 07 min
    Si je me souviens bien, de base il n’y a qu’un form.pagination.
    Il y a aussi du style pour d’autres éléments appartenants à la forme : form.pagination label, form.pagination select, form.pagination option etc.
    Pour être sûr, vous pouvez mettre ce code tout en bas du fichier global.css :
    form.pagination { display:none; }
  3. Hubert
    03.28.2012 at 11 h 26 min
    Merci, c’est exactement ça, mais en fait, il faudrait que j’affiche 10 produits par page avec la possibilité de consulter la page 1,2,3 ou 4 ….
    C’est un peu confus. Le but étant de prévoir un fond de page pour 10 produits et ainsi ne pas donner la possibilité au client d’afficher plus de 10 produits mis de naviguer sur 4 pages pour 33 produits …
    Je ne sais pas si je suis très clair.
    En tout cas merci encore.
Reply
Jérôme
03.28.2012 at 11 h 49 min
Il y a deux choses : un filtre sur le nombre de produits et la pagination des catégories.
La pagination et le filtre sont gérés par des fichiers et des fonctions différentes.
Nativement, tous les thèmes de Prestashop incluent la pagination.
Le fait de régler le nombre de produits par page va modifier le nombre de pages en fonction du nombre de produits présents dans la catégorie.
Dans votre cas, il faudra mettre 10 produits par page et cacher le menu déroulant.
Par contre, j’imagine que si c’est une image de fond et qu’il n’y a que 3 produits, il y aura 7 emplacements vides. Mais ceci n’est pas le sujet, je vous laisse régler ça ;)
1. Reply
  Hubert
  03.28.2012 at 12 h 01 min
  Nickel, en fait,j’avais mis 50 produits, mais en mettant 10, j’ai bien les numéros de page.
  Merci beaucoup, et pour info, j’ai une rubrique sans produits et le scroll s’arrête aux modules de côté.
  Merci encore et bonne continuation, je vais garder votre site en favori.
  Cordialement.
Reply
Ludovic
07.06.2012 at 18 h 45 min
Bonjour,
Merci pour cette très bonne astuce, néanmoins, quand on utilise le module advanced_search4 et que l’on sélectionne un critère, la mise en forme repart comme si la modification (l’ajout du Front controler) n’était pas existante.
Avez-vous une idée pour régler ce problème ?
Merci,
Ludovic
1. Reply
  Jérôme
  07.09.2012 at 15 h 01 min
  Bonjour,
  Je n’utilise pas le module et je ne le possède pas.
  Je ne peux donc pas regarder mais il peut y avoir une incompatibilité quelque part.
  Avez-vous testé ce module sur une version de base ?
  Lorsque vous modifiez le nombre de produits par page, des paramètres sont ajoutées dans l’url. Par exemple : ?n=20&id_category=5
  Et comme votre module utilise la navigation à facette (entre autre), il ajoute d’autres paramètres dans l’url (je présume). Peut être qu’il ne conserve tout simplement pas les paramètres précédents.
  1. Ludovic
    07.11.2012 at 7 h 24 min
    Bonjour,
    Merci de votre réponse, j’ai résolu ce problème (qui n’en était pas vraiment un).
    Voici la solution, si cela peut servir à d’autres.
    En fait le module advanced_search 4 propose dans l’onglet « comportement » une ligne qui demande le nombre de produit à afficher par page qu’il suffit de renseigner à sa convenance.
    Bonne journée,
    Ludovic
Reply
Jonathan
08.15.2012 at 22 h 12 min
Bonjour, l’info à l’air pas mal en revanche pour moi cela n’a pas fonctionné, en revanche j’avais d’autres surcharges peut-être peut-il y avoir des conflits?
Reply
Florent
08.22.2012 at 15 h 35 min
Super :)
Et comment faire pour afficher tout les produits d’une catégorie ?
1. Reply
  Jérôme
  08.22.2012 at 15 h 52 min
  Pour toutes les catégories, la méthode simple est de passer par le back-office : Préférences > Produits > Produits par page et de mettre un grand nombre. Si c’est pour une catégorie en particulier, il va falloir bidouiller les fichiers sources :/
  1. Florent
    08.22.2012 at 17 h 32 min
    Non mais je voulais dire proposer l’option 10,20 ,50 , Tous.
  2. Jérôme
    08.22.2012 at 21 h 57 min
    Ah je me disais, ça ne pouvait pas être aussi facile :p
    J’ai mis à jour l’article pour expliquer comment faire (cf partie ‘Edit’).
  3. Florent
    08.23.2012 at 7 h 29 min
    ok Merci beaucoup ça marche. Parcontre j’ai un petit soucis, lorsque je modifie la ligne 9.
    alors ça ne me renvois que les deux premières valeurs dans la liste déroulante… 10 et 50… je ne comprends pas si j’ai fait une érreur quelques part.
    deuxième question pourquoi modifier pagination.tpl ?
  4. Jérôme
    08.23.2012 at 7 h 33 min
    Cela ne fonctionne pas car vous n’avez justement pas modifié pagination.tpl.
    A la base, il n’y a que des valeurs. Nous avons modifié les fichiers sources de façon à attribuer une valeur à une clé.
    Le fichier pagination.tpl de base ne prend pas en compte les clés, donc il ne va vous afficher que les nombres dont la clé est identique à la valeur (en gros). C’est pour cette raison que dans votre cas, il n’affiche que 10 et 50.
Reply
Fabrice
03.31.2013 at 16 h 15 min
Bonjour Jérôme,
merci pour ton tutorial. J’ai trouvé ton site web en recherchant comment supprimer cette possibilité dans Prestashop.
Sais-tu comment faire pour supprimer (totalement) la possibilité de choisir le nombre de produits par page ? C’est à dire supprimer le « Lister : produits par page », plus le menu déroulant sous Prestashop 1.5.3.1 STP ?
Merci pour ta réponse.
Cordialement
1. Reply
  Jérôme
  04.01.2013 at 11 h 41 min
  Je n’ai plus cette fonctionnalité sur ma 1.5. D’ailleurs il me semble que le thème de base ne le possède pas non plus.
  J’avais l’habitude d’aller dans le pagination.tpl et de commenter les lignes qui appellent cette fonctionnalité :
  {if $nb_products > 10}
  [...]
  {/if}
Reply
Florent
06.30.2013 at 12 h 00 min
Bonjour,
Je n’arrive pas à reproduire cette surcharge sur un PrestaShop 1.5.4.1 …
J’ai recopié la function pagination du fichier /www/classes/controller/FrontController.php …
Je l »ai mise dans un nouveau fichier /www/override/classes/controller/FrontController.php à l’intérieur d’une class FrontController extends FrontControllerCore
J’ai fait les modifs à la ligne qui va bien pour les nouvelles valeurs, mais rien ne change dans mon front …
J’ai essayé de mettre ce nouveau fichier dans d’autres répertoires (/override/classes/, /override/controllers/front, …) mais rien non plus …
J’ai raté quelque chose ?
Merci d’avance

Afficher tous les produits

21 Comments on “Prestashop : nombre de produits par page”

Laisser un commentaire Annuler la réponse