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 f2b57c5d00
commit 07c145eee4
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; color: #16191d;
font-weight: 400; font-weight: 400;
} }
.icon_kakao-customer-service {
width: 72px;
height: 72px;
background-image: url(../images/icon_kakao_customer.png);
}
.notice__title { .notice__title {
display: inline-block; 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 { .quick-menu__customer-service {
position: relative; position: relative;
cursor: pointer;
} }
.quick-menu__customer-service__num { .quick-menu__customer-service__num {
position: absolute; position: absolute;
bottom: 24px; top: 80%;
left: 50%; left: 50%;
transform: translateX(-50%); width: 100%;
font-size: 24px; transform: translate(-50%, -50%);
font-size: 20px;
line-height: 1; line-height: 1;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
text-align: center;
} }
.quick-menu > * + * { .quick-menu > * + * {
margin-top: 16px; 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 { .recentProductSlick {
width: 100%; 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> </div>
</c:if> </c:if>
</div> </div>
<%-- <div class="quick-menu__customer-service">--%> <div class="quick-menu__customer-service"
<%-- <i class="icon icon_quick-customer-service"></i>--%> onclick="window.open('http://pf.kakao.com/_xjxjHxnX', '_blank');">
<%-- <span class="visually-hidden">고객센터</span>--%> <i class="icon icon_kakao-customer-service"></i>
<%-- <span class="quick-menu__customer-service__num">--%> <span class="visually-hidden">고객센터</span>
<%-- ${ fn:replace(resultMap.operAt.cscTelnb, '-', '<br>') }--%> <span class="quick-menu__customer-service__num">
<%-- </span>--%> 카카오 상담
<%-- </div>--%> </span>
</div>
<div class="quick-menu__to-top"> <div class="quick-menu__to-top">
<button><i class="icon icon_quick-to-top"></i><span class="visually-hidden">위로 <button><i class="icon icon_quick-to-top"></i><span class="visually-hidden">위로
가기</span></button> 가기</span></button>

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

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