애드온 추가설명
상품박스를 다양한 방식의 레이어로 보여줄 수 있는 애드온 입니다.
조합을 통해서 수십가지의 모습으로 보여줄 수 있으며, 특정 컬러까지 입힐 수 있습니다.
Attribute를 이용해서 총 7가지의 옵션을 수정할 수 있으며, 색상 테마는 2개가 제공됩니다.
theme="black" * 테마 white, black ( 값이 없을 경우 투명한 레이어가 됩니다 )
gap="2xl" * 텍스트 상자 안쪽의 여백 ( xs, sm, md, lg, xl, 2xl, 3xl 지원 )
between="2xl" * 텍스트 상자 바깥쪽의 여백 ( xs, sm, md, lg, xl, 2xl, 3xl 지원 )
position="46" * 포지션을 의미하며, 1 ~ 9 는 숫자패드 위치와 동일합니다. ( 1, 2, 3, 13, 4, 5, 6, 46, 7, 8, 9, 79 지원 )
* 13, 46, 79 는 좌우 꽉참을 의미합니다.
cover="full-middle-center" * 상품 이미지 전체를 덮는 레이어로 변경되며, 포지션을 무시합니다.
* 가운데 작성되는 middle 은 세로 정렬을 의미합니다. ( 없을시 탑, middle, bottom 지원 )
* 마지막에 작성된 center 은 글자 가로 정렬을 의미합니다. ( 없을시 좌측, center, right 지원 )
round="sm" 테두리의 굴곡짐 ( xs, sm, md, lg, xl, 2xl, 3xl 지원 )
effect="slideup" * 트랜지션 효과를 의미합니다. 값이 없을 시, 노출된 상태가 유지됩니다.
* fadein, slideup, slideright, slidedown, slideleft지원, 값이 비어있는 모든 이펙트가 삭제되고 마우스 오버시에 단순 노출됩니다.
샘플의 모습은 기본형태의 레이어이며, 언제든지 변경이 가능한 점 참고바랍니다.
이 애드온 하나면, 마우스 오버 상품 상자는 더이상 필요없다고 보시면 됩니다.
* 상품 정보는 판매가, 할인판매가, 소비지가 까지 노출됩니다.
* 상품 정보중 아이콘, 간략설명, 요약설명은 숨김처리 상태입니다. ( 노출 가능 )
* 문의, 후기 개수를 지원하며 문의 개수는 숨김처리 상태입니다. ( 노출 가능 )
* 그 외 관리자 설정의 값들은 보여지지 않습니다.
* 아래는 Attribute 조합 예시 입니다.
-------------------------------------------------------------------------------------------------------------------------------------------
심플 화이트형
<div class="sp--addon-287" theme="white" gap="2xl" between="2xl" position="79" cover="" round="sm" effect="fadein">
심플 블랙형
<div class="sp--addon-287" theme="black" gap="2xl" between="2xl" position="79" cover="" round="sm" effect="fadein">
설명 정보 노출형
<div class="sp--addon-287" theme="white, black" gap="2xl" between="2xl" position="79" cover="" round="sm" effect="fadein">
풀커버형
<div class="sp--addon-287" theme="white" gap="2xl" between="2xl" position="79" cover="full-middle-center" round="sm" effect="fadein">
모퉁이형
<div class="sp--addon-287" theme="black" gap="2xl" between="2xl" position="3" cover="" round="sm" effect="fadein">
* Attribute로 조합한 일부 디자인 입니다.