|
|
@@ -17,8 +17,9 @@
|
|
|
-->
|
|
|
<body>
|
|
|
<th:block layout:fragment="content">
|
|
|
+ <script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
|
|
|
<!-- container -->
|
|
|
- <div id="container" class="container dp" th:with="frontUrl=${@environment.getProperty('domain.front')}, goodsView=${@environment.getProperty('upload.goods.view')}">
|
|
|
+ <div id="container" class="container dp" th:with="frontUrl=${@environment.getProperty('domain.front')}, goodsView=${@environment.getProperty('upload.goods.view')}, planView=${@environment.getProperty('upload.image.view')}">
|
|
|
<div class="breadcrumb">
|
|
|
<ul>
|
|
|
<li class="bread_home"><a href="javascript:void(0);"
|
|
|
@@ -35,7 +36,19 @@
|
|
|
<div>
|
|
|
<h3 th:text="${planInfo.planNm}"></h3>
|
|
|
<div>
|
|
|
- <a href="javascript:void(0)">sns share</a>
|
|
|
+ <div class="shareSet">
|
|
|
+ <button class="btn_share" data-name="openShare">공유하기</button>
|
|
|
+ <div class="shareWrap" th:with="stylelUrl=${@environment.getProperty('domain.front')}, imgGoodsUrl=${@environment.getProperty('upload.goods.view')}">
|
|
|
+ <div id="layerShare" class="setShare open">
|
|
|
+ <span>
|
|
|
+ <button type="button" class="kk" th:attr="onclick=|cfnSendToKakao('${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '${planView+ '/'+planInfo.mainImg}');|"><span>카카오톡</span></button>
|
|
|
+ <button type="button" class="fb" th:attr="onclick=|sendSns('facebook', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '', '');|"><span>페이스북</span></button>
|
|
|
+ <button type="button" class="tw" th:attr="onclick=|sendSns('twitter', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm+ '#style24몰'}', '', '');|"><span>트위터</span></button>
|
|
|
+ <button type="button" class="url btn_copy"><span>URL</span></button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -193,10 +206,10 @@
|
|
|
<div class="swiper-slide">
|
|
|
<a th:onclick="cfnGoToPlanDetail([[${PlanData.planSq}]])">
|
|
|
<div class="thumb">
|
|
|
- <img th:src="${@environment.getProperty('domain.image')+PlanData.mainImg}" alt="${PlanData.planNm}">
|
|
|
+ <img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg}" alt="${PlanData.planNm}">
|
|
|
</div>
|
|
|
<div class="txt">
|
|
|
- <span class="brand" th:if="${PlanData.cnt > 1}" th:text="${PlanData.brand}+' 외'"></span>
|
|
|
+ <!-- <span class="brand" th:if="${PlanData.cnt > 1}" th:text="${PlanData.brand}+' 외'"></span> -->
|
|
|
<p class="tit" th:text="${PlanData.planNm}"></p>
|
|
|
</div>
|
|
|
</a>
|
|
|
@@ -560,6 +573,7 @@ var useInfoCoupon = function (id) {
|
|
|
// 화면 전환 필요
|
|
|
}
|
|
|
|
|
|
+
|
|
|
//세번째 자리 콤마찍기 (숫자만 포함, 소수점자리 구분)
|
|
|
function comma(num){
|
|
|
return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
|
|
@@ -570,11 +584,25 @@ function comma(num){
|
|
|
<script type="text/javascript">
|
|
|
// 컨텐츠 호출
|
|
|
$(document).ready( function() {
|
|
|
- $("#header").load("head.html");
|
|
|
- $("#footer").load("foot.html");
|
|
|
- });
|
|
|
-
|
|
|
- $(document).ready( function() {
|
|
|
+
|
|
|
+ //공유 버튼 토글
|
|
|
+ $("button[data-name=openShare]").on("click", function(){
|
|
|
+ $(this).toggleClass("on").next(".shareWrap").toggleClass("on");
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ //영역밖 클릭으로 공유토글 닫기
|
|
|
+ $("body").on('click', function(e) {
|
|
|
+ if(!$(".shareWrap.on").parent().has(e.target).length) {
|
|
|
+ $("button[data-name=openShare]").removeClass("on");
|
|
|
+ $(".shareWrap").removeClass("on");
|
|
|
+ };
|
|
|
+ });
|
|
|
+
|
|
|
+ $('.btn_copy').bind('click', function() {
|
|
|
+ copyToClipboard();
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
$(window).scroll(function(){
|
|
|
var navOffset = $('.item_header').offset().top - $('.bullet_sticky_nav').height();
|
|
|
var windScroll = $(window).scrollTop();
|
gagamel