히트,추천,신상,베스트등의 유형별 아이콘들을 상품 이미지 위에 올려 놓는 방법을 알고 싶습니다.

Question

히트,추천,신상,베스트등의 유형별 아이콘들을 리스트 상에 있는 상품 이미지 위에 올려 놓을 수 있는 방법이 있을까요?

고수님들의 도움 부탁드립니다.^^

흉내쟁이 · Accepted Answer

상품 관련 리스트가 노출되는 곳의 레이아웃을 변경하시거나 스타일을 수정하시면 됩니다.

가령 영카트 기본형의 인덱스에 노출되는 상품이미지들은 <div class="sct_icon"> 으로 랩핑되어 있으니 이 디자인을 아래와 같이 변경하시면 됩니다.

Copy

.sct_icon {  position: absolute;  left: 0; /* 원하는 위치값 */  top: 0; /* 원하는 위치값 */  z-index: 1000;}

dethos79 · Answer

해결 되었습니다. 채택을 한 분 밖에 못해서 죄송합니다. 두 분께 너무 감사드립니다.^^!!!

블랙앤화이트 · Answer

[code] .smt_10_main .smt_icon {float:right;                         position:absolute;                         text-align:right;                         width:40px;                         top:8px;                         right:-6px;                         } [/code]  이런식으로 하시면 이렇게 적용됩니다.

히트,추천,신상,베스트등의 유형별 아이콘들을 상품 이미지 위에 올려 놓는 방법을 알고 싶습니다.

답변 3개

공유하기