Choisir les icônes de paiement à afficher

Attention

Les thèmes vintage ne sont pas disponibles dans la Boutique des thèmes. Ces thèmes ne disposent pas des fonctionnalités incluses dans les thèmes Online Store 2.0 de Shopify, et les thèmes vintage gratuits de Shopify ne reçoivent pas d’autres mises à jour que des correctifs de sécurité.

Remarque

Si vous utilisez un thème gratuit de Shopify, vous pourrez peut-être contacter l’assistance de Shopify pour obtenir de l’aide par rapport à ce tutoriel. La conception de cette partie nécessite 15 minutes. Pour plus d’informations, voir Assistance par rapport aux thèmes.

Remarque

Cette personnalisation est faite pour les thèmes vintage de Shopify, et ne s’applique pas aux thèmes Online Store 2.0.

• Découvrez la version de l'architecture de votre thème
• Explorez les personnalisations de thème Online Store 2.0

Tous les thèmes gratuits de Shopify offrent la possibilité d’afficher des icônes de paiement dans le pied de page. Ces icônes sont déterminées par les paramètres de paiement de votre boutique ainsi que par la région et la devise du/de la client(e). Vous pouvez activer les icônes de paiement dans l’éditeur de thème. Si vous souhaitez en ajouter ou supprimer sans modifier vos paramètres de paiement, vous pouvez le faire en modifiant le code de votre thème.

Activer les icônes de paiement dans votre pied de page

La première étape de la personnalisation consiste à activer les icônes de paiement dans votre pied de page :

1. Allez dans l'éditeur de thème.

2. Cliquez sur Pied de page.

3. Cochez la case Afficher les icônes de paiement.

4. Cliquez sur Save (Enregistrer).

Attention

si vous n’utilisez pas de thème Shopify gratuit et que votre thème n’offre pas l’option permettant d’activer les icônes de paiement dans le pied de page, cette personnalisation ne fonctionnera pas pour votre thème.

Modifier le code de vos icônes de paiement

À cette étape, vous modifierez la façon dont les icônes de paiement sont attribuées à votre pied de ligne. Par défaut, votre thème montre les icônes associées à la passerelle de paiement que vous avez activée dans la section des paramètres de paiement de votre interface administrateur et qui sont disponibles pour la région et la devise du client actuel. Avec cette personnalisation, vous ajouterez ou supprimerez manuellement les icônes de paiement que vous souhaitez afficher.

Pour modifier le code de vos icônes de paiement :

Bureau

1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

2. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.

iPhone

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.

Android

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.

1. Dans le répertoire Sections, cliquez sur footer.liquid. Si votre thème ne possède pas ce fichier, cliquez sur theme.liquid dans le répertoire Mise en page.

2. Recherchez le code suivant dans le fichier :

{% for type in shop.enabled_payment_types %}

1. Remplacez ce code par le code suivant :

{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}

1. Dans le code que vous venez de coller se trouve une liste de fournisseurs de services de paiement séparés par des virgules : visa,master,american_express,paypal. Les fournisseurs que vous incluez dans cette liste déterminent les icônes de paiement qui s’affichent sur votre boutique en ligne. Vous pouvez modifier cette liste en fonction de vos besoins.

2. Cliquez sur Save (Enregistrer).