Masquer les prix des produits

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

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.

Bureau

1. Depuis votre interface administrateur Shopify, accédez à Paramètres.

iPhone

1. Depuis l'application Shopify, accédez à Boutique > Paramètres.
2. Faites défiler la page jusqu’à la section des paramètres de la boutique.

Android

1. Depuis l'application Shopify, accédez à Boutique > Paramètres.
2. Faites défiler la page jusqu’à la section des paramètres de la boutique.

1. Cliquez sur Détails de la boutique.

2. Dans la section Devise de la Boutique , cliquez sur Modifier le formatage.

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

Il est important de ne pas ajouter de guillemets à vos formats de devise, car cela pourrait empêcher le JavaScript de votre thème de fonctionner correctement.

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

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