Commit 31681235 authored by 임지연's avatar 임지연

[임지연/이모션]플로팅 버튼 수정 2022.05.19

parent 39f0beda
......@@ -1076,6 +1076,41 @@
</div>
</div>
<!-- [D] 2022.05.19 변경
tds 기존 소스 참고 -->
<!-- sticky 빠른메뉴 -->
<div class="sticky-shortcut">
<h3 class="g-invisible">빠른메뉴</h3>
<div class="shortcut-menus">
<a href="javascript:window.open('https://m.shop.tworld.co.kr/common-campaign?cmpId=000029');">
<button type="button" class="btn-counsel-phone">
<span class="ico-counsel-phone"></span>
<span class="text">전화상담</span>
</button>
</a>
<a href="javascript:window.open('https://chat.tworld.co.kr:17443/sharedfront/jsp/view/liveChatCheck.jsp?domainId=MOBILE');">
<button type="button" class="btn-counsel-chat">
<span class="ico-counsel-chat"></span>
<span class="text">1:1채팅</span>
</button>
</a>
<a href="javascript:window.open('https://chat.tworld.co.kr:17443/sharedfront/jsp/view/liveChatKakaoCheck.jsp?domainId=MOBILE');">
<button type="button" class="btn-kakaotalk">
<span class="ico-kakaotalk"></span>
<span class="text">카카오톡</span>
</button>
</a>
</div>
<button type="button" class="btn-counsel-toggle">
<span class="ico-counsel-toggle">상담메뉴 접기/펴기 토글</span>
</button>
<a href="#top" class="btn-top"><span class="ico-top">맨위로</span></a>
</div>
<div class="sticky-shortcut-dimmed" style="display: none;"></div>
<!-- //sticky 빠른메뉴 -->
<script>
// 메뉴
var swiper_menu = new Swiper('.swiper-container-menu', {
......@@ -1144,6 +1179,13 @@
$('#list-type1').show();
}
})
// 2022.05.19 플로팅베너 기존 소스
$('.btn-counsel-toggle').on('click', function () {
$('.sticky-shortcut').toggleClass('active');
$('body').toggleClass('js-noscroll');
$('.sticky-shortcut-dimmed').toggle();
});
</script>
</body>
......
......@@ -3369,9 +3369,12 @@ html {
}
.btn-counsel-toggle .ico-counsel-toggle {
width: 31px;
/* width: 31px;
height: 29px;
background-position: 0 -375px;
background-position: 0 -375px; */
width: 22px;
height: 40px;
background-position: -4px -370px;
background-size: 460px 428px;
position: absolute;
top: 0;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment