[카페24 쇼핑몰] 상품상세 모듈(module), 변수

상품분류페이지와 마찬가지로 중요한 페이지인데요~

자동출력되는 모듈이 있으나 디자인이 다를경우 기존과 다르게 수정해야할 경우가 생깁니다.

 

자~ 상품상세 모듈에 대해 설명해 드리겠습니다 ^^

 

상품상세페이지(/product/detail.html)

상품상세페이지 상단

상품상세페이지에서 중요한 부분이 상단에 위치하고 있는데요

이미지 썸네일과 상품명, 소비자가격, 판매가격 등등 상세정보를 제공하는 페이지입니다.

 

1. 작은 썸네일 추가이미지

여러가지 썸네일을 마우스 오버하면 볼수가 있는데요~

상품관리 > 상품목록 > 해당 상품명 클릭 > 상품관리팝업 > 이미지정보탭 > 추가이미지등록

 

상품관리 팝업 추가이미지등록

이미지추가하기 버튼을 누르신뒤 이미지를 등록하시면 됩니다 ^^

 

 

2. product_detaildesign 모듈

상품상세 상단 기본정보 모듈 html

[카페24 쇼핑몰] 코딩 초보자 기본요약 글에서 설명을 간단하게 했는데요~

module="product_detaildesign" 이라는 모듈을 설정하기 위해서는 상품정보표시설정의 상품상세탭에서 표시설정하셔야합니다.

 

반복되는 소스에서 원하는 곳의 수정을 원할때에는 css로 설정이 가능한데요

<table border="1" summary="">
<caption>{$name} 기본정보</caption>
<tbody>
<tr class="{$item_class} {$item_display|display}">
<th scope="row">{$item_title}</th>
<td>{$item_content}</td>
</tr>
</tbody>
</table>

{$item_class} : 디자인 설정 내역 css 클래스

 

이부분을 넣어주시면 각각의 클래스 자동생성됩니다 ^^

 

product_detaildesign 모듈

 

A. product_name_css : 상품명

B. simple_desc_css : 상품간략설명

C. product_custom_css : 소비자가격

D. product_price_css : 판매가격

E. product_code_css : 상품코드

 

이클래스를 이용해서 특정부분을 안보이게 한다던지 아니면 폰트를 따로 지정해서 설정도 가능합니다.

자기가 원하는 부분이 안나오시면 상품정보표시설정의 상품상세탭에서 표시설정을 꼭 확인해주세요!!!

 

상품상세 상단모듈정보

http://sdsupport.cafe24.com/product/detail.html?product_no=3828&cate_no=66&display_group=1

한국어 상품상세 상단영역

 

3. 관련상품

상품상세페이지 관련상품탭

상품상세페이지에서 관련상품도 빼놓을수가 없는데요ㅋ

 

관련상품 html

A. module="product_relation" : 관련상품이 없을때 안나오게 해준다.

B. <!--@css(/css/module/product/relation.css)--> : 관련상품 css

C. module="product_relationlist" : 이모듈을 꼭 넣어줘야 관련상품 리스트가 출력이 됩니다.

D. {$name} : 상품목록의 상품명({$product_name})과 다른 변수입니다. 

E. {$product_price} : 판매금액

 

현재 관련상품 모듈을 확인해보니 {$disp_product_price}, {$product_tax_type_text}, {$disp_sale_price} 변수가 없네요^^;;

판매가격만 있네용~

 

더 자세한 변수값을 확인하시고 싶으시다면 아래의 링크주소로 확인해주세요~

 

상품상세 하단모듈정보

http://sdsupport.cafe24.com/product/detail.html?product_no=3834&cate_no=66&display_group=1

한국어 상품상세 하단영역