상품 리스트 리스트뷰, 갤러리뷰 각자 노출 항목 틀리게 설정

상품 리스트 리스트뷰, 갤러리뷰 각자 노출 항목 틀리게 설정

QA

상품 리스트 리스트뷰, 갤러리뷰 각자 노출 항목 틀리게 설정

본문

상품 리스트 화면에서~ 

리스트뷰, 갤러리뷰 보기 가 있는데~ 

해당 화면 구성을 각자 틀리게 구성을 하고 싶은데요. 

해당 내용 css로 조정을 하는거 같은데~

혹시 리스튜부 갤러리뷰를 구별하는 변수 같은게 따로 있을까요????

아님 리스트뷰는 list.10.skin.php 스킨을 

갤러리 뷰는 list.20.skin.php 스킨을 사용할수 있게끔 따로 지정이 가능할까요??

 

이 질문에 댓글 쓰기 :

답변 1

/skin/shop/basic/style.css 파일 기준으로..

리스트뷰는 .sct_40 로 시작되는 부분이구요..

갤러리뷰는 .sct_10 로 시작되는 부분입니다.


/* 상품 목록 스킨 10 */
.sct_10 {margin:25px 0}
.sct_10.lists-row{margin-right:-10px;margin-left:-10px}
.sct_10 .sct_li {position:relative;float:left;margin-bottom:40px;text-align:left}
.sct_10 .sct_last {margin-right:0}
.sct_10 .sct_clear {clear:both}
.sct_10 .sct_a {text-decoration:none}
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
.sct_10 .sct_img {position:relative;text-align:center}
.sct_10 .sct_img a {display:block}
.sct_10 .sct_cart {display:none;position:absolute;left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold}
.sct_10 .sct_img:hover .sct_cart {display:block}
.sct_10 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
.sct_10 .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)}
.sct_10 .sct_ct_wrap {position:relative}
.sct_10 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_10 .sct_star {margin: 10px 0 5px}
.sct_10 .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px}
.sct_10 .sct_basic {margin-bottom:5px;color:#6e7f88}
.sct_10 .sct_bottom {position:relative;min-height:20px}
.sct_10 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold}
.sct_10 .sct_dict {display:block;text-decoration:line-through;font-weight:normal;font-size:0.85em;color:#858a8d}
.sct_10 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.sct_10 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);box-shadow: 1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}  
.sct_10 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
.sct_10 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px}
.sct_10 .sct_sns .share-facebook {background:#415b92}
.sct_10 .sct_sns .share-twitter {background:#35b3dc}
.sct_10 .sct_sns img {width:24px}
.sct_10 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
.sct_10 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.sct_10 .sct_op_btn {position:absolute;right:5px;bottom:0}
.sct_10 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}

/* 상품 목록 스킨 40 */
.sct_40 {margin:20px 0}
.sct_40 .sct_clear {border-top:1px solid #dadada}
.sct_40 .sct_li {position:relative;padding:15px 0;border-bottom:1px solid #dadada}
.sct_40 .sct_li:after {display:block;visibility:hidden;clear:both;content:""}
.sct_40 .sct_a {text-decoration:none}
.sct_40 .sct_a:focus, .sct_40 .sct_a:hover {text-decoration:none}
.sct_40 .sct_img {text-align:center;float:left;margin-right:20px}
.sct_40 .sct_img a {display:block;position:relative;z-index: 9999;}
.sct_40 .sct_cart {position:absolute;right:0;bottom:0;border:0;width:150px;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold;z-index:99999}
.sct_40 .list-10-btn .sct_cart{z-index:1;top:40px;right:10px;bottom:initial;padding:8px 0;width:140px;border:1px solid #1c70e9;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.sct_40 .list-10-btn .sct_cart:hover {background:#2375eb}
.sct_40 .list-10-btn .sct_cart i{display:none}
.sct_40 .sct_img:hover .sct_cart {display:block}
.sct_40 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
.sct_40 .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)}
.sct_40 .sit_icon_li{margin-top:10px}
.sct_40 .sct_ct_wrap {position:relative}
.sct_40 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_40 .sct_star {margin:10px 0 5px}
.sct_40 .sct_txt {font-size:1.1em;margin:10px 0;padding-bottom:10px}
.sct_40 .sct_txt a{font-weight:600;font-size:1.2em}
.sct_40 .sct_basic {margin-bottom:5px;color:#6e7f88}
.sct_40 .sct_cost {position:absolute;right:200px;top:15px;font-size:1.35em;font-weight:bold}
.sct_40 .sct_dict {text-decoration:line-through;font-weight:normal;display:block;font-size:0.85em;color:#858a8d}
.sct_40 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.sct_40 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);box-shadow: 1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}    
.sct_40 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
.sct_40 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px}
.sct_40 .sct_sns .share-facebook {background:#415b92}
.sct_40 .sct_sns .share-twitter {background:#35b3dc}
.sct_40 .sct_sns img {width:24px}
.sct_40 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
.sct_40 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.sct_40 .sct_op_btn {position:absolute;right:20px;bottom:20px}
.sct_40 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}
답변을 작성하시기 전에 로그인 해주세요.
전체 3,159
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT