Ajouter le widget, la barre de panier et les badges à votre thème

Ce que sont les éléments du thème, où les placer, comment les déplacer, et que faire avec les thèmes qui ne prennent pas en charge les blocs d'application.

6 min de lecture

MixMaxer fournit quatre éléments de thème sous forme d'extensions de thème pour l'application Shopify. Aucun ne modifie theme.liquid ; et la désinstallation de l'application les supprime tous.

  • Bloc Produit (« MixMaxer offer ») : widget de paliers / bundle / cadeau sur la page produit. Utilisé également sur toute autre page avec un produit choisi dans les paramètres du bloc (voir « Offre mise en avant sur la page d'accueil »).
  • Intégration de la barre de panier : barre de progression et boutons en un clic dans le tiroir du panier et la page du panier.
  • Intégration des badges de cartes : petits libellés comme « Achetez-en 2, économisez 10 % » sur les cartes de produits dans les collections et la recherche.
  • Bloc Mix & Match : constructeur de lot pour les pages de collections (nécessaire uniquement pour les offres Mix & Match).

Bloc Produit

  1. Paramètres › Configuration du thème › Add to theme. L'éditeur de thème s'ouvre sur le modèle de produit avec le bloc sous le prix.
  2. Facultatif : faites glisser le bloc n'importe où dans la section d'informations sur le produit. Au-dessus du bouton d'achat convertit le mieux pour les paliers de quantité ; sous le prix pour les bundles.
  3. Cliquez sur Sauvegarder (en haut à droite).

Le bloc possède ses propres paramètres dans l'éditeur : remplacement de la mise en page, taille, sélecteur de produit (pour les pages autres que les pages produits), titre pour la carte mise en avant, marges supérieures et inférieures, et une boîte CSS personnalisée.

Thèmes de la famille Horizon (Ritual, Horizon, Vessel, Tinker et autres thèmes Shopify à partir de 2025) : le bouton ajoute le bloc à la fin de la section produit, il apparaît donc d'abord en pleine largeur sous le produit. Dans la barre latérale gauche de l'éditeur, faites glisser « MixMaxer offer » dans le groupe Product details entre Price et Buy buttons, puis sauvegardez. Il s'agit d'un déplacement unique.

Barre de panier et badges (intégrations d'application)

  1. Dans l'éditeur de thème, ouvrez App embeds (l'icône de bloc en bas de la barre latérale gauche).
  2. Activez MixMaxer cart upsell et MixMaxer card badges.
  3. Choisissez la position du badge (gauche ou droite) et le style (plein ou contour).
  4. Cliquez sur Sauvegarder.

Dans Paramètres › Configuration du thème, le bouton Enable de chaque intégration ouvre l'éditeur directement sur le bon commutateur.

Quel thème obtient le bloc ?

L'éditeur ouvre votre thème publié. Si vous travaillez sur un thème non publié (par exemple une copie de Dawn alors que le thème en direct est différent), ajoutez également les éléments là-bas : les paramètres de thème sont par thème et non par boutique. Paramètres › Configuration du thème vérifie uniquement le thème publié.

Thèmes sans blocs d'application

Les thèmes antérieurs à Online Store 2.0 (sans modèle de produit JSON) n'hébergent pas de blocs d'application. Paramètres › Configuration du thème affiche « no JSON product template ». Contactez le support avec le lien de votre boutique et le nom du thème : nous installons le widget pour vous gratuitement, généralement dans un délai d'un jour ouvrable.

Problèmes fréquents

« There is a problem with the app block » lors de l'ouverture du lien Add to theme.

L'éditeur de thème a été ouvert pour un thème où l'application n'est pas encore autorisée, ou le lien est obsolète après une mise à jour de l'application. Ouvrez l'éditeur manuellement : Online Store › Themes › Customize › Modèle de produit › Add block › Apps › MixMaxer offer.

Le bloc apparaît deux fois.

Il a été ajouté une fois depuis les Paramètres et une fois manuellement. Supprimez-en un dans l'éditeur ; de toute façon, le widget lui-même ne s'affiche qu'une seule fois sur la page.

Les intégrations sont activées mais les Paramètres indiquent toujours « Not enabled ».

Cliquez sur Re-check. S'il reste rouge, les intégrations ont peut-être été activées sur un thème non publié ; vérifiez le nom du thème dans l'en-tête de l'éditeur.

Le widget apparaît sur l'ordinateur mais pas sur le téléphone.

Certains thèmes utilisent une section produit distincte pour mobile. Ajoutez également le bloc à cette section (elle apparaît dans l'éditeur lors de la prévisualisation sur mobile).

Le widget est en pleine largeur sous l'image du produit au lieu d'être à côté du prix.

Le bloc est au niveau de la section. Faites-le glisser dans le groupe Product details dans la barre latérale de l'éditeur (thèmes de la famille Horizon) ou dans la colonne d'informations sur le produit (thèmes de la famille Dawn), puis sauvegardez.

Plus dans Premiers pas


← Tous les articles · Suivant : Tester les offres de bout en bout sur une boutique de développement · Toujours bloqué ? Contactez le support