아이디저장


더보기 >










[공지] 미션 도전하기 전에 꼭 읽어보세요.
[공지] 초급미션이 A코스,B코스로 분리되었습니다.

미션 A코스 [중급20단] 쇼핑몰 메인출력코드별 상품목록
2011-11-15 15:51:30
아람스쿨 조회수 1522

쇼핑몰 하실 분들~~~ 오늘은 꼬옥! 알고 가셔야합니다~

쇼핑몰에서 프리미엄상품, 베스트상품, 추천상품, HOT상품,... 이란 말을 많이 들어보셨을 겁니다.  이렇게 분류되는 상품들을  하나하나씩 넣고 뺄려면 힘들겠죠? 그래서 그룹코드를 만들어 쉽게 빼고 넣고 할 수 있게 만들었는데.. 이것이 "메인출력코드"라고 하는 것입니다.

메인출력코드는 상품목록과 동일한 화면으로 나타납니다. 예를 들어, 프리미엄상품들만 목록으로 출력할 수도 있답니다. 그리고 이렇게 만들어진 메인출력코드를 그룹디자인으로 필요한 갯수만큼 메인화면에 나타낼 수도 있습니다. 저는 쇼핑몰에서 이 기능이 다른 것들보다 넘 맘에 들어요.. ^^

근데, 우리는 벌써 [중급15단] 쇼핑몰솔루션 설치 및 쇼핑몰 메인페이지 만들기 에서 이 부분을 해봤답니다.

자~ 한번 더 기억을 되새기면서 시작해봅시다.

 

 

 

 

 

 

 


 

 

 

[디자인관리 고급 디자인 관리 세부 화면 디자인]로 이동하고 [쇼핑몰]상품관련의 "상품목록::메인출력코드별"을 클릭합니다.

 


- 외각디자인의 왼쪽디자인을 "쇼핑몰 왼쪽디자인"을 선택하고 "외각디자인 저장하기"를 클릭합니다.

- 기본템플릿에서 "메인출력 코드별 상품목록 A "를 선택합니다.

- 하단의 "나만의 디자인으로 복사"버튼을 클릭합니다.

- 나만의 디자인에 복사된 "메인출력 코드별 상품목록 A "를 선택합니다.

 

 

 

페이지 디자인 관리의 URL을 보시면, /shop_goods/goods_main_list.htm?main_code=메인출력코드라고 되어있지요?  메인출력코드를 만들어야 상품목록이 정상적으로 나타날거란 걸 짐작하시겠죠? 

[쇼핑몰관리 상품관리 메인상품관리]로 이동합니다. 상품목록 아래로 [메인출력그룹관리]부분을 클릭해봅니다. 베스트상품과  MD추천상품이 생성되어 있습니다. 추가를 원하면 그룹추가를 눌러서 코드를 더 만들어 주셔도 됩니다. 여기서는 기존에 만들어진 그룹코드를 이용해보겠습니다.

 

 

 

 
 
 
 
 
기존의 메인출력코드를 클릭하시고 상품을 등록합니다.
 
① 메인출력코드를 선택합니다.
② 상품을 선택합니다.
③ 선택된 상품을 그룹코드로 추가합니다.
④ 추가된 상품을 순서에 맞도록 정렬합니다.
 
※ 동일한 상품일 경우에는 자동으로 동일한 상품을 제외하고 서로 다른 상품이 추가됩니다.
 
 
 
 
 
 
 
 

 

 

 

 

 

 

 

 

 

위에서 만든 메인출력코드인 best(베스트상품), md(md추천상품)의 코드명을 메모해둡니다.   

다시 [디자인관리 고급 디자인 관리 세부 화면 디자인]로 이동합니다. [쇼핑몰]상품관련의 "상품목록::메인출력코드별"을 선택하고 페이지 디자인 관리의 URL을 클릭해봅시다. 아래와 같은 경고창이 표시됩니다.

 

 

 

 

 

확인을 누르고, 현재페이지의 주소줄에 "메인출력코드"부분을 best로 변경하고 확인하면 메인출력코드로 추가했던 상품들이 출력됩니다.(MD추천상품은 best을 md로 변경)

 

 
http://본인의 계정/shop_goods/goods_main_list.htm?main_code=best&mobile_conn=off
 
 
 
 
 
 
 
 
 

 

 

 

 

 

 

 

 

 

앞에서 만든 메인출력코드별 상품목록과 이전의 미션에서 생성한 그룹디자인 {GROUP_best}, {GROUP_md}을 사용하여 [디자인관리 고급 디자인 관리 메인 화면 디자인]의 Body디자인에 아래와 같이 수정해줍니다.

 

  

   

 


 

조금씩 쇼핑몰이 느낌이 살아나죠?  조금만 더 화이팅~

 

 

 

 


 

수고하셨습니다~~~

 

 

완성화면 : http://uhkr35.aramschool.co.kr/shop_main/main_body.htm

 

 

 

 

완성 하신 분은 다음 미션으로 고고고~~~

 

 

 

 

 

 

 

 

 

 

 

위 미션 수행 후 덧글에 소감 한마디 남겨주세요~~~~ ^0^


댓글 85개