사이트 언어에 따른 콘텐츠 표시 방법

작동 방식

사용자 지정 HTML 코드를 통해 특정 언어로 페이지를 보고 있는 사용자들에게만 특정 블록을 표시할 수 있으며 콘텐츠를 나눌 수 있습니다. 기존 솔루션 또는 자체 코드를 추가할 수 있습니다.

획득 방법

기존 솔루션 사용

  1. 관리자 페이지에서 프로젝트를 열고 스토어프런트 > 웹 사이트 섹션으로 이동합니다.
  2. 웹 사이트 빌더 열기를 클릭합니다.
  3. 헤더 블록에서, 번역 컴포넌트를 설정합니다.
  4. 특정 블록을 표시하지 않을 언어를 선택합니다.
  5. 다음 코드를 사용자 정의 코드 블록에 삽입합니다.
Copy
Full screen
Small screen
 1<script>
 2  (function () {
 3    var blockArray = [
 4      {
 5        blockName: '.block--packs',
 6        blockNumber: 0
 7      },
 8      {
 9        blockName: '.block--description',
10        blockNumber: 0
11      }
12    ];
13
14    function removeBlock() {
15      setTimeout(function () {
16        blockArray.map(function (block) {
17          return document.querySelectorAll(block.blockName)[block.blockNumber];
18        })
19          .forEach(function (element) {
20            element && element.remove();
21          });
22      }, 0);
23    }
24
25    removeBlock();
26  })();
27</script>

  1. blockArray 배열에서 사용자에게 선택한 언어에 대해 개별 블록을 표시하지 않으려면 블록 각각의 다음 매개 변수를 수정합니다.
    • blockName - 블록의 CSS 클래스 이름. 사용 가능 옵션:
      • .block--header(헤더 블록)
      • .block--hero(콜투액션 블록)
      • .block--html(사용자 정의 코드 블록)
      • .block--packs( 블록)
      • .block--description(설명 블록)
      • .block--gallery(갤러리 블록)
      • .block--requirements(시스템 요구사항 블록)
      • .block--faq(FAQ 블록)
      • .block--embed(SNS 위젯 블록)
      • .block--news(뉴스 블록)
      • .block--footer(푸터 블록)
    • blockNumber - 블록 순서 번호. 최솟값은 0입니다.
  2. 다음 미리보기를 클릭하면 변경 사항을 볼 수 있습니다.

이 지침에 대한 튜토리얼 동영상 시청:


자체 코드 추가

  1. 빌더에서 블록 추가를 클릭하고 사용자 지정 코드를 선택합니다.
  1. 자체 코드를 블록에 삽입합니다.
이 기사가 도움이 되었나요?
감사합니다!
개선해야 할 점이 있을까요? 메시지
유감입니다
이 기사가 도움이 안 된 이유를 설명해 주세요. 메시지
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.

유용한 링크

마지막 업데이트: 2025년 8월 29일

오자 또는 기타 텍스트 오류를 찾으셨나요? 텍스트를 선택하고 컨트롤+엔터를 누르세요.

문제 보고
콘텐츠를 항상 검토합니다. 여러분의 피드백은 콘텐츠를 개선에 도움이 됩니다.
후속 조치를 위해 이메일을 제공해 주세요
의견을 보내 주셔서 감사드립니다!
피드백을 보내는 중 문제가 발생했습니다
잠시 후 다시 시도하거나 doc_feedback@xsolla.com으로 연락해 주세요.