Implement share functionality and UI updates: Add share button to various pages, create share popup with URL input, and enhance CSS styles for better layout and responsiveness. Update JavaScript for clipboard functionality and navigator share API support.

This commit is contained in:
2025-11-18 23:31:29 +09:00
parent 6ece736da9
commit cfb9b1c4d4
20 changed files with 703 additions and 2051 deletions

View File

@@ -413,9 +413,12 @@
<div class="optionWarp">
<div class="producTitle">
<!-- <span>차량SW</span> -->
<div class="util-area">
<button type="button" class="btn-share" onclick="openSharePopup()">공유하기</button>
<button type="button" class="btn-wish">좋아요</button>
</div>
<h1>
디즈니 디스플레이 테마
<button type="button" class="btn-wish"></button>
</h1>
<p>디즈니 디스플레이 테마와 함께 차량에 특별한 감성을 더해보세요.</p>
</div>
@@ -609,6 +612,7 @@
<div class="inner">
<div class="item welcome-goodbye aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
<div class="image_area">
<!-- 20251113 수정 -->
<div class="video-area">
<video class="video-welcome" playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
<source src="../assets/images/kia/promotion/micky/Welcome.mp4" type="video/mp4" />
@@ -621,6 +625,7 @@
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
</video>
</div>
<!--// 20251113 수정 -->
</div>
<div class="text_area">
<h4>Welcome &amp; Goodbye Video</h4>
@@ -749,6 +754,7 @@
<div class="inner">
<div class="item welcome-goodbye" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<div class="image_area">
<!-- 20251113 수정 -->
<div class="video-area">
<video class="video-welcome" playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
<source src="../assets/images/kia/promotion/frozen/Welcome.mp4" type="video/mp4" />
@@ -1170,7 +1176,27 @@
</div>
</div>
</div>
</div>
<div id="sharePopup" class="popupWarp" style="display: none">
<div class="popInner sharePop">
<div class="popContents">
<h1>공유하기</h1>
<div class="shareCon">
<div class="shareUrlBox">
<input type="text" id="shareUrl" class="shareUrlInput" value="" readonly />
</div>
</div>
<div>
<div class="towButton">
<button type="button" class="cartBtn leftBtn" onclick="close_layer_popup('sharePopup')"><p>닫기</p></button>
<button type="button" class="PurchaseBtn rightBtn" onclick="copyShareLink()"><p>링크복사</p></button>
</div>
</div>
</div>
</div>
</div>
<!--//footer-->
<script>
AOS.init();