Ouvrir des liens externes dans un nouvel onglet
Vous pouvez ajouter du code à votre thème de façon à entraîner l’ouverture de liens externes présents sur votre boutique en ligne dans un nouvel onglet du navigateur. Cela peut être utile pour empêcher les clients de quitter votre boutique en ligne lorsqu'ils naviguent. Les liens externes sont des URL qui dirigent les clients vers différents sites web. C'est le cas des liens inclus dans les icônes de médias sociaux, par exemple.
Sur cette page
Ajouter du code au fichier JavaScript de votre thème
Pour que des liens externes s’ouvrent dans un nouvel onglet du navigateur, vous devez modifier le fichier JavaScript de votre thème.
Étapes :
Bureau
- Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
-
Dans le répertoire Ressources, cliquez sur l’un des éléments suivants :
-
theme.js
-
theme.js.liquid
-
custom.js
-
Collez le code suivant au bas du fichier :
- Cliquez sur Save (Enregistrer).
iPhone
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Manage themes (Gérer les thèmes).
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
-
Dans le répertoire Ressources, cliquez sur l’un des éléments suivants :
-
theme.js
-
theme.js.liquid
-
custom.js
-
Collez le code suivant au bas du fichier :
- Cliquez sur Save (Enregistrer).
Android
- Dans l’application Shopify, appuyez sur le bouton …
- Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
- Appuyez sur Manage themes (Gérer les thèmes).
- Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
-
Dans le répertoire Ressources, cliquez sur l’un des éléments suivants :
-
theme.js
-
theme.js.liquid
-
custom.js
-
Collez le code suivant au bas du fichier :
- Cliquez sur Save (Enregistrer).