Masquer les prix des produits

Attention

Les thèmes vintage ne sont pas disponibles dans Theme Store. Les thèmes vintage 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, à l’exception des correctifs de sécurité.

Remarque

Si vous utilisez un thème gratuit de Shopify, vous pouvez contacter l’assistance Shopify pour obtenir de l’aide avec ce tutoriel. La conception de cette partie nécessite 15 minutes. En savoir plus sur la politique en matière de conception de Shopify.

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

Vous pouvez masquer tous les prix de vos produits et les afficher à nouveau ultérieurement en modifiant les formats de vos devises.

Conseil

Si vous souhaitez empêcher temporairement les clients d’acheter vos produits, vous pouvez également désactiver votre panier.

Étapes :

Bureau

1. Depuis votre interface administrateur Shopify, accédez à Paramètres.
2. Cliquez sur Menu général.
3. Dans la section Paramètres par défaut de la boutique, cliquez sur … > Modifier le format.
4. Insérez les deux premiers formats dans un élément span dont la classe est définie sur hidden. N’utilisez pas de guillemets. Par exemple, vous trouverez ci-dessous le format HTML avec devise correspondant à une boutique dont la devise est le dollar américain (USD) :

<span class=hidden>${{ amount }} USD</span>

Et voici le format HTML sans devise :

<span class=hidden>${{ amount }}</span>

iPhone

1. Dans l’application Shopify, appuyez sur le bouton …

2. Appuyez sur Paramètres.

3. Dans la section Paramètres de la boutique , appuyez sur Général.

4. Dans la section Paramètres par défaut de la boutique, appuyez sur … > Modifier le format.

5. Insérez les deux premiers formats dans un élément span dont la classe est définie sur hidden. N’utilisez pas de guillemets. Par exemple, vous trouverez ci-dessous le format HTML avec devise correspondant à une boutique dont la devise est le dollar américain (USD) :

<span class=hidden>${{ amount }} USD</span>

Et voici le format HTML sans devise :

<span class=hidden>${{ amount }}</span>

Android

1. Dans l’application Shopify, appuyez sur le bouton ☰.

2. Appuyez sur Paramètres.

3. Dans la section Paramètres de la boutique , appuyez sur Général.

4. Dans la section Paramètres par défaut de la boutique, appuyez sur … > Modifier le format.

5. Insérez les deux premiers formats dans un élément span dont la classe est définie sur hidden. N’utilisez pas de guillemets. Par exemple, vous trouverez ci-dessous le format HTML avec devise correspondant à une boutique dont la devise est le dollar américain (USD) :

<span class=hidden>${{ amount }} USD</span>

Et voici le format HTML sans devise :

<span class=hidden>${{ amount }}</span>

Attention

Ne placez pas <span class=hidden>${{ amount }}</span> dans les champs E-mail avec devise et E-mail sans devise.

N’ajoutez pas de guillemets à vos formats d’argent, car cela peut interférer avec la fonctionnalité de JavaScript de votre thème.

Cela devrait masquer tous les prix indiqués sur votre boutique en ligne. S'ils continuent de s’afficher, vous devez ajouter du code au bas de la feuille de style de votre thème. Pour ce faire, suivez les étapes ci-après.

Bureau

1. Dans l'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.

3. Dans le répertoire Ressources, cliquez pour ouvrir votre fichier theme.scss.liquid. Le nom de la feuille de style peut varier d’un thème à l’autre. Si vous ne parvenez pas à trouver theme.scss.liquid, recherchez l’un des éléments suivants :

   • style.scss.liquid
   • styles.scss.liquid
   • theme.css.liquid
   • timber.scss.liquid

4. Tout en bas du fichier, ajoutez le code suivant :

.hidden {
  display: none;
}

1. Cliquez sur Save (Enregistrer).

iPhone

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (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.

5. Dans le répertoire Ressources, cliquez pour ouvrir votre fichier theme.scss.liquid. Le nom de la feuille de style peut varier d’un thème à l’autre. Si vous ne parvenez pas à trouver theme.scss.liquid, recherchez l’un des éléments suivants :

   • style.scss.liquid
   • styles.scss.liquid
   • theme.css.liquid
   • timber.scss.liquid

6. Tout en bas du fichier, ajoutez le code suivant :

.hidden {
  display: none;
}

1. Cliquez sur Save (Enregistrer).

Android

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (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.

5. Dans le répertoire Ressources, cliquez pour ouvrir votre fichier theme.scss.liquid. Le nom de la feuille de style peut varier d’un thème à l’autre. Si vous ne parvenez pas à trouver theme.scss.liquid, recherchez l’un des éléments suivants :

   • style.scss.liquid
   • styles.scss.liquid
   • theme.css.liquid
   • timber.scss.liquid

6. Tout en bas du fichier, ajoutez le code suivant :

.hidden {
  display: none;
}

1. Cliquez sur Save (Enregistrer).

Si vous souhaitez afficher à nouveau vos prix, changez la devise de votre boutique (optez pour n’importe quelle autre), puis revenez à votre devise initiale. Cela a pour effet de rétablir les formats par défaut de la devise de votre boutique et d'afficher à nouveau les prix sur votre boutique en ligne.