상세 컨텐츠

본문 제목

[메이크샵] 디자인 스킨의 디자인편집하기(메인상품진열)

쇼핑몰 코딩정보/메이크샵

by Web lover 2020. 1. 28. 17:35

본문

디자인편집창에서 메인페이지의 메인상품진열 있는 중요한 html, 가상태그 등 소개해드릴게요^^ㅋ

 

디자인편집

디자인편집창 좌측 > 중앙디자인 > 메인

 

관리자페이지에서 메인상품진열하는건 제 블로글에서 코딩 초보자 기본요약 두번째에서 설명해드렸어요~

그걸 참고하셔서  메인상품진열을 해주세요.(메인상품진열이 정상적으로 테스트하기위함)

 

메인신상품진열을 기준으로 설명해드릴게요~

<!--/if_new_product/-->
wqewq
wqewq
wqewq
wqewq
dafssdaf
wqewq
wqewq
wqewq
wqewq
dafssdaf
wqewq
wqewq
wqewq
wqewq
dafssdaf
wqewq
wqewq
wqewq
wqewq
dafssdaf
wqewq
wqewq
wqewq
wqewq
dafssdaf
wqewq
wqewq
wqewq
wqewq
dafssdaf
wqewq
wqewq
wqewq
wqewq
dafssdaf
wqewq
wqewq
wqewq
wqewq

각각 메인진열마다 고유의 가상태그가 존재하는데요.

 

신상품 : new

특별상품 : special

추천상품 : recmd

추가1 : add1

추가2 : add2

추가3 : add3

추가4 : add4

추가5 : add5

추가6 : add6

추가7 : add7

추가8 : add8

추가9 : add9

 

이부분을 체크하시고 메인 편집화면에있는 메인진열관련된 가상태그를 설명할게요.

 

1) <!--/if_new_product/-->신상품진열영역<!--/end_if/-->

- 신상품이 있을때 신상품진열영역을 보여라

 

2) <!--/loop_new_product(6)/-->신상품진열상품<!--/end_loop/-->

- 신상품진열상품을 6개 보여라

 

3) <!--/new_product@link/-->

- 신상품 상세페이지 주소

 

4) <!--/new_product@image_m/-->

- 신상품 중간사이즈 상품이미지

 

5) <!--/new_product@icons/-->

- 신상품 아이콘들

 

6) <!--/new_product@name/-->

- 신상품 상품명

 

7)

<!--/if_new_product@price_replace/--> 만약 신상품 가격대체문구가 있다면

<!--/new_product@price_replace/--> 신상품 가격 대체문구 출력

<!--/else_if_new_product@is_soldout/--> 신상품 품절이 됐다면

Sold Out -> 문구출력

<!--/else/--> 앞의 두부분이 해당사항없다면

 8) 출력

<!--/end_if/-->

 

8)

<!--/if_new_product@price_discount/--> 만약 신상품 할인가격이 있다면

<strike><!--/number/new_product@price_sell/-->원</strike> 신상품 판매가격 출력

<span class="price"><!--/number/new_product@price_discount/-->원</span> 신상품 할인가격 출력

<!--/else/--> 앞의부분이 해당사항없다면 다음을 출력

<!--/if_new_product@price_consumer(+1)/--> 신상품의 소비자가격이 1원이라도 있다면

<strike><!--/number/new_product@price_consumer/-->원</strike> 신상품 소비자가격 출력

<!--/end_if/--> 신상품의 소비자가격 끝

<span class="price"><!--/number/new_product@price_sell/-->원</span> 신상품 판매가격 출력

<!--/end_if/--> 신상품 할인가격 끝

 

9)

<!--/if_new_product@color/--> 만약 신상품 색상목록이 있다면

<!--/loop_new_product@color/--> 색상목록 반복출력

<font color="<!--/new_product@color@code/-->">■</font> : 신상품 색상코드

<!--/end_loop/--> 반복출력 끝

<!--/end_if/--> 신상품 색상목록 끝

 

10)

<!--/if_new_product@link_preview/--> 만약 신상품 미리보기 버튼 링크가 있다면

<a href="<!--/new_product@link_preview/-->"><img src="<!--/new_product@preview_icon/-->" alt="미리보기"></a>

미리보기링크, 미리보기 아이콘

<!--/end_if/--> 상품 미리보기 버튼 링크

 

11) <!--/new_product@subname/--> : 신상품 추가상품명

 

 

결론 설명)

new_ : 이부분을 각각의 해당관련 태그로 수정하시면  동일하게 수정가능합니다.

 

EX)

<!--/if_special_product/-->특별상품진열영역<!--/end_if/-->

<!--/loop_special_product(6)/-->특별상품진열상품<!--/end_loop/-->

<!--/special_product@link/-->

관련글 더보기

댓글 영역