상품상세 배송비 레이어 디자인 깨짐 현상
설명
(뉴)상품 어드민에서 배송비 설정시 배송비를 표시해 주는 버튼 및 레이어의 디자인이 깨지는 현상입니다.
기존 스킨에서는 해당 레이어의 CSS 소스가 없어서 생기는 문제입니다.
처리대상
1. 기존 상품관리 스킨 그대로 (뉴)상품관리로 이전하신 사용자
2. 디자인관리 또는 디자인센터에서 기존 상품관리용 유/무료 디자인을 구매한 (뉴)상품관리 사용자
어드민 설정
- 상점관리 > 배송관리
- 상품관리 > 상품표시관리 > 상품정보표시 설정 > 메인화면/상품목록 탭 : 배송비의 표시설정을 "표시함"으로 설정
수정 필요한 파일 및 추가할 CSS 소스
CSS 파일
| 위치 |
파일 |
| /css/module/product/ |
detail.css |
| zoomPackage.css |
CSS 소스
.differentialShipping { display:none; overflow:hidden; position:absolute; right:0; top:17px; z-index:100; width:350px; border:1px solid #7f8186; color:#000; background-color:#fff; }
.differentialShipping h3.title { height:39px; margin:0; padding:0 35px 0 19px; color:#fefefe; font-size:14px; line-height:39px; background-color:#666; }
.differentialShipping .content { padding:20px; }
.differentialShipping .close { position:absolute; right:14px; top:12px; }
.differentialShipping .close img { cursor:pointer; }
.differentialShipping .content ul { color:#8f8f8f; line-height:25px; }
.differentialShipping .content li { overflow:hidden; padding:0 0 0 6px; background:url("http://img.echosting.cafe24.com/design/skin/default/order/ico_pay_list.gif") no-repeat 0 9px; }
.differentialShipping .content li strong { float:left; font-weight:normal; }
.differentialShipping .content li span { float:right; color:#000; }
.differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; font-size:11px; color:#80aeef; text-align:right; }
화면 비교
수정전
수정후
