영카트 PC 기본 레이아웃 살펴보기 #4 - 상품 상세 정보 보기 페이지 - 영카트강좌

본문 바로가기
전체검색

영카트강좌

그누보드, 영카트 초보 제작자분들을 위한 다양한 스킨 제작 활용 팁을 공유합니다.

영카트 PC 기본 레이아웃 살펴보기 #4 - 상품 상세 정보 보기 페이지

관리자 19-03-25 10:59

상품정보와 구입버튼, 사용후기, 상품문의등이 출력되는 상품 상세 정보 보기 페이지입니다.



파일 경로 : shop/item.php



1. 분류 타이틀


출력 문구 설정 : $g5['title'] = $it['it_name'].' > '.$it['ca_name'];


페이지상에서 출력 코드 : theme/basic/shop/shop.head.php

- 페이지 기본 타이틀로 설정되어 있습니다. <?php echo $g5['title'] ?>

<?php if ((!$bo_table || $w == 's' ) && !defined('_INDEX_')) { ?><div id="wrapper_title"><?php echo $g5['title'] ?></div><?php } ?>




2. 네비게이션 메뉴


네비게이션 스킨 파일 : skin/shop/basic/navigation.skin.php

페이지상에서 출력 코드 :

$nav_skin = $skin_dir.'/navigation.skin.php';
if(!is_file($nav_skin))
    $nav_skin = G5_SHOP_SKIN_PATH.'/navigation.skin.php';
include $nav_skin;




3. 상품 사진, 상품 기본 정보, 구입 버튼 전체 부분


스킨 파일 : skin/shop/basic/item.form.skin.php

페이지상에서 출력 코드 :

<?php
// 상품 구입폼
include_once($skin_dir.'/item.form.skin.php');
?>




4. 관련상품, 상품정보, 사용후기, 상품문의, 배송정보, 교환 정보

- 위 항목들의 최종 출력 부분은 하나의 스킨 파일로 구성되어 있습니다.


스킨 파일 : skin/shop/basic/item.info.skin.php

페이지상에서 출력 코드 :

<?php
// 상품 상세정보
$info_skin = $skin_dir.'/item.info.skin.php';
if(!is_file($info_skin))
    $info_skin = G5_SHOP_SKIN_PATH.'/item.info.skin.php';
include $info_skin;
?>


## 이하 내용들은 모두 skin/shop/basic/item.info.skin.php 파일에서 출력 됩니다.


4-1. 관련 상품


스킨 파일 : skin/shop/basic/relation.10.skin.php

페이지상에서 출력 코드 :

<?php if ($default['de_rel_list_use']) { ?>
<!-- 관련상품 시작 { -->
<section id="sit_rel">
    <h2>관련상품</h2>
    ........................

    ........................
</section>
<!-- } 관련상품 끝 -->
<?php } ?>


4-2. 상품 정보, 상품 기본설명, 상품 상세설명, 상품 정보 고시


- 추가 설명을 드리지 않아도 item.info.skin.php 파일 내용을 보면 바로 이해될 겁니다.



4-3. 사용 후기


- 사용 후기와 관련된 세부 파일들은 분산되어 있습니다.


최신글 스킨 파일 : skin/shop/basic/itemuse.skin.php

최신글 설정 파일 : shop/itemuse.php

전체보기 페이지 스킨 파일 : skin/shop/basic/itemuselist.skin.php

전체보기 페이지 설정 파일 : shop/itemuselist.php

후기 작성 스킨 파일 : skin/shop/basic/itemuseform.skin.php

후기 작성 설정 파일 : shop/itemuseform.php


- 페이지상에서 출력 코드 :


<!-- 사용후기 시작 { -->
<section id="sit_use">
    <h2>사용후기</h2>
    <?php echo pg_anchor('use'); ?>
    <div id="itemuse"><?php include_once(G5_SHOP_PATH.'/itemuse.php'); ?></div>
</section>
<!-- } 사용후기 끝 -->



4-3. 상품 문의


- 상품 문의와 관련된 세부 파일들은 분산되어 있습니다.


최신글 스킨 파일 : skin/shop/basic/itemqa.skin.php

최신글 설정 파일 : shop/itemqa.php

전체보기 페이지 스킨 파일 : skin/shop/basic/itemqalist.skin.php

전체보기 페이지 설정 파일 : shop/itemqalist.php

상품 문의 작성 스킨 파일 : skin/shop/basic/itemqaform.skin.php

상품 문의 작성 설정 파일 : shop/itemqaform.php


- 페이지상에서 출력 코드 :


<!-- 상품문의 시작 { -->
<section id="sit_qa">
    <h2>상품문의</h2>
    <?php echo pg_anchor('qa'); ?>
    <div id="itemqa"><?php include_once(G5_SHOP_PATH.'/itemqa.php'); ?></div>
</section>
<!-- } 상품문의 끝 -->



4-4. 배송 정보


- 관리자페이지 > 쇼핑몰관리 > 쇼핑몰설정 > 배송설정 > 배송정보에 입력한 내용이 출력됩니다.

- 페이지상에서 출력 코드 : skin/shop/basic/item.info.skin.php

<?php if ($default['de_baesong_content']) { // 배송정보 내용이 있다면 ?>
<!-- 배송정보 시작 { -->
<section id="sit_dvr">
    <h2>배송정보</h2>
    <?php echo pg_anchor('dvr'); ?>
    <?php echo conv_content($default['de_baesong_content'], 1); ?>
</section>
<!-- } 배송정보 끝 -->
<?php } ?>



4-5. 교환 정보


- 관리자페이지 > 쇼핑몰관리 > 쇼핑몰설정 > 배송설정 > 교환/반품에 입력한 내용이 출력됩니다.

- 페이지상에서 출력 코드 : skin/shop/basic/item.info.skin.php


<?php if ($default['de_change_content']) { // 교환/반품 내용이 있다면 ?>
<!-- 교환/반품 시작 { -->
<section id="sit_ex">
    <h2>교환/반품</h2>
    <?php echo pg_anchor('ex'); ?>
    <?php echo conv_content($default['de_change_content'], 1); ?>
</section>
<!-- } 교환/반품 끝 -->
<?php } ?>

로그인 후 댓글 작성 가능합니다.

로그인

로그인 후 글 작성 가능합니다.
그누스킨닷컴

그누스터디는 그누보드, 영카트를 이용하시는 초보 사용자를 위한 정보를 공유합니다.

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright © GNUSTUDY. All rights reserved.