상품상세페이지에서 SNS 공유버튼 위치 조절 및 카카오톡 공유 설정하기~~

상품상세페이지에서 SNS 공유버튼 위치 조절 및 카카오톡 공유 설정하기~~

QA

상품상세페이지에서 SNS 공유버튼 위치 조절 및 카카오톡 공유 설정하기~~

본문

28d87d02e4b12dd4a3698235e8155cc2_1447042152_8419.png
 

상품상세페이지에서 보면 첨부한 이미지처럼 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}
의 padding 값을 조절해서 위로 알맞게 올려보세요.

감사합니다.
위 부분만 옮겨서 계속해서 수정해보았지만 해결되지 않았는데 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'을 찾아보세요.

답변을 작성하시기 전에 로그인 해주세요.
전체 93
QA 내용 검색
filter #sns ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT