새 탭에서 외부 링크 열기
이 페이지는 Jun 08, 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 파일을 편집해야 합니다.
Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
Shopify 앱에서 스토어를 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
테마 관리를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
Shopify 앱에서 스토어를 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
테마 관리를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
-
자산 디렉토리에서 다음 중 하나를 클릭합니다.
-
theme.js
-
theme.js.liquid
-
custom.js
-
다음 코드를 파일 맨 아래에 붙여넣습니다.
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';
}
}
- 저장을 클릭합니다.