후이즈몰 가이드 북

오픈가이드운영가이드제작가이드

  :: 제작가이드 > 상세페이지디자인 > 상품관련화면

레이아웃디자인 | 첫화면 설정 | 기본스킨 설정 | 메인화면디자인 | 모바일샵 관리 | FTP 이미지 관리 | 상세페이지디자인

[상품관련화면]

상품관련화면에서 상품목록,상품상세,상품검색,상품문의,상품후기 등 상품관련된 화면에 대한 설정 및 편집을 할 수 있습니다.
화면의 우측에는 상품관련화면의 리스트가 있습니다. [화면보기](B)를 클릭하면 해당 화면의 미리보기(1)가 오른쪽에 나타납니다.
각각의 화면을 편집하려면 [편집](A)버튼을 눌러 이동합니다.


3pro.jpg



상품목록 편집화면으로 이동해보겠습니다.
화면 맨위에 상품관련화면 리스트가 탭형식으로 구성되어 있어 바로 이동이 가능합니다.

3pro2.jpg



중단에서 상품목록 화면 관련된 설정을 할 수 있습니다.
현재 상품목록 화면은 '후이즈몰 상단형'레이아웃이 적용되어 있습니다. 이 화면에만 다른 레이아웃을 적용하고 싶다면 선택리스트(A)를 열어 다른 레이아웃을 선택합니다.
(B)레이아웃 일괄적용 : [레이아웃 일괄적용]버튼을 클릭하면 상품관련 화면 전체리스트가 나오며 전체선택이 가능합니다.
상품관련화면들은 모두 동일한 레이아웃을 적용하고 싶을때 [전체선택]을 하여 적용합니다.


 3pro3.jpg

 3pro5.jpg


1. 링크코드 : 상품목록페이지의 주소입니다.
   브라우저 주소창에 쇼핑몰 도메인(주소)를 입력한 후 바로 뒤 이 링크코드를 복사하여 확인해보기 바랍니다. 상품목록 페이지로 이동하는 것을 확인할 수 있습니다.


3pro6.jpg


상품목록 편집화면 하단에는 소스편집창이 있습니다.
편집화면(A)에서 소스 수정이 가능합니다. 두번째탭의 원본화면(B)은 소스수정시 문제가 생겨 원본소스로 되돌리거나, 원본소스를 확인하고 싶을 때 활용합니다.
세번째탭에는 예약어(C)목록이 있습니다. 해당 화면에서 사용가능한 예약어의 목록입니다.

3pro7.jpg

 


상품목록 화면에서 사용가능한 예약어의 목록입니다.

3pro8.jpg



예를 들어 상품명 아래줄에 상품등록시 입력한 상품간략설명이 노출되도록 해보겠습니다.
상품간략설명 예약어(코드)는 {.good_note}입니다. 이 예약어를 소스편집창의 원하는 부분에 붙여넣기합니다.

3pro9.jpg 

 

 

상품목록화면에서 간략설명이 추가되었습니다.

3pro10.jpg 


 상품관련화면 중 '상품 찾기 팝업'과 '옵션/수량 선택 팝업'의 경우 다른 페이지와 달리 팝업창안에 들어가야 할 화면이므로 레이아웃 설정시 popup레이아웃이 적용되어 있는지를 확인하시기 바랍니다. 또 상품문의목록,상품문의보기,상품문의쓰기의 경우 별도 설정이 가능하지만 사실상 하나의 그룹으로 보아야 하므로 서로 다른 레이아웃이 적용된다면 어색할 수도 있겠습니다. 동일한 레이아웃이 적용되는 것이 바람직할 것입니다. 상품후기도 마찬가지입니다.

3pro11.jpg

 

Copyright 2015 (c) WHOIS All rights reserved.