식스샵 - 코드 삽입 모음
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

View only
 
 
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
빨간색 글자만 변경하여 사용하세요. 그 외 소스를 수정하면 작동하지 않을 수 있습니다.
2
주황색 글자는 더 강력한 CSS 선언을 위한 속성 이름이므로 수정하시면 안 됩니다.
3
CSS 관련 소스는<head></head> 태그 안에 넣어주시고 JavaScript 관련 소스는 가급적 <body> 태그 안에 넣어주세요.
4
* 디자인 관련 소스는 <style>과 </style> 안에 삽입됩니다. 여러 가지 소스를 넣을 때, <style>, </style> 태그는 하나만 사용하고 태그 안에 내용만 추가해주세요.
5
* 기술 관련 소스는 <script>과 </script> 안에 삽입됩니다. 여러 가지 소스를 넣을 때, <script>, </script> 태그는 하나만 사용하고 태그 안에 내용만 추가해주세요.
6
* 주석(/* 주석 내용 */)을 참고하여 소스를 활용해주세요. 주석은 소스에 포함되어도 화면에 보이지 않으므로 소스에 그대로 두어도 무방합니다.
7
* 소스에 대한 직접적인 기술적 지원은 제공하지 않으며, 소스 작성 시 참고용으로 활용해주세요.
8
데스크탑 하위 메뉴 디자인 수정하기
9
<style>
10
#body .site-element.desktop .menu-navi.menu-main .subMenuNaviList {
11
/* 하위 메뉴 디자인 수정 */
12
font-size: 14px !important; /* 글자 크기입니다. !important 앞에 px 단위로 입력해주시면 됩니다. */
13
background-color: #ffffff !important; /* 배경 색상입니다. !important 앞에 6자리 헥사 코드 앞에 #을 붙여서 입력해주시면 됩니다. */
14
border-color: #ffffff !important; /* 테두리 색상입니다. !important 앞에 6자리 헥사 코드 앞에 #을 붙여서 입력해주시면 됩니다. */
15
}
16
</style>
17
18
[주문 내역] 취소 요청, 반품 요청 버튼 항상 숨기기
19
<style>
20
/* [주문 내역] 취소 요청, 반품 요청 버튼 항상 숨기기 */
21
#orderReqButtonDiv {
22
display: none !important;
23
}
24
</style>
25
26
[주문 내역] 반품 요청 버튼만 숨기기
27
<style>
28
/* [주문 내역] 반품 요청 버튼 숨기기 */
29
#orderReqButtonDiv button[onclick*="returnRequest"] {
30
display: none !important;
31
}
32
</style>
33
34
[주문 내역] 배송 준비 상태에서 취소 요청 버튼 숨기기
35
<style>
36
.subtext:after {
37
content : "배송준비 상태가 되면 상품 포장이 시작되어 \A 주문취소가 불가능합니다.";
38
display : block;
39
font-size : 11px;
40
white-space:pre;
41
line-height : 1.2;
42
}
43
</style>
44
45
<script>
46
if($('#data_div').data('pagelink') === 'orderDetail') {
47
var $status = $('#shopOrderStatus');
48
$status.on('DOMSubtreeModified', function() {
49
var element = $(this).children("div:contains('배송 준비')");
50
51
if(element.length == 1){
52
$('#orderReqButtonDiv').hide();
53
$status.off('DOMSubtreeModified');
54
element.children("div").attr("class", "subtext");
55
}
56
});
57
}
58
</script>
59
[후기 게시판] 상품 후기 별점 기본 값 별 다섯개로 지정하기
60
/* <script> 태그 소스는 반드시 body 태그 안에 넣어주세요. */
61
<script>
62
// 후기 별점 별5개를 기본 값으로 설정
63
$("#selectPostReviewRate option[value='noReviewRate']").removeAttr("selected");
64
$("#selectPostReviewRateDiv .customSelectDivLabel").text("★★★★★");
65
$("#selectPostReviewRate option[value='5']").attr("selected","selected");
66
</script>
67
68
모바일 메뉴 열었을 때, 상위 메뉴 밑에 있는 하위 메뉴가 항상 보이게 하기
69
/* <style> 태그 소스는 반드시 head 태그 안에 넣어주세요. */
70
<style>
71
#body .headerMenuList.mobile .headerMenuListContents > .menu-navi.menu-main.subMenu-exist:not(.onePageMenu) > .menu-opener {
72
display: none; /* 모바일 하위 메뉴 opener 숨김 */
73
}
74
</style>
75
76
/* <script> 태그 소스는 반드시 body 태그 안에 넣어주세요. */
77
<script>
78
/*모바일 하위 메뉴 항상 열려 있게 */
79
$(".headerMenuListContents.mobile .subMenu-exist").addClass("subNaviList-opened");
80
</script>
81
82
모바일 배지 글자 크기, 너비, 높이 조절하기 (상품 목록, 상품 슬라이드, 상품 상세 페이지 - 관련 상품)
83
<style>
84
#body.mobile .item-wrapper.productList:not(.relatedProductItemWrapper) .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge span {
85
font-size: 15px !important; /* 모바일 상품 목록 섹션 뱃지 글자 크기 */
86
width: 60px !important; /* 모바일 상품 목록 섹션 뱃지 너비 */
87
height: 60px !important;/* 모바일 상품 목록 섹션 뱃지 높이 */
88
}
89
#body.mobile .item-wrapper.productListSlide .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge span{
90
font-size: 15px !important; /* 모바일 상품 슬라이드 섹션 뱃지 글자 크기 */
91
width: 60px !important; /* 모바일 상품 슬라이드 섹션 뱃지 너비 */
92
height: 60px !important;/* 모바일 상품 슬라이드 섹션 뱃지 높이 */
93
}
94
#body.mobile .item-wrapper.relatedProductItemWrapper .productListWrapper .shopProductWrapper.badgeUse .badgeWrapper .badge span {
95
font-size: 20px !important; /* 모바일 상품 상세 페이지 관련 상품 뱃지 글자 크기 */
96
width: 100px !important; /* 모바일 상품 상세 페이지 관련 상품 뱃지 너비 */
97
height: 60px !important;/* 모바일 상품 상세 페이지 관련 상품 뱃지 높이 */
98
}
99
</style>
100
모바일 팝업 위치 - 가운데 정렬
Loading...