itfirst/sake
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

카카오 상담문의(카카오톡 채널)

Browse Source
This commit is contained in:
이대환
2026-08-05 11:08:51 +09:00
parent a86e1e5c16
commit 04493a107c
6 changed files with 35 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/main/resources/static/mobile/css/default.css
View File

@@ -5706,6 +5706,11 @@ body {
color: #16191d;
font-weight: 400;
}
.icon_kakao-customer-service {
width: 72px;
height: 72px;
background-image: url(../images/icon_kakao_customer.png);
}
.notice__title {
display: inline-block;

BIN
src/main/resources/static/mobile/images/icon_kakao_customer.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

16
src/main/resources/static/pc/css/default.css
View File

@@ -5560,20 +5560,30 @@ main {
}
.quick-menu__customer-service {
position: relative;
cursor: pointer;
}
.quick-menu__customer-service__num {
position: absolute;
bottom: 24px;
top: 80%;
left: 50%;
transform: translateX(-50%);
font-size: 24px;
width: 100%;
transform: translate(-50%, -50%);
font-size: 20px;
line-height: 1;
font-weight: 700;
color: #212529;
text-align: center;
}
.quick-menu > * + * {
margin-top: 16px;
}
.icon_kakao-customer-service {
width: 108px;
height: 108px;
background-image: url(../images/icon_kakao_customer.png);
/* 이미지 그림자 */
filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.15));
}
.recentProductSlick {
width: 100%;

BIN
src/main/resources/static/pc/images/icon_kakao_customer.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

15
src/main/webapp/WEB-INF/views/index.jsp
View File

@@ -1272,13 +1272,14 @@
</div>
</c:if>
</div>
<%-- <div class="quick-menu__customer-service">--%>
<%-- <i class="icon icon_quick-customer-service"></i>--%>
<%-- <span class="visually-hidden">고객센터</span>--%>
<%-- <span class="quick-menu__customer-service__num">--%>
<%-- ${ fn:replace(resultMap.operAt.cscTelnb, '-', '<br>') }--%>
<%-- </span>--%>
<%-- </div>--%>
<div class="quick-menu__customer-service"
onclick="window.open('http://pf.kakao.com/_xjxjHxnX', '_blank');">
<i class="icon icon_kakao-customer-service"></i>
<span class="visually-hidden">고객센터</span>
<span class="quick-menu__customer-service__num">
카카오 상담
</span>
</div>
<div class="quick-menu__to-top">
<button><i class="icon icon_quick-to-top"></i><span class="visually-hidden">위로
가기</span></button>

15
src/main/webapp/WEB-INF/views/sopmal_m/mpage/main/MpageMainR.jsp
View File

@@ -201,16 +201,17 @@
</c:if>
<div class="sub-box">
<div class="mainNotice__wrapper">
<div class="mainNotice__customerContact">
<i class="icon icon_notice03"></i>
<div class="mainNotice__customerContact"
onclick="window.open('http://pf.kakao.com/_xjxjHxnX', '_blank');">
<i class="icon icon_kakao-customer-service"></i>
<div class="mainNotice__customerContact__right">
<h4 class="notice__title customer-service">고객센터</h4>
<span class="notice__number"><c:out value="${sopmallInfo.shopInfo.cscTelnb }"/></span>
<h4 class="notice__title customer-service">카카오 1:1 문의</h4>
<%-- <span class="notice__number"><c:out value="${sopmallInfo.shopInfo.cscTelnb }"/></span>--%>
<p class="notice__paragraph">
<span class="notice__text01"><c:out value="${ sopmallInfo.shopInfo.cscWkdayWorkTme }"/></span>
<span class="notice__text02">(<c:out value="${ sopmallInfo.shopInfo.cscLunchTme }"/>)</span>
<br>
<span class="notice__text03"><c:out value="${ sopmallInfo.shopInfo.cscRstde }"/></span>
<%-- <span class="notice__text02">(<c:out value="${ sopmallInfo.shopInfo.cscLunchTme }"/>)</span>--%>
<%-- <br>--%>
<%-- <span class="notice__text03"><c:out value="${ sopmallInfo.shopInfo.cscRstde }"/></span>--%>
</p>
</div>
</div>