새 탭에서 외부 링크 열기

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

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

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

단계:

데스크톱
  1. Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
  2. 편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
  3. 자산 디렉토리에서 다음 중 하나를 클릭합니다.

    • theme.js
    • theme.js.liquid
    • custom.js
  4. 다음 코드를 파일 맨 아래에 붙여넣습니다.

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. 저장을 클릭합니다.
iPhone
  1. Shopify 앱에서 버튼을 탭합니다.
  2. 판매 채널 섹션에서 온라인 스토어를 탭합니다.
  3. 테마 관리를 탭합니다.
  4. 편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
  5. 자산 디렉토리에서 다음 중 하나를 클릭합니다.

    • theme.js
    • theme.js.liquid
    • custom.js
  6. 다음 코드를 파일 맨 아래에 붙여넣습니다.

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. 저장을 클릭합니다.
Android
  1. Shopify 앱에서 버튼을 탭합니다.
  2. 판매 채널 섹션에서 온라인 스토어를 탭합니다.
  3. 테마 관리를 탭합니다.
  4. 편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
  5. 자산 디렉토리에서 다음 중 하나를 클릭합니다.

    • theme.js
    • theme.js.liquid
    • custom.js
  6. 다음 코드를 파일 맨 아래에 붙여넣습니다.

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. 저장을 클릭합니다.
적절한 답변을 찾을 수 없습니까? 언제든지 도와드리겠습니다.