히트,추천,신상,베스트등의 유형별 아이콘들을 상품 이미지 위에 올려 놓는 방법을 알고 싶습니다.
본문
히트,추천,신상,베스트등의 유형별 아이콘들을 리스트 상에 있는 상품 이미지 위에 올려 놓을 수 있는 방법이 있을까요?
고수님들의 도움 부탁드립니다.^^
답변 3
상품 관련 리스트가 노출되는 곳의 레이아웃을 변경하시거나 스타일을 수정하시면 됩니다.
가령 영카트 기본형의 인덱스에 노출되는 상품이미지들은 <div class="sct_icon"> 으로 랩핑되어 있으니 이 디자인을 아래와 같이 변경하시면 됩니다.
.sct_icon {
position: absolute;
left: 0; /* 원하는 위치값 */
top: 0; /* 원하는 위치값 */
z-index: 1000;
}
.smt_10_main .smt_icon {float:right;
position:absolute;
text-align:right;
width:40px;
top:8px;
right:-6px;
}
이런식으로 하시면 이렇게 적용됩니다.
해결 되었습니다. 채택을 한 분 밖에 못해서 죄송합니다. 두 분께 너무 감사드립니다.^^!!!
답변을 작성하시기 전에 로그인 해주세요.