Éditeur de thème Shopify - Bloc promotionnel de la collection

Aperçu

Ce guide vous guidera à travers l’ajout et la personnalisation du bloc « Promo de la collection Affirm » dans l'Éditeur de thème Shopify.

Éditeur de thème Shopify - Bloc promotionnel de la collection

Suivez les étapes ci-dessous pour ajouter la « Promo de la collection Affirm » à votre boutique Shopify.

Allez à l'adresse admin.shopify.com

1. Cliquez sur « Boutique en ligne »

À partir de « Accueil », accédez à « Boutique en ligne » et cliquez sur.

2. Cliquez sur « Thèmes »

Sélectionnez « Thèmes » dans le menu.

3. Cliquez sur « Personnaliser »

Cliquez sur « Personnaliser » pour le thème souhaité.

4. Cliquez sur « Collections »

Accédez à « Collections ».

5. Cliquez sur « Collection par défaut »

Sélectionnez l'option « Collection par défaut » ou toute collection dont vous souhaitez avoir la messagerie APQ d'Affirm.

6. Cliquez sur « Ajouter un bloc »

Cliquez sur le lien « Ajouter un bloc ».

7. Cliquez sur « Promo de la collection Affirm »

Choisissez la « Promo de la collection Affirm » parmi les options proposées.

8. Personnalisations

Il existe de nombreuses options de personnalisation pour la promotion du produit Affirm. Ces options sont les suivantes : alignement du texte, taille de la police, couleur du logo et du type de logo.

9. Cliquez sur « Enregistrer »

Une fois vos sélections effectuées, cliquez sur « Enregistrer ».

Utilisation des paramètres avancés

Si le message Affirm « Aussi peu que » (APQ) ne s'affiche pas sur la page Panier après l'ajout du bloc, vous devrez peut-être configurer les paramètres avancés. Sachez que la navigation dans ces paramètres peut nécessiter des compétences techniques supplémentaires.

Réglage	Description
Sélecteur de collection personnalisé	Il s'agit d'un sélecteur qui fait référence à un élément de collection sur une page de collection. Cliquez à droite et sélectionnez « Inspecter» sur n'importe quel produit d'une collection sur une page de collection. Faites défiler le code source vers le haut jusqu'à ce que vous trouviez la classe de l'élément, généralement un élément`<div>` , qui renferme cet élément de produit en tant qu'élément de liste. Cette classe inclut souvent « .collection» dans son nom.
Sélecteur de carte personnalisé	Il s'agit d'un sélecteur pour un élément html qui fait référence à un élément d'information sur une fiche produit dans une collection. Sur une page de collection, sélectionnez un produit de la collection, puis cliquez à droite sur l'information située sous l'image du produit et choisissez « Inspecter ». Faites défiler vers le haut dans le code source pour trouver l'élément le plus proche, généralement un `<div>`, qui englobe tous les éléments informatifs du produit, tels que le nom, le prix, etc. La classe de cet élément est la valeur recherchée.
Sélecteur de prix personnalisé	Il s'agit d'un sélecteur pour un élément html qui contient le prix d'un produit dans une collection. Trouvez le prix de n’importe quel produit d’une collection sur une page de collection, cliquez à droite sur l’élément affichant le prix, souvent `<span>`, et sélectionnez « Inspecter ». La classe de cet élément représente la valeur de ce sélecteur.

Réglage

Description

Sélecteur de collection personnalisé

Il s'agit d'un sélecteur qui fait référence à un élément de collection sur une page de collection.

Cliquez à droite et sélectionnez « Inspecter» sur n'importe quel produit d'une collection sur une page de collection. Faites défiler le code source vers le haut jusqu'à ce que vous trouviez la classe de l'élément, généralement un élément<div> , qui renferme cet élément de produit en tant qu'élément de liste. Cette classe inclut souvent « .collection» dans son nom.

Sélecteur de carte personnalisé

Il s'agit d'un sélecteur pour un élément html qui fait référence à un élément d'information sur une fiche produit dans une collection.

Sur une page de collection, sélectionnez un produit de la collection, puis cliquez à droite sur l'information située sous l'image du produit et choisissez « Inspecter ». Faites défiler vers le haut dans le code source pour trouver l'élément le plus proche, généralement un <div>, qui englobe tous les éléments informatifs du produit, tels que le nom, le prix, etc. La classe de cet élément est la valeur recherchée.

Sélecteur de prix personnalisé

Il s'agit d'un sélecteur pour un élément html qui contient le prix d'un produit dans une collection.
Trouvez le prix de n’importe quel produit d’une collection sur une page de collection, cliquez à droite sur l’élément affichant le prix, souvent <span>, et sélectionnez « Inspecter ». La classe de cet élément représente la valeur de ce sélecteur.