새 탭에서 외부 링크 열기

온라인 스토어의 외부 링크가 새 브라우저 탭에서 열리게 하는 몇 가지 코드를 테마에 추가할 수 있습니다. 이는 고객이 온라인 스토어를 떠나는 것을 방지하는 데 도움이 되기 때문에 유용할 수 있습니다. 외부 링크는 소셜 미디어 아이콘에 포함된 링크와 같이 고객을 다양한 웹사이트로 안내하는 URL입니다.

테마의 JavaScript 파일에 일부 코드 추가

외부 링크가 새 브라우저 탭에서 열리게 하려면 테마의 JavaScript 파일을 편집해야 합니다.

  1. 자산 디렉토리에서 다음 중 하나를 클릭합니다.

- theme.js - theme.js.liquid - custom.js

  1. 다음 코드를 파일 맨 아래에 붙여넣습니다.
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';
  }
}
  1. 저장을 클릭합니다.

Shopify와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험