테마

테마는 스토어의 시각적 프레젠테이션을 결정하는 파일 컬렉션입니다. 처음 설치할 때 Commerce, 스토어의 디자인 요소는 기본값 테마. 와 함께 제공되는 초기 기본 테마 외에도 Commerce 설치, 사용할 수 있는 테마의 다양합니다. 있는 그대로 또는 필요에 맞게 수정합니다.

반응형 테마는 장치의 보기 포트에 맞게 페이지 레이아웃을 조정합니다. 샘플 Luma 테마에는 데스크탑, 태블릿 또는 모바일 디바이스에서 볼 수 있는 유연하고 반응형 레이아웃이 있습니다.

Commerce 테마에는 레이아웃 파일, 템플릿 파일, 번역 파일 및 스킨이 포함됩니다. 스킨은 CSS, 이미지 및 JavaScript 파일을 지원하는 컬렉션으로, 고객이 스토어를 방문할 때 경험하는 시각적 프레젠테이션과 상호 작용을 만듭니다. Commerce 테마 디자인을 이해하고 서버에 액세스할 수 있는 개발자 또는 디자인 전문가가 테마와 스킨을 수정하고 사용자 지정할 수 있습니다. 자세한 내용은 프론트엔드 개발자 안내서.

Luma 테마 {width="600" modal="regular"}

기본 테마

다음 Magento Blank 반응형 테마는 다양한 장치를 위해 상점 디스플레이를 렌더링하고 데스크탑, 테이블 및 모바일 장치에 대한 모범 사례를 통합합니다. 일부 테마는 특정 디바이스에서만 사용하도록 설계되었습니다. 날짜 Commerce 는 특정 브라우저 ID 또는 사용자 에이전트를 감지하며 특정 브라우저에 대해 구성된 테마를 사용합니다. 검색 문자열에는 Perl 호환 정규 표현식(PCRE)도 포함될 수 있습니다.

테마 {width="700" modal="regular"}

테마 그리드 필터링

  1. 다음에서 관리자 사이드바, 이동 Content > Design>Themes.

  2. 클릭 Filters.

  3. ID 범위, 테마 이름(또는 제목), 폴더 경로 또는 상위 테마를 입력합니다.

  4. 클릭 Apply Filters 테마 목록을 업데이트합니다.

현재 테마 설정 보기

  1. 다음에서 관리자 사이드바, 이동 Content > Design>Themes.

  2. 설치된 테마 목록에서 검사할 테마를 찾은 다음 행을 클릭하여 설정을 표시합니다.

  3. 샘플 페이지를 보려면 Theme Preview Image.

테마 미리 보기 {width="600" modal="regular"}

기본 테마 적용

  1. 다음에서 관리자 사이드바, 이동 Content > Design>Configuration.

  2. 구성할 스토어 보기를 찾아 다음을 클릭합니다. Edit 다음에서 Action ​열.

  3. 아래 Default Theme, 설정됨​ Applied Theme ​현재 보기에 사용할 뷰입니다.

    적용된 테마 {width="600" modal="regular"}

  4. 완료되면 다음을 클릭하십시오. Save Configuration.

사용자 에이전트 규칙 추가

  1. 다음에서 관리자 사이드바, 이동 Content > Design>Configuration.

  2. 아래 Design Rule, 클릭​ Add New User Agent Rule.

    디자인 규칙 {width="600" modal="regular"}

  3. 대상 Search String ​를 클릭하고 특정 장치의 브라우저 ID를 입력합니다.

    검색 문자열은 입력한 순서대로 일치합니다. 예를 들어 Firefox의 경우 다음을 입력합니다.

    /^mozilla/i

  4. 추가 장치를 입력하려면 이 과정을 반복합니다.

  5. 완료되면 다음을 클릭하십시오. Save Configuration.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de