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

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

parent 39f0beda
...@@ -1076,6 +1076,41 @@ ...@@ -1076,6 +1076,41 @@
</div> </div>
</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> <script>
// 메뉴 // 메뉴
var swiper_menu = new Swiper('.swiper-container-menu', { var swiper_menu = new Swiper('.swiper-container-menu', {
...@@ -1144,6 +1179,13 @@ ...@@ -1144,6 +1179,13 @@
$('#list-type1').show(); $('#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> </script>
</body> </body>
......
...@@ -3369,9 +3369,12 @@ html { ...@@ -3369,9 +3369,12 @@ html {
} }
.btn-counsel-toggle .ico-counsel-toggle { .btn-counsel-toggle .ico-counsel-toggle {
width: 31px; /* width: 31px;
height: 29px; height: 29px;
background-position: 0 -375px; background-position: 0 -375px; */
width: 22px;
height: 40px;
background-position: -4px -370px;
background-size: 460px 428px; background-size: 460px 428px;
position: absolute; position: absolute;
top: 0; 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