주 콘텐츠로 건너뛰기

디자인 환경 설정

쇼핑몰 화면 관련된 기능을 설정합니다.
프로모드에서 설정할 수 있습니다.

기본설정 설정하기

  1. 디자인 관리 > 쇼핑몰 환경설정 > 기본 설정Icon_16x16.png 으로 이동합니다.
  2. 필요한 설정이 있는 경우 입력한 후, 저장 버튼을 클릭합니다.

최근 본 상품 개수

  • 최근 본 상품에 노출되는 상품 개수를 설정합니다. 최대 5개 입력을 권장합니다.

Note 

  • 5개 이상을 입력하면 브라우저 해상도에 따라 최근 본 상품이 잘려 보일 수 있습니다.

쇼핑몰 관리자 브라우저 타이틀

  • 쇼핑몰 관리자 로그인 상태에서 인터넷 브라우저 상단 탭에 노출되는 제목을 설정합니다.
  • 기본적으로 Cafe24-Echosting Admin 적용되어 있으며, 원하는 제목으로 수정할 수 있습니다.

쇼핑몰 관리자 기능 사용

  • 쇼핑몰 화면을 보면서 수정이 가능한 기능입니다. 사용 여부 설정이 가능합니다.

Note 

  • 스마트디자인에서 사용이 가능합니다.
  • 대표 운영자 계정으로 쇼핑몰 관리자 로그인된 상태에서 사용이 가능합니다.
  • 기본 도메인 (쇼핑몰id.cafe24.com) 으로 접속할 때에 사용이 가능합니다.

상품 상세 이미지 로딩 속도 개선

  • 쇼핑몰 상품 상세 화면 이미지를 보여주는 방법을 설정하는 기능입니다.
  • 사용함으로 설정하면 보이는 화면부터 이미지를 불러오게 됩니다. 전체 이미지를 불러오지 않음으로 로딩 속도가 빠릅니다.
  • 사용안함으로 설정하면 화면 전체 이미지를 불러와서 보여줍니다.

Note

  • 상품 상세 화면에 등록한 이미지가 많은 경우 사용함을 권장합니다.
  • 상품 상세 화면에 등록한 이미지가 길거나 용량이 큰 경우 사용안함을 권장합니다.

외부스크립트 설정하기

에이스카운터 로그 분석을 사용하거나 네이버, 페이스북, 나스미디어 광고 관련 서비스를 사용하는 경우 설정합니다.

  1. 디자인 관리 > 쇼핑몰 환경설정 > 외부스크립트Icon_16x16.png 로 이동합니다.
  2. 사용 중인 서비스 업체에서 제공하는 연동 관련 정보를 입력한 후, 저장 버튼을 클릭합니다.

제휴화면 설정하기

광고 및 제휴 서비스를 통해 쇼핑몰로 연결될 때 쇼핑몰 상단에 제휴 화면 표시가 노출될 수 있습니다.
쇼핑몰에 제휴 화면 표시를 노출하지 않을 때 설정합니다.

  1. 디자인 관리 > 쇼핑몰 환경설정 > 제휴화면Icon_16x16.png 으로 이동합니다.
  2. 제휴화면 추가 버튼을 클릭하면 목록에 입력란이 추가됩니다.
  3. 화면명에 제휴 서비스명을 입력합니다.
  4. 스킨명에 제휴 서비스 URL 주소를 입력한 후 저장 버튼을 클릭합니다.

Note 

  • 설정 목록에 기본 노출되는 화면명과 스킨명은 쇼핑몰에 필수로 적용되는 화면입니다.
  • 기본 적용되는 화면은 별도 수정 없이 사용하시길 권장합니다.
  • 기본 적용되는 화면의 html 파일 경로가 수정된 경우 스킨명에 수정하여 사용합니다.
  • 초기화 버튼은 기본 적용되는 화면의 스킨명을 초기화하는 기능입니다.
  • 제휴화면 추가 버튼을 클릭하여 추가하는 경우만 삭제할 수 있습니다.

화면 경로 설정하기

쇼핑몰에 적용된 화면 경로를 수정하는 경우 설정하는 기능입니다.

주로 스마트디자인을 통해 새롭게 만든 HTML을 연결할 때 사용합니다.

상품 카테고리 경로설정

  1. 디자인 관리 > 쇼핑몰 환경설정 > 화면 경로 > 상품 카테고리 경로설정Icon_16x16.png 으로 이동합니다.
  2. 좌측 쇼핑몰 상품 카테고리를 선택합니다.
  3. 우측 상품카테고리 경로 설정에 연결하려는 화면을 선택한 후, 저장 버튼을 클릭합니다.

게시판 메뉴 경로설정

  1. 디자인 관리 > 쇼핑몰 환경설정 > 화면 경로 > 게시판 메뉴 경로설정Icon_16x16.png 으로 이동합니다.
  2. 좌측 쇼핑몰 게시판을 선택합니다.
  3. 우측 게시판 경로 설정에 연결하려는 화면을 선택한 후, 저장 버튼을 클릭합니다

화면 경로 설정

  1. 디자인 관리 > 쇼핑몰 환경설정 > 화면 경로 > 화면 경로 설정Icon_16x16.png 으로 이동합니다.
  2. 좌측 쇼핑몰 화면을 선택한 후, 화면 경로 추가 버튼을 클릭합니다.
  3. 자동 추천되는 화면 경로를 선택하거나 직접 선택합니다.
  4. 추가 버튼을 클릭하면 목록에 화면 경로가 추가됩니다.

Note 

  • PC, 모바일 화면 설정이 가능합니다.
  • 자동 추천되는 화면 경로는 연결하려는 쇼핑몰 화면과 관련된 모듈을 사용한 화면을 보여줍니다.
  • 새롭게 만든 HTML 파일을 연결하고자 하는 경우 사용하길 권장합니다.

마우스/키보드 설정하기

  1. 디자인 관리 > 쇼핑몰 환경설정 > 마우스/키보드Icon_16x16.png 로 이동합니다.
  2. 필요한 설정이 있는 경우 사용 여부를 선택합니다.
  3. 저장 버튼을 클릭합니다.

마우스 오른쪽 클릭

  • 쇼핑몰 콘텐츠 복사 및 도용을 막기 위해 사용합니다.
  • 사용함으로 설정하는 경우 쇼핑몰에서 마우스 오른쪽 클릭을 사용할 수 있습니다.
  • 사용안함으로 설정하는 경우 쇼핑몰에서 마우스 오른쪽 클릭이 되지 않습니다.

이미지 마우스 오버 시 도구 창

  • 쇼핑몰에서 이미지 위에 마우스 오버 할 때 도구 창(Image toolbar) 노출 여부 설정을 할 수 있습니다.
  • 사용함으로 설정하는 경우 쇼핑몰에서 이미지 위에 마우스 오버 할 때 도구 창을 사용할 수 있습니다.
  • 사용안함으로 설정하는 경우 쇼핑몰에서 이미지 위에 마우스 오버 할 때 도구 창이 나오지 않습니다.

마우스 드래그 기능

  • 쇼핑몰에서 마우스 드래그를 하면 텍스트와 이미지 영역이 선택되는 것을 설정할 수 있습니다.
  • 사용함으로 설정하는 경우 쇼핑몰에서 마우스 드래그 기능을 사용할 수 있습니다.
  • 사용안함으로 설정하는 경우 쇼핑몰에서 마우스 드래그 기능이 되지 않습니다.

키보드 펑션 키(Ctrl)

  • 키보드 Ctrl+N, Ctrl+R 기능 사용 여부 설정이 가능합니다.
  • 키보드 Ctrl+N 을 누르면 새로운 인터넷 브라우저 창을 엽니다.
  • 키보드 Ctrl+R 을 누르면 인터넷 브라우저 새로 고침 합니다.
  • 사용함으로 설정하는 경우 쇼핑몰에서 키보드 Ctrl+N, Ctrl+R을 기능을 사용할 수 있습니다.
  • 사용안함으로 설정하는 경우 쇼핑몰에서 키보드 Ctrl+N, Ctrl+R을 눌러도 적용되지 않습니다.

디자인 환경 설정하기

스마트모드

  1. 스마트모드는 외부 스크립트 설정만 가능합니다.
  2. 설정 > 외부 스크립트 관리Icon_16x16.png 로 이동합니다.
  3. 필요한 설정이 있는 경우 입력한 후, 저장 버튼을 클릭합니다.

프로모드

  1. 디자인 관리 > 쇼핑몰 환경설정Icon_16x16.png 으로 이동합니다.
  2. 필요한 설정이 있는 경우 입력한 후, 저장 버튼을 클릭합니다.