Masquer les prix des produits

Cette page a été imprimée le Apr 23, 2024. Pour la dernière version, allez à https://help.shopify.com/fr/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/hide-product-prices.

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

Étapes :

  1. Depuis votre interface administrateur Shopify, accédez à Paramètres.
  2. Cliquez sur Détails de la boutique.
  3. Dans la section Devise de la Boutique , cliquez sur Modifier le formatage.
  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>
  1. Depuis l’application Shopify, appuyez sur le bouton …, puis sur Paramètres.
  2. Faites défiler la page jusqu’à la section des paramètres de la boutique.
  3. Cliquez sur Détails de la boutique.
  4. Dans la section Devise de la Boutique , cliquez sur Modifier le formatage.
  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>
  1. Depuis l’application Shopify, appuyez sur le bouton …, puis sur Paramètres.
  2. Faites défiler la page jusqu’à la section des paramètres de la boutique.
  3. Cliquez sur Détails de la boutique.
  4. Dans la section Devise de la Boutique , cliquez sur Modifier le formatage.
  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>

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.

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

Prêt(e) à commencer à vendre avec Shopify ?

Essayez gratuitement