모바일 sns 관련 수정

src/main/webapp/WEB-INF/views/mob/goods/GoodsDetailFormMob.html

@@ -38,7 +38,7 @@
 		<input type="hidden" name="selfGoodsYn" th:value="${goodsInfo.selfGoodsYn}"/>
 <main role="" id="" class="container pd" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}, imgUrl=${@environment.getProperty('upload.image.view')}">
 	<!-- ★ 컨텐츠 시작 -->
-
+<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
 	<section class="pd_detail">
 		<!-- 210409_ 구조변경 : .pd_info, .pd_info1 추가  -->
 		<div class="pd_info">
@@ -1049,7 +1049,7 @@
 		<div class="share_like">
 			<button type="button" class="share">공유하기</button>
 			<!-- <th:block th:include="~{web/goods/GoodsIncludeFormMob :: goodsSnsForm}"></th:block> -->
-			<button type="button" class="like" th:classappend="${goodsInfo.wishYn == 'Y'}? 'active' : ''"  
+			<button type="button" class="itemLike" th:classappend="${goodsInfo.wishYn == 'Y'}? 'active' : ''"  
 					onclick="cfnPutWishList(this);" 
 					th:attr="goodsCd=${params.goodsCd}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=${params.planDtlSq}">위시리스트</button>
 		</div>
@@ -1061,6 +1061,24 @@
 			<button type="button" class="cantbuying" style="display:block;">SOLD OUT</button>
 			</th:block>
 		</div>
+		<!-- (공통) 공유팝업 -->
+		<div class="modal fade" id="tglShare" tabindex="-1" role="dialog" aria-labelledby="aModalLabel" aria-hidden="true">
+			<div class="modal-dialog" role="document">
+				<div class="modal-content">
+					<div class="modal-header">
+						<h5 class="modal-title" id="aModalLabel">공유하기</h5>
+					</div>
+					<th:block th:include="~{mob/goods/GoodsIncludeFormMob :: goodsSnsForm}"></th:block>
+				</div>
+			</div>
+		</div>
+		<script>
+			// 공유팝업
+			$('.product_floormenu .share').click(function(e){
+				e.preventDefault();
+				$('#tglShare').modal("show");
+			});
+		</script>
 	</div>
 	<!-- //바닥메뉴 -->
 	

src/main/webapp/WEB-INF/views/mob/goods/GoodsIncludeFormMob.html

@@ -13,20 +13,21 @@
  * 1.02021.03.02 eskim	 최초 작성
  *******************************************************************************
  -->
+
 <!-- 상품상세 SNS-->
-<th:blockth:fragment="goodsSnsForm" >
+<th:block th:fragment="goodsSnsForm" >
 <!-- toggle contents -->
-<div class="shareWrap" th:with="stylelUrl=${@environment.getProperty('domain.front')}, imgGoodsUrl=${@environment.getProperty('upload.goods.view')}">
-	<div id="layerShare" class="setShare open">
+<div class="modal-body">
+	<!-- toggle contents -->
+	<div id="layerShare" class="setShare open"  th:with="stylelUrl=${@environment.getProperty('domain.front')}, imgGoodsUrl=${@environment.getProperty('upload.goods.view')}">
 		<span>
-			<button type="button" class="kk" th:attr="onclick=|cfnSendToKakao('${stylelUrl+'/goods/detail/form?goodsCd='+goodsInfo.goodsCd}', '${goodsInfo.goodsFullNm}', '${imgGoodsUrl+ '/'+goodsInfo.sysImgNm+'?RS=80'}');|"><span>카카오톡</span></button>
+			<button type="button" id="kakao-link-btn" class="kk" th:attr="onclick=|cfnSendToKakaoMob('${stylelUrl+'/goods/detail/form?goodsCd='+goodsInfo.goodsCd}', '${goodsInfo.goodsFullNm}', '${imgGoodsUrl+ '/'+goodsInfo.sysImgNm+'?RS=80'}');|"><span>카카오톡</span></button>
 			<button type="button" class="fb" th:attr="onclick=|sendSns('facebook', '${stylelUrl+'/goods/detail/form?goodsCd='+goodsInfo.goodsCd}', '${goodsInfo.goodsFullNm}', '', '');|"><span>페이스북</span></button>
 			<button type="button" class="tw" th:attr="onclick=|sendSns('twitter', '${stylelUrl+'/goods/detail/form?goodsCd='+goodsInfo.goodsCd}', '${goodsInfo.goodsFullNm+ '#style24몰'}', '', '');|"><span>트위터</span></button>
 			<button type="button" class="url btn_copy"><span>URL</span></button>
 		</span>
 	</div>
 </div>
-
 </th:block>
 
 <!-- 딜 상품 상품소개영역 -->

src/main/webapp/WEB-INF/views/web/goods/GoodsDetailFormWeb.html

@@ -20,7 +20,7 @@
 <th:block layout:fragment="content">
 <form id="nPayForm" name="nPayForm"></form>
 <div id="container" class="container pd" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}, imgUrl=${@environment.getProperty('upload.image.view')}">
-<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
+<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
 	<!-- <th:block th:include="~{web/goods/GoodsIncludeFormWeb :: goodsNaviForm}"></th:block> -->
 	
 	<div class="wrap">

src/main/webapp/ux/style24_link.js

@@ -1438,6 +1438,35 @@ function cfnSendToKakao(linkUrl, linkNm, linkImg) {
 	})
 }
 
+function cfnSendToKakaoMob(linkUrl, linkNm, linkImg) {
+	// Kakao Key
+	if ( kakaoInitCnt == 0 ) {
+		Kakao.init(kakaoDomainKey);
+		kakaoInitCnt++;
+	}
+	Kakao.Link.createDefaultButton({
+		container: '#kakao-link-btn',
+		objectType: 'feed',
+		content: {
+			title: "[STYLE24]\n" + linkNm,
+			/* description: '설명', */
+			imageUrl: linkImg,
+			link: {
+				mobileWebUrl: linkUrl,
+				webUrl: linkUrl
+			}
+		},
+		buttons: [
+			{
+				title: 'style24.com',
+				link: {
+					mobileWebUrl: linkUrl,
+					webUrl: linkUrl
+				}
+			}
+		]
+	});
+}
 
 /**
  * @type   : function