상품상세페이지에서 SNS 공유버튼 위치 조절 및 카카오톡 공유 설정하기~~
본문
상품상세페이지에서 보면 첨부한 이미지처럼 SNS 공유 버튼이 있습니다.
왼쪽 상단에 고정되여 있는데 이 공유버튼의 위치를 변경하고 싶지만 어디에 있는지 잘 모르겠습니다.
item.from.skin.php 파일에는 없는것 같은데 어디에서 수정을 해야 하는지 알려 주시기 바랍니다.
item 파일에서는
// 소셜 관련
$sns_title = get_text($it['it_name']).' | '.get_text($config['cf_title']);
$sns_url = G5_SHOP_URL.'/item.php?it_id='.$it['it_id'];
$sns_share_links .= get_sns_share_link('facebook', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/sns_fb_s.png').' ';
$sns_share_links .= get_sns_share_link('twitter', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/sns_twt_s.png').' ';
$sns_share_links .= get_sns_share_link('googleplus', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/sns_goo_s.png');
는 확인이 되였으며 이 부분에 카카오톡 공유를 어떻게 붙여야 하는지도 궁금합니다.
고수님의 조언 부탁드립니다.
수고하세요.
답변 2
theme/테마명/skin/shop/basic/item.form.skin.php
<div id="sit_star_sns">
<?php if ($star_score) { ?>
고객평점 <span>별<?php echo $star_score?>개</span>
<img src="<?php echo G5_SHOP_URL; ?>/img/s_star<?php echo $star_score?>.png" alt="" class="sit_star">
<?php } ?>
<?php echo $sns_share_links; ?>
</div>
<div id="sit_ov_btn">
<?php if ($is_orderable) { ?>
<input type="submit" onclick="document.pressed=this.value;" value="바로구매" id="sit_btn_buy">
<input type="submit" onclick="document.pressed=this.value;" value="장바구니" id="sit_btn_cart">
<?php } ?>
<?php if(!$is_orderable && $it['it_soldout'] && $it['it_stock_sms']) { ?>
<a href="javascript:popup_stocksms('<?php echo $it['it_id']; ?>');" id="sit_btn_buy">재입고알림</a>
<?php } ?>
<a href="javascript:item_wish(document.fitem, '<?php echo $it['it_id']; ?>');" id="sit_btn_wish">위시리스트</a>
<a href="javascript:popup_item_recommend('<?php echo $it['it_id']; ?>');" id="sit_btn_rec">추천하기</a>
</div>
theme/테마명/skin/shop/basic/style.css
#sit_star_sns {position:absolute;top:15px;right:15px;color:#b8afa2;font-size:0.95em;letter-spacing:-0.1em}
#sit_star_sns {float:right;margin:15px 0;color:#b8afa2;font-size:0.95em;letter-spacing:-0.1em}
/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {position:relative;float:right;padding:50px 15px 15px;width:358px;height:auto !important;height:355px;min-height:355px}감사합니다.
위 부분만 옮겨서 계속해서 수정해보았지만 해결되지 않았는데 css를 수정하니 해결되였습니다.
하나더 질문드리자면 수량할때 삭제버튼은 보이지가 않네요.
<ul id="sit_opt_added">
<li class="sit_opt_list">
<input type="hidden" name="io_type[<?php echo $it_id; ?>][]" value="0">
<input type="hidden" name="io_id[<?php echo $it_id; ?>][]" value="">
<input type="hidden" name="io_value[<?php echo $it_id; ?>][]" value="<?php echo $it['it_name']; ?>">
<input type="hidden" class="io_price" value="0">
<input type="hidden" class="io_stock" value="<?php echo $it['it_stock_qty']; ?>">
<span class="sit_opt_subj"><?php echo $it['it_name']; ?></span>
<span class="sit_opt_prc">(+0원)</span>
<div>
<label for="ct_qty_<?php echo $i; ?>" class="sound_only">수량</label>
<input type="text" name="ct_qty[<?php echo $it_id; ?>][]" value="<?php echo $it['it_buy_min_qty']; ?>" id="ct_qty_<?php echo $i; ?>" class="frm_input" size="5">
<button type="button" class="sit_qty_plus btn_frmline">증가</button>
<button type="button" class="sit_qty_minus btn_frmline">감소</button>
</div>
</li>
</ul>
이부분인것 같은데 수량 증가/감소/삭제 버튼을 css 을 수정하고 싶은데 삭제버튼이 따로 보이지 않아서~~~ 더 질문드립니다.
js/shop.js
371 Line
opt += "<button type=\"button\" class=\"sit_opt_del btn_frmline\">삭제</button></div>";theme/테마명/css/default_shop.css
149 Line
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle} /* 우편번호검색버튼 등 */스타일은 증가, 감소, 삭제 공통입니다.
theme/테마명/skin/shop/basic/style.css
#sit_star_sns {position:absolute;top:15px;right:15px;color:#b8afa2;font-size:0.95em;letter-spacing:-0.1em}
'#sit_star_sns'을 찾아보세요.
fm25님 답볍 감사합니다.
sns 공유버튼의 위치를 장바구니 버튼 아래로 옮기고 싶습니다.
