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 :
var links = document.links;
for (let i = 0, linksLength = links.length ; i < linksLength ; i++) {
if (links[i].hostname !== window.location.hostname) {
links[i].target = '_blank';
links[i].rel = 'noreferrer noopener';
}
}
- Cliquez sur 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 :
var links = document.links;
for (let i = 0, linksLength = links.length ; i < linksLength ; i++) {
if (links[i].hostname !== window.location.hostname) {
links[i].target = '_blank';
links[i].rel = 'noreferrer noopener';
}
}
- Cliquez sur 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 :
var links = document.links;
for (let i = 0, linksLength = links.length ; i < linksLength ; i++) {
if (links[i].hostname !== window.location.hostname) {
links[i].target = '_blank';
links[i].rel = 'noreferrer noopener';
}
}
- Cliquez sur Enregistrer.