Si tout comme moi la limite de 5 produits sur la page d’accueil vous ennuie, voici le tutoriel qu’il vous faut !

Mise à jour 11 aout 2017 : J’ai rajouté la possibilité d’aller jusque 35 produits ! donc 5 – 15 – 25 – 35

Nous alors tout simplement rajouter pour l’exemple la possibilité de mettre 15 produits !

Les étapes

1. Comme d’habitude rendez sur votre administration et cliquez sur « Online store »

2. Action -> Edit HTML et CSS

3. Cliquez sur l’onglet « Sections » et trouvez le fichier collection-rows.liquid !

4. Trouvez la zone suivante :

hook-row-list-1

5. Copiez le code ci-dessous en suivant le modèle de l’image ! n’oubliez surtout pas le premier « , »

,
 {
 "value": "15",
 "label": "15"
 },
 {
 "value": "25",
 "label": "25"
 },
 {
 "value": "35",
 "label": "35"
 }

hook-row-list-2

6. Remontez tout en haut du fichier et repérez la zone suivante :

Sans-titre-4

7. Ensuite copiez le code ci-dessous en suivant le modèle de l’image

{% when ’15’%}
{%- assign grid_item_width = ‘small–one-half medium–one-third large–one-third’ -%}
{%- assign image_size = ‘345×550’ -%}
{% when ’25’%}
{%- assign grid_item_width = ‘small–one-half medium–one-third large–one-third’ -%}
{%- assign image_size = ‘345×550’ -%}
{% when ’35’%}
{%- assign grid_item_width = ‘small–one-half medium–one-third large–one-third’ -%}
{%- assign image_size = ‘345×550’ -%}

hook-row-list-4

8. N’oubiez pas de cliquer sur Save en haut à droite pour valider les modifications sur le fichier

9. Il ne vous reste plus qu’a retourner dans customize thème et de voir apparaître l’option 15 😉

dqzdq

Vous pouvez bien entendu adapter le chiffre par tranche de 5

Merci de me laisser une petite note 😉
[Note moyenne: 1 sur 5]

🤗 Vous souhaitez m'encourager à continuer mes Tutos ?

Cliquez sur le bouton ci-dessous pour me laisser un petit pourboire 😉

Payer un coup à Dgeo Dev

Laisser un commentaire

Fermer le menu
×
×

Panier

Tu aimes mes Tutos & mes Articles ?

Alors n'hésites pas à m'encourager à continuer ce Blog !


Je donne 1e à Dgeo Dev

Envie de Booster ton taux de conversion ?

J'ai créé une nouvelle Application Shopify qui devrait te plaire !
Elle va te permettre de créer des Bundles en direct checkout !
N'hésite pas à la tester elle est Gratuite pendant 7 jours

En savoir plus