ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
빨간색 글자만 변경하여 사용하세요. 그 외 소스를 수정하면 작동하지 않을 수 있습니다.
2
주황색 글자는 더 강력한 CSS 선언을 위한 속성 이름이므로 수정하시면 안 됩니다.
3
기능으로 추가된 소스는 아래로 이동하였습니다.
4
CSS 관련 소스는<head></head> 태그 안에 넣어주시고 JavaScript 관련 소스는 가급적 <body> 태그 안에 넣어주세요.
5
* 디자인 관련 소스는 <style>과 </style> 안에 삽입됩니다. 여러 가지 소스를 넣을 때, <style>, </style> 태그는 하나만 사용하고 태그 안에 내용만 추가해주세요.
6
* 기술 관련 소스는 <script>과 </script> 안에 삽입됩니다. 여러 가지 소스를 넣을 때, <script>, </script> 태그는 하나만 사용하고 태그 안에 내용만 추가해주세요.
7
* 주석(/* 주석 내용 */)을 참고하여 소스를 활용해주세요. 주석은 소스에 포함되어도 화면에 보이지 않으므로 소스에 그대로 두어도 무방합니다.
8
* 소스에 대한 직접적인 기술적 지원은 제공하지 않으며, 소스 작성 시 참고용으로 활용해주세요.
9
데스크탑 하위 메뉴 디자인 수정하기
10
<style>
11
#body .site-element.desktop .menu-navi.menu-main .subMenuNaviList {
12
/* 하위 메뉴 디자인 수정 */
13
font-size: 14px !important; /* 글자 크기입니다. !important 앞에 px 단위로 입력해주시면 됩니다. */
14
background-color: #ffffff !important; /* 배경 색상입니다. !important 앞에 6자리 헥사 코드 앞에 #을 붙여서 입력해주시면 됩니다. */
15
border-color: #ffffff !important; /* 테두리 색상입니다. !important 앞에 6자리 헥사 코드 앞에 #을 붙여서 입력해주시면 됩니다. */
16
}
17
</style>
18
19
[주문 내역] 취소 요청, 반품 요청 버튼 항상 숨기기
20
<style>
21
/* [주문 내역] 취소 요청, 반품 요청 버튼 항상 숨기기 */
ㅁ
22
#orderReqButtonDiv {
23
display: none !important;
24
}
25
</style>
26
27
[주문 내역] 반품 요청 버튼만 숨기기
28
<style>
29
/* [주문 내역] 반품 요청 버튼 숨기기 */
30
#orderReqButtonDiv button[onclick*="returnRequest"] {
31
display: none !important;
32
}
33
</style>
34
[디자인 편집 > 스타일 편집 > 실험실 > 배송 준비 상태일 때 주문 취소 버튼 숨기기] 문구 변경
35
/* <script> 태그 소스는 반드시 body 태그 안에 넣어주세요. */
36
국내몰
37
<style>
38
.subtext:after {
39
content: "변경할 문구 입력" !important;
40
}
41
</style>
42
43
해외몰
44
<style>
45
.sitePlan-globalMall .subtext:after {
46
content: "변경할 문구 입력" !important;
47
}
48
</style>
49
50
[후기 게시판] 상품 후기 별점 기본 값 별 다섯개로 지정하기
51
/* <script> 태그 소스는 반드시 body 태그 안에 넣어주세요. */
52
<script>
53
// 후기 별점 별5개를 기본 값으로 설정
54
$("#selectPostReviewRate option[value='noReviewRate']").removeAttr("selected");
55
$("#selectPostReviewRateDiv .customSelectDivLabel").text("★★★★★");
56
$("#selectPostReviewRate option[value='5']").attr("selected","selected");
57
</script>
58
[후기 게시판] 격자 - 상품 썸네일 - 상품 이름, 별점 글자 크기
59
<style>
60
/* 후기 게시판 썸네일 안에 상품 이름, 별점 글자 크기 수정하기 */
61
.body.desktop .section-wrapper.boardProductReview-section .item-wrapper.boardProductReview.boardGrid .boardProductPostWrapper .boardProductInfoWrapper .boardGridProductName {
62
font-size: 글자크기px !important; /* 데스크탑 - 썸네일 상품 이름 글자 크기 수정하기*/
63
}
64
.body.desktop .section-wrapper.boardProductReview-section .item-wrapper.boardProductReview.boardGrid .boardProductPostWrapper .boardProductInfoWrapper .boardGridReviewRating {
65
font-size: 글자크기px !important; /* 데스크탑 - 썸네일 - 별점 크기 수정하기*/
66
}
67
.body.mobile .section-wrapper.boardProductReview-section .item-wrapper.boardProductReview.boardGrid .boardProductPostWrapper .boardProductInfoWrapper .boardGridProductName {
68
font-size: 글자크기px !important; /* 모바일 - 썸네일 상품 이름 글자 크기 수정하기 */
69
}
70
.body.mobile .section-wrapper.boardProductReview-section .item-wrapper.boardProductReview.boardGrid .boardProductPostWrapper .boardProductInfoWrapper .boardGridReviewRating{
71
font-size: 글자크기px !important; /* 모바일 - 썸네일 별점 크기 수정하기 */
72
}
73
</style>
74
[게시판] 게시판 상세글 제목글, 글쓴이/조회수/등록일 글자 크기
75
<style>
76
.body.pageLink-boardPost .boardPost-wrapper .postHead #postTitle {
/* 제목글 글자 크기 */
77
font-size: 글자크기px !important;
/* 글자 크기를 입력해주세요. */
78
}
79
.body.pageLink-boardPost .boardPost-wrapper .postHead #postInfo span {
/* 글쓴이/조회수/등록일 글자 크기 */
80
font-size: 글자크기px !important;
/* 글자 크기를 입력해주세요. */
81
}
82
</style>
83
[후기 통합 게시판] 후기 게시글 썸네일 이미지 너비 - 꽉찬 이미지로
84
/* PC 후기 통합 게시판에서 상품 사진 너비, 높이를 조절할 수 있는 코드입니다. */
85
.boardPost-wrapper.viewPost #postProductContentImage div.img {
86
width: 100% !important; /* 너비를 100%로 지정하면 화면에 꽉차게 됩니다. */
87
height: 0 !important;
88
padding-top: 100%;
89
margin-right: 0;
90
display: block;
91
}
92
93
/* 모바일 후기 통합 게시판에서 상품 사진 너비, 높이를 조절할 수 있는 코드입니다. */
94
@media screen and (max-width: 640px) {
95
.boardPost-wrapper.viewPost #postProductContentImage div.img {
96
width: 100% !important; /* 너비를 100%로 지정하면 화면에 꽉차게 됩니다. */
97
height: 0 !important;
98
padding-top: 100%;
99
margin-right: 0;
100
display: block;