새 탭에서 외부 링크 열기

이 페이지는 Dec 04, 2023에 인쇄되었습니다. 최신 버전은 https://help.shopify.com/ko/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/open-external-links-in-new-tab에서 확인하십시오.

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

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

무료 체험