For the complete documentation index, see llms.txt. This page is also available as Markdown.

상품 진열 디자인

메인, 상품 분류, 상품 상세 페이지에 상품 진열 디자인을 간편하게 적용할 수 있어요.

관리자 메뉴 위치

디자인 > 디자인 관련 기능 설정 > 상품 진열 디자인

메뉴 안내 및 설정 방법

기능 설정 시 별도 디자인 / 코딩 작업 없이 설정을 통해 가상태그가 생성되며, 개별디자인을 통해 원하는 위치에 넣어주면 상품 진열 디자인이 적용돼요.

① 등록 버튼

② 선택 삭제 - 삭제시 기존 개별디자인이 적용되어 있어도 노출되지 않아요.

③ 타이틀 - 클릭시 수정 페이지로 이동해요.

④ 가상태그 복사

⑤ 가상태그 확인 - 클릭시 가상태그를 확인할 수 있습니다. 가상태그에 적힌 번호는 No. 과 동일해요.

⑥ 삭제

⑦ 사용여부 - OFF시 쇼핑몰에서 미노출 돼요.

① : [1-1]~[1-4] 설정에 따라 디자인 샘플을 확인할 수 있어요.

①-① : 디자인 레이아웃 선택

①-② : 이미지 배너 사용여부 및 위치를 설정

①-③ : 더보기 버튼 사용여부 및 위치 설정

①-④ : 타이틀 노출 여부

①-⑤ : 서브 타이틀 노출 여부

② 사용여부 사용안함 설정시 쇼핑몰에 노출되지 않아요.

③ 기간 설정 노출 기간을 설정할 수 있어요. 단, 기간이 지나도 사용여부는 변경되지 않아요.

④ 타이틀 [1-4] 타이틀 노출 여부 체크시 노출됩니다. 타이틀 내용 및 폰트 사이즈와 색상을 설정할 수 있어요.

⑤ 서브 타이틀 [1-5] 노출 여부 체크시 노출돼요. 서브 타이틀 내용 및 폰트 사이즈와 색상을 설정할 수 있어요.

⑥ 타이틀 정렬 타이틀과 서브타이틀의 정렬을 설정할 수 있어요. (각각 정렬 설정은 불가)

⑦ 상품 정보 노출 옵션

  • 진열에 노출 시키고 싶은 정보를 설정할 수 있어요.

  • 아이콘, 상품명, 추가 상품명, 소비자가, 판매가, 할인율, 미리보기, 찜하기 버튼, 리뷰 수 노출 가능

⑧ 상품 정보 노출 옵션

  • ⑦ 에 할인율 선택시 노출되는 설정이에요. 할인율에 대한 계산 기준을 선택할 수 있어요.

  • 소비자가격 기준 계산 : (소비자가격 - 할인가격) / 소비자가 * 100

  • 판매가 기준 계산 : (판매가격 - 할인가격) / 판매가격 * 100 -할인가격이 없을시, 판매가격으로 계산돼요.

  • 할인율이 소수점으로 떨어지는 경우, 반올림 처리되며, 할인율이 0원이거나 소수점 0.5 미만은 노출되지 않습니다.

⑨ 상품 추가 진열할 상품을 등록 / 삭제 / 순서 조정 할 수 있어요.

⑩ PC / 모바일 진열 옵션

  • 열 개수 : 열에 보여질 상품 갯수를 설정할 수 있어요.

  • 썸네일 이미지 : 썸네일에 노출시킬 이미지를 선택해요.

  • 품절 상품 : 품절 상품에 대한 정책을 선택할 수 있어요.

⑪ PC 배너 이미지 / 모바일 배너 이미지

  • 배너 이미지 및 링크를 첨부할 수 있어요.

  • [1-2] 이미지 사용을 체크해주시면 노출돼요.

⑫ 슬라이드 옵션

  • 롤링 속도 및 수동 롤링 설정을 할 수 있어요.

  • [1-1]에 슬라이드 타입의 디자인을 선택하면 노출돼요. (PC/모바일 동일)

⑬ 슬라이드 반복 여부

  • 슬라이드 반복 여부를 설정할 수 있어요.

  • [1-1]에 슬라이드 타입의 디자인을 선택하면 노출되고, PC / 모바일 별로 설정 가능해요.

⑭ 더보기 버튼

  • [1-3] 더보기 사용 체크시 노출돼요.

  • 더보기 버튼 텍스트를 직접 입력하고, PC / 모바일 별로 링크를 넣을 수 있어요.

⑮ 미리보기

  • 미리보기시, 아래 기능은 동작되지 않으므로 참고해 주세요. 1) 상품 클릭시 페이지 이동 2) 위시리스트 버튼 동작 및 카운팅 3) 리뷰수 카운팅 개별디자인 작업후 쇼핑몰에서 확인시 정상 작동돼요.

디자인 작업 방법

메인 : 디자인 > 디자인 편집하기 > 중앙 디자인 > 메인

상품 분류 : 디자인 > 디자인 편집하기 > 중앙 디자인 > 상품관련 > 상품 분류 페이지

상품 상세 : 디자인 > 디자인 편집하기 > 중앙 디자인 > 상품관련 > 상품 상세 페이지

① 원하는 위치에 복사한 가상태그를 넣어주세요.

② 저장버튼을 눌러 수정해 주세요.

적용 예시

Last updated