영카트 PC 기본 레이아웃 살펴보기 #3 - 상품 카테고리 목록 페이지 - 영카트강좌

본문 바로가기
전체검색

영카트강좌

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

영카트 PC 기본 레이아웃 살펴보기 #3 - 상품 카테고리 목록 페이지

관리자 19-03-24 22:46

상품 목록 페이지를 살펴보겠습니다.

페이지 중간에 상품이 출력되는 곳 외에는 이전에 설명한 내용들과 동일합니다.



파일 경로 : shop/list.php



1. 분류 타이틀


출력 문구 설정 : $g5['title'] = $ca['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/listcategory.skin.php


페이지상에서 출력 코드 :

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



 

4. 상품 정렬 메뉴


상품 정렬 메뉴 스킨 파일 : skin/shop/basic/list.sort.skin.php


페이지상에서 출력 코드 :

$sort_skin = $skin_dir.'/list.sort.skin.php';
if(!is_file($sort_skin))
    $sort_skin = G5_SHOP_SKIN_PATH.'/list.sort.skin.php';
include $sort_skin;




5. 상품 보기 타입 변경


상품 보기 타입 변경 스킨 파일 : skin/shop/basic/list.sub.skin.php


페이지상에서 출력 코드 :

$sub_skin = $skin_dir.'/list.sub.skin.php';
if(!is_file($sub_skin))
    $sub_skin = G5_SHOP_SKIN_PATH.'/list.sub.skin.php';
include $sub_skin;



6. 상품 목록 출력


de500d2d5eaab8b01e11faa1ddff0fcd_1553435452_1899.png 


분류 관리에서 지정한 스킨으로 설정됩니다.


스킨 파일 경로


skin/shop/basic/list.10.skin.php
skin/shop/basic/list.20.skin.php

skin/shop/basic/list.30.skin.php

skin/shop/basic/list.40.skin.php



상품 목록에 있는 출력 항목 설정 방법

http://gnustudy.com/bbs/board.php?bo_table=yc_tip&wr_id=90

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

로그인

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

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

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

Copyright gnustudy.com All rights reserved.