영카트 상품정보 토글 펼쳐놓기 질문

영카트 상품정보 토글 펼쳐놓기 질문

QA

영카트 상품정보 토글 펼쳐놓기 질문

답변 1

본문

안녕하세요. jewerly 테마를 쓰고 있습니다. 

영카트에서 상품을 클릭하면 이미지 아래에  

"상품정보" "사용후기" "배송정보" 등등이 있는데요   

들어가자마자 토글이 저런식으로 접힌상태가 아니라 펼쳐놓고 싶은데 

어디서 만져야하는지 감이 오지를 않습니다. 

 

이부분인거 같긴한데. -- > <section id="sit_inf"  class="inf_con">
어떤 명령어를 넣어야하는지. 모르겠습니다. 

 

도움 부탁드려요 

 

소스코드는 item.info.skin.php를 첨부햇습니다. 

 

3551723829_1512836643.4906.png

 


<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0);
?>
<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
<div id="sif_inf_wr">
<!-- 상품 정보 시작 { -->
<button type="button" class="inf_btn">상품정보</button>
<section id="sit_inf"  class="inf_con">
    <h2>상품 정보</h2>
    <?php if ($it['it_basic']) { // 상품 기본설명 ?>
    <h3>상품 기본설명</h3>
    <div id="sit_inf_basic">
         <?php echo $it['it_basic']; ?>
    </div>
    <?php } ?>
    <?php if ($it['it_explan']) { // 상품 상세설명 ?>
    <h3>상품 상세설명</h3>
    <div id="sit_inf_explan">
        <?php echo conv_content($it['it_explan'], 1); ?>
    </div>
    <?php } ?>

    <?php
    if ($it['it_info_value']) { // 상품 정보 고시
        $info_data = unserialize(stripslashes($it['it_info_value']));
        if(is_array($info_data)) {
            $gubun = $it['it_info_gubun'];
            $info_array = $item_info[$gubun]['article'];
    ?>
    <h3>상품 정보 고시</h3>
    <table id="sit_inf_open">
    <colgroup>
        <col class="grid_4">
        <col>
    </colgroup>
    <tbody>
    <?php
    foreach($info_data as $key=>$val) {
        $ii_title = $info_array[$key][0];
        $ii_value = $val;
    ?>
    <tr>
        <th scope="row"><?php echo $ii_title; ?></th>
        <td><?php echo $ii_value; ?></td>
    </tr>
    <?php } //foreach?>
    </tbody>
    </table>
    <!-- 상품정보고시 end -->
    <?php
        } else {
            if($is_admin) {
                echo '<p>상품 정보 고시 정보가 올바르게 저장되지 않았습니다.<br>config.php 파일의 G5_ESCAPE_FUNCTION 설정을 addslashes 로<br>변경하신 후 관리자 > 상품정보 수정에서 상품 정보를 다시 저장해주세요. </p>';
            }
        }
    } //if
    ?>
</section>
<!-- } 상품 정보 끝 -->
 
<!-- 사용후기 시작 { -->
<button type="button" class="inf_btn">사용후기</button>
<section id="sit_use"  class="inf_con">
    <h2>사용후기</h2>
    <div id="itemuse"><?php include_once(G5_SHOP_PATH.'/itemuse.php'); ?></div>
</section>
<!-- } 사용후기 끝 -->
<!-- 상품문의 시작 { -->
<button type="button" class="inf_btn">상품문의</button>
<section id="sit_qa" class="inf_con">
    <h2>상품문의</h2>
    <div id="itemqa"><?php include_once(G5_SHOP_PATH.'/itemqa.php'); ?></div>
</section>
<!-- } 상품문의 끝 -->
<?php if ($default['de_baesong_content']) { // 배송정보 내용이 있다면 ?>
<!-- 배송정보 시작 { -->
<button type="button" class="inf_btn">배송정보</button>
<section id="sit_dvr" class="inf_con">
    <h2>배송정보</h2>
    <?php echo conv_content($default['de_baesong_content'], 1); ?>
</section>
<!-- } 배송정보 끝 -->
<?php } ?>

<?php if ($default['de_change_content']) { // 교환/반품 내용이 있다면 ?>
<!-- 교환/반품 시작 { -->
<button type="button" class="inf_btn">교환/반품</button>
<section id="sit_ex" class="inf_con">
    <h2>교환/반품</h2>
    <?php echo conv_content($default['de_change_content'], 1); ?>
</section>
<!-- } 교환/반품 끝 -->
<?php } ?>
<?php if ($default['de_rel_list_use']) { ?>
<!-- 관련상품 시작 { -->
<button type="button" class="inf_btn">관련상품</button>
<section id="sit_rel" class="inf_con">
    <h2>관련상품</h2>
    <div class="sct_wrap">
        <?php
        $rel_skin_file = $skin_dir.'/'.$default['de_rel_list_skin'];
        if(!is_file($rel_skin_file))
            $rel_skin_file = G5_SHOP_SKIN_PATH.'/'.$default['de_rel_list_skin'];
        $sql = " select b.* from {$g5['g5_shop_item_relation_table']} a left join {$g5['g5_shop_item_table']} b on (a.it_id2=b.it_id) where a.it_id = '{$it['it_id']}' and b.it_use='1' ";
        $list = new item_list($rel_skin_file, $default['de_rel_list_mod'], 0, $default['de_rel_img_width'], $default['de_rel_img_height']);
        $list->set_query($sql);
        echo $list->run();
        ?>
    </div>
</section>
<!-- } 관련상품 끝 -->
<?php } ?>
</div>
<script>
$(window).on("load", function() {
    $("#sit_inf_explan").viewimageresize2();
});

//상품정보 탭
  $(document).ready(function($) {
    $("#sif_inf_wr").find(".inf_btn").click(function(){
        $(this).next().slideToggle('fast');
        $(".inf_con").not($(this).next()).slideUp('fast');
    });
  });
</script> 

 

SaveSave

이 질문에 댓글 쓰기 :

답변 1

저기 보이는 id와 class 값을 찾아보세요.

basic 테마의 해당 파일과 대조도 해 보시고...

 

제작자가 일부러 그렇게 만든 것 같은데... 굳이 되돌릴 필요가 있을까요?

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 26
© SIRSOFT
현재 페이지 제일 처음으로