{"id":59,"date":"2022-12-05T12:49:24","date_gmt":"2022-12-05T11:49:24","guid":{"rendered":"http:\/\/www.myshoponweb.be\/tuto\/?p=59"},"modified":"2022-12-05T12:49:24","modified_gmt":"2022-12-05T11:49:24","slug":"comment-changer-lordre-daffichage-des-produits","status":"publish","type":"post","link":"http:\/\/www.myshoponweb.be\/tuto\/comment-changer-lordre-daffichage-des-produits\/","title":{"rendered":"Comment changer l&rsquo;ordre d&rsquo;affichage des produits ?"},"content":{"rendered":"\n<p>Dans ce tutoriel, nous verrons comment changer l&rsquo;ordre d&rsquo;apparition des produits dans Prestashop.<br>Dans certain cas, il se peut que dans votre catalogue vous vendiez plusieurs produits, mais que vous souhaitiez mettre certains d&rsquo;entre eux plus en avant que d&rsquo;autres.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tri par d\u00e9faut des cat\u00e9gories<\/h2>\n\n\n\n<p>Par d\u00e9faut Prestashop montre les produits par position dans la cat\u00e9gorie, nous verrons par la suite ce que cela signifie. Mais il se peut que vous souhaitiez les exposer par leur nom ou par leur prix.<\/p>\n\n\n\n<p>Pour cela, rendez-vous dans votre back-office Prestashop et allez dans \u00ab\u00a0Param\u00e8tres de la boutique\u00a0\u00bb et ensuite dans \u00ab\u00a0Produits\u00a0\u00bb. Dans le bas de cette page, vous avez une section \u00ab\u00a0Pagination\u00a0\u00bb. Cette section vous permet de configurer le nombre d&rsquo;article qui seront affich\u00e9s par pages, mais aussi le type de tri \u00e0 faire ainsi que l&rsquo;ordre dans le quelle se fait le tri (croissant ou d\u00e9croissant).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"247\" src=\"http:\/\/www.myshoponweb.be\/tuto\/wp-content\/uploads\/2022\/12\/image-1024x247.png\" alt=\"\" class=\"wp-image-70\" srcset=\"http:\/\/www.myshoponweb.be\/tuto\/wp-content\/uploads\/2022\/12\/image-1024x247.png 1024w, http:\/\/www.myshoponweb.be\/tuto\/wp-content\/uploads\/2022\/12\/image-370x89.png 370w, http:\/\/www.myshoponweb.be\/tuto\/wp-content\/uploads\/2022\/12\/image-768x185.png 768w, http:\/\/www.myshoponweb.be\/tuto\/wp-content\/uploads\/2022\/12\/image.png 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Les diff\u00e9rents type de tri sont :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Article :<\/strong> Tri par noms des produits.<\/li>\n\n\n\n<li><strong>Prix du produit :<\/strong> Tri par prix de vente.<\/li>\n\n\n\n<li><strong>Date d\u2019ajout :<\/strong> Tri par date d&rsquo;ajout dans le catalogue.<\/li>\n\n\n\n<li><strong>Date de modification :<\/strong> Tri par date de modification du produit.<\/li>\n\n\n\n<li><strong>Position dans la cat\u00e9gorie :<\/strong> Tri par position dans la cat\u00e9gorie (C&rsquo;est ce que nous allons faire dans ce tuto).<\/li>\n\n\n\n<li><strong>Marque :<\/strong> Tri par marque (Regroupe les produits d&rsquo;une m\u00eame marque).<\/li>\n\n\n\n<li><strong>Quantit\u00e9 du produit :<\/strong> Tri en fonction de votre stock.<\/li>\n\n\n\n<li><strong>R\u00e9f\u00e9rence du produit :<\/strong> Tri par votre r\u00e9f\u00e9rence produit dans Prestashop.<\/li>\n<\/ul>\n\n\n\n<p>Dans le cas ou vous voudriez un ordre personnalis\u00e9, vous s\u00e9lectionnerez donc \u00ab\u00a0Position dans la cat\u00e9gorie\u00a0\u00bb.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Position dans la cat\u00e9gorie<\/h2>\n\n\n\n<p>Pour positionner un article dans sa cat\u00e9gorie, rendez-vous simplement sur votre catalogue puis produits.<br>Sur cette page, vous devez d&rsquo;abord s\u00e9lectionner la cat\u00e9gorie pour laquelle vous voulez changer l&rsquo;ordre des produits, \u00e0 l&rsquo;aide du filtre \u00ab\u00a0Filtrer par cat\u00e9gories\u00a0\u00bb.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"414\" height=\"293\" src=\"http:\/\/www.myshoponweb.be\/tuto\/wp-content\/uploads\/2022\/12\/image-1.png\" alt=\"\" class=\"wp-image-71\" srcset=\"http:\/\/www.myshoponweb.be\/tuto\/wp-content\/uploads\/2022\/12\/image-1.png 414w, http:\/\/www.myshoponweb.be\/tuto\/wp-content\/uploads\/2022\/12\/image-1-346x245.png 346w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/><\/figure>\n<\/div>\n\n\n<p>Une fois fait, une colonne qui se nomme \u00ab\u00a0Position\u00a0\u00bb apparait avec un bouton dans le haut.<\/p>\n\n\n\n<pre class=\"wp-block-verse has-pale-cyan-blue-background-color has-background\">NB: A l'heure d'\u00e9crire ces lignes et pour une raison qui m'\u00e9chappe, ce bouton se nomme \"Commander \u00e0 nouveau\". Je pense qu'il s'agit ici d'une erreur de traduction.<\/pre>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"414\" height=\"293\" src=\"http:\/\/www.myshoponweb.be\/tuto\/wp-content\/uploads\/2022\/12\/image-2.png\" alt=\"\" class=\"wp-image-72\" srcset=\"http:\/\/www.myshoponweb.be\/tuto\/wp-content\/uploads\/2022\/12\/image-2.png 414w, http:\/\/www.myshoponweb.be\/tuto\/wp-content\/uploads\/2022\/12\/image-2-346x245.png 346w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/><\/figure>\n<\/div>\n\n\n<p>Si vous cliquez sur ce bouton, vous pourrez constater que les positions sur chaque ligne sont d\u00e9pla\u00e7able par un simple glisser d\u00e9poser.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"191\" height=\"163\" src=\"http:\/\/www.myshoponweb.be\/tuto\/wp-content\/uploads\/2022\/12\/image-3.png\" alt=\"\" class=\"wp-image-73\"\/><\/figure>\n<\/div>\n\n\n<p>Une fois termin\u00e9, n&rsquo;oubliez pas de sauvegarder vos modification en cliquant sur \u00ab\u00a0Enregistrer et Actualiser\u00a0\u00bb dans le haut de la colonne position. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"228\" height=\"139\" src=\"http:\/\/www.myshoponweb.be\/tuto\/wp-content\/uploads\/2022\/12\/image-4.png\" alt=\"\" class=\"wp-image-74\"\/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Dans ce tutoriel, nous verrons comment changer l&rsquo;ordre d&rsquo;apparition des produits dans Prestashop.Dans certain cas, il se peut que dans votre catalogue vous vendiez plusieurs produits, mais que vous souhaitiez mettre certains d&rsquo;entre eux plus en avant que d&rsquo;autres. Tri par d\u00e9faut des cat\u00e9gories Par d\u00e9faut Prestashop montre les produits par position dans la cat\u00e9gorie, [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":78,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-59","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-non-classe"],"_links":{"self":[{"href":"http:\/\/www.myshoponweb.be\/tuto\/wp-json\/wp\/v2\/posts\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.myshoponweb.be\/tuto\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.myshoponweb.be\/tuto\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.myshoponweb.be\/tuto\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/www.myshoponweb.be\/tuto\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":12,"href":"http:\/\/www.myshoponweb.be\/tuto\/wp-json\/wp\/v2\/posts\/59\/revisions"}],"predecessor-version":[{"id":77,"href":"http:\/\/www.myshoponweb.be\/tuto\/wp-json\/wp\/v2\/posts\/59\/revisions\/77"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.myshoponweb.be\/tuto\/wp-json\/wp\/v2\/media\/78"}],"wp:attachment":[{"href":"http:\/\/www.myshoponweb.be\/tuto\/wp-json\/wp\/v2\/media?parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.myshoponweb.be\/tuto\/wp-json\/wp\/v2\/categories?post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.myshoponweb.be\/tuto\/wp-json\/wp\/v2\/tags?post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}