É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.

Go to 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. Right-click and select "Inspect" on any product within a collection on a collection page. Scroll upwards through the source code until you find the class of the element, typically a `<div>` element, that encloses this product element as a list item. This class often includes ".collection" in its name.
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. On a collection page, select any product from the collection, then right-click on the information beneath the product's image and choose “Inspect.” Scroll upwards through the source code to find the closest element, typically a `<div>`, that encompasses all the product's informational elements such as name, price, etc. The class of this element is the value we're seeking.
Sélecteur de prix personnalisé	This is a selector for an html-element that contains a price of a product in a collection.\ Find the price of any product within a collection on a collection page, right-click on the element displaying the price, often `<span>`, and select "Inspect." The class of this element represents the value for this selector.

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.

Right-click and select "Inspect" on any product within a collection on a collection page. Scroll upwards through the source code until you find the class of the element, typically a <div> element, that encloses this product element as a list item. This class often includes ".collection" in its name.

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.

On a collection page, select any product from the collection, then right-click on the information beneath the product's image and choose “Inspect.” Scroll upwards through the source code to find the closest element, typically a <div>, that encompasses all the product's informational elements such as name, price, etc. The class of this element is the value we're seeking.

Sélecteur de prix personnalisé

This is a selector for an html-element that contains a price of a product in a collection.\
Find the price of any product within a collection on a collection page, right-click on the element displaying the price, often <span>, and select "Inspect." The class of this element represents the value for this selector.