|
Server : Apache System : Linux ruga7-004.fmcity.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : tkt_travelbus ( 1137) PHP Version : 7.0.0p1 Disable Function : mysql_pconnect Directory : /tkt_travelbus/www/page/ |
Upload File : |
<?php
include $_SERVER['DOCUMENT_ROOT'] . '/include/base.php';
include $_SERVER['DOCUMENT_ROOT'] . '/process/process_common.php';
$gUid = (int) $_GET['g_uid'];
if(!$gUid){
goMain();
}
$goodInfo = getGoodInfo($gUid);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<?php
$page_title = $currentFirstCategory['b_name'];
if($page_title){
$page_title .= ' - '.$currentSecondCategory['m_name'];
}
$page_title = $goodInfo['g_title'];
include $_SERVER['DOCUMENT_ROOT'].'/include/meta_data.php';
?>
<!-- swiper -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<!-- CSS -->
<link rel="stylesheet" href="../css/product-detail.css">
</head>
<body>
<?php
include $_SERVER['DOCUMENT_ROOT'] . '/include/header.php';
?>
<!--서브페이지 배너-->
<div class="sub-banner">
<img class="pc-ban" src="/img/sub/sub-ban-busrent.jpg">
<img class="mo-ban" src="/img/sub/sub-ban-mo-busrent.jpg">
</div>
<!--페이지 경로 안내-->
<div class="sub-page">
<p class="inner">홈 > <?=$currentFirstCategory['b_name']?> > <b><?=$currentSecondCategory['b_name']?></b></p>
</div>
<!--지점 소개-->
<div class="wrap" data-aos="fade-up" data-aos-duration="2000">
<div class="wrap_inner inner">
<!-- 상단 타이틀 -->
<h1 class="sub_title text-center">
<?=$goodInfo['g_title']?>
</h1>
<div class="top_titlebox">
<p class="desc">
<?=$goodInfo['g_short_brief']?>
</p>
</div>
<!-- 상단 이미지 -->
<div class="top_banner">
<div class="swiper banner_slider">
<div class="swiper-wrapper">
<?php
if($goodInfo['g_image1']){
?>
<div class="swiper-slide">
<img src="/FileData/good/<?=$goodInfo['g_image1']?>" alt="<?=$goodInfo['g_title']?>" class="img-full">
</div>
<?php
}
$imgAltNo = 1;
foreach($goodInfo['gallery'] as $item){
?>
<div class="swiper-slide">
<img src="/FileData/good_img/<?=$item['ImgTitle']?>" alt="product image <?=$imgAltNo?>" class="img-full">
</div>
<?php
$imgAltNo++;
}
?>
</div>
<div class="swiper-button-next slider_next">
<img src="/img/sub/product-detail/swiper_next.svg" alt="" class="img-full">
</div>
<div class="swiper-button-prev slider_prev">
<img src="/img/sub/product-detail/swiper_prev.svg" alt="" class="img-full">
</div>
</div>
<div class="banner_grid">
<?php
$imgAltNo = 1;
foreach($goodInfo['gallery'] as $item){
?>
<div class="grid_item">
<img src="/FileData/good_img/<?=$item['ImgTitle']?>" alt="product image <?=$imgAltNo?>" class="img-full">
</div>
<?php
$imgAltNo++;
}
?>
</div>
</div>
<div class="contents">
<div class="cont_wrap">
<!-- 상품 정보 -->
<div class="prd_box prd_info_box">
<div class="sub_titbox">
<p class="txt"><?=_e("상품 정보")?></p>
</div>
<div class="border_box">
<div class="info_wrap">
<div class="info_box">
<?php
for($i = 1; $i <= 3; $i++){
if($goodInfo['product_info_label_'.$i] && $goodInfo['product_info_value_'.$i]){
?>
<div class="info_item">
<div class="sub">
<?=$goodInfo['product_info_label_'.$i]?>
</div>
<div class="desc">
<?=$goodInfo['product_info_value_'.$i]?>
</div>
</div>
<?php
}
}
?>
</div>
<div class="info_box">
<?php
for($i = 4; $i <= 6; $i++){
if($goodInfo['product_info_label_'.$i] && $goodInfo['product_info_value_'.$i]){
?>
<div class="info_item">
<div class="sub">
<?=$goodInfo['product_info_label_'.$i]?>
</div>
<div class="desc">
<?=$goodInfo['product_info_value_'.$i]?>
</div>
</div>
<?php
}
}
?>
</div>
</div>
</div>
</div>
<!-- 상품 설명 -->
<div class="prd_box prd_desc_box">
<div class="sub_titbox">
<p class="txt"><?=_e("상품 설명")?></p>
</div>
<div class="border_box">
<div class="description">
<?=$goodInfo['g_special']?>
</div>
</div>
</div>
<?php
if(count($goodInfo['optionList'])){
?>
<!-- 상품 선택 -->
<div class="prd_box prd_sel_box">
<div class="sub_titbox flexbox">
<p class="txt left">
상품 선택
<img src="/img/sub/product-detail/star.svg" alt="" class="img-full star_icon">
</p>
</div>
<div class="border_box">
<div class="select_box">
<?php
$optionSeq = 1;
foreach($goodInfo['optionList'] as $item){
?>
<div class="form-check">
<input class="form-check-input" type="radio" name="prd_select" id="prd_select<?=$optionSeq?>">
<label class="form-check-label" for="prd_select<?=$optionSeq?>">
<?=$item['op_nm']?>
</label>
</div>
<?php
$optionSeq++;
}
?>
</div>
</div>
</div>
<?php
}
?>
<!-- 날짜 선택 -->
<div class="prd_box prd_date_box">
<div class="sub_titbox">
<p class="txt">날짜 선택</p>
</div>
<div class="border_box">
<div class="calender_box">
<div class="calender">
<div class="calender_head">
<div class="calender_select">
<select class="form_select">
<option value="2020">2020년</option>
<option value="2021">2021년</option>
<option value="2022">2022년</option>
<option value="2023" selected>2023년</option>
<option value="2024">2024년</option>
<option value="2026">2026년</option>
<option value="2027">2027년</option>
</select>
<select class="form_select">
<option value="1">01월</option>
<option value="2">02월</option>
<option value="3">03월</option>
<option value="4" selected>04월</option>
<option value="5">05월</option>
<option value="6">06월</option>
<option value="7">07월</option>
<option value="8">08월</option>
<option value="9">09월</option>
<option value="10">10월</option>
<option value="11">11월</option>
<option value="12">12월</option>
</select>
</div>
<div class="calender_control">
<button type="button" class="btn_clear btn_cal_prev">
<img src="/img/sub/product-detail/angle_left.svg" alt="" class="img-full">
</button>
<button type="button" class="btn_clear btn_cal_next">
<img src="/img/sub/product-detail/angle_right.svg" alt="" class="img-full">
</button>
</div>
</div>
<div class="calender_body">
<div class="week_day">
<div class="day red">일</div>
<div class="day">월</div>
<div class="day">화</div>
<div class="day">수</div>
<div class="day">목</div>
<div class="day">금</div>
<div class="day blue">토</div>
</div>
<div class="week_date">
<div class="date red disabled"></div>
<div class="date disabled"></div>
<div class="date disabled"></div>
<div class="date disabled"></div>
<div class="date disabled"></div>
<div class="date disabled"></div>
<div class="date blue disabled">
<span class="num">1</span>
<span class="price"></span>
</div>
</div>
<div class="week_date">
<div class="date red disabled">
<span class="num">2</span>
<span class="price"></span>
</div>
<div class="date disabled">
<span class="num">3</span>
<span class="price"></span>
</div>
<div class="date disabled">
<span class="num">4</span>
<span class="price"></span>
</div>
<div class="date disabled">
<span class="num">5</span>
<span class="price"></span>
</div>
<div class="date disabled">
<span class="num">6</span>
<span class="price"></span>
</div>
<div class="date disabled">
<span class="num">7</span>
<span class="price"></span>
</div>
<div class="date blue disabled">
<span class="num disabled">8</span>
<span class="price"></span>
</div>
</div>
<div class="week_date">
<div class="date red disabled">
<span class="num">9</span>
<span class="price"></span>
</div>
<div class="date disabled">
<span class="num">10</span>
<span class="price"></span>
</div>
<div class="date disabled">
<span class="num">11</span>
<span class="price"></span>
</div>
<div class="date disabled">
<span class="num">12</span>
<span class="price"></span>
</div>
<div class="date disabled">
<span class="num">13</span>
<span class="price"></span>
</div>
<div class="date disabled">
<span class="num">14</span>
<span class="price"></span>
</div>
<div class="date blue disabled">
<span class="num">15</span>
<span class="price"></span>
</div>
</div>
<div class="week_date">
<div class="date red disabled">
<span class="num">16</span>
<span class="price"></span>
</div>
<div class="date disabled">
<span class="num">17</span>
<span class="price"></span>
</div>
<div class="date disabled">
<span class="num">18</span>
<span class="price"></span>
</div>
<div class="date on today">
<span class="num">19</span>
<span class="price">
264,500
</span>
</div>
<div class="date on">
<span class="num">20</span>
<span class="price">
264,500
</span>
</div>
<div class="date on">
<span class="num">21</span>
<span class="price">
284,000
</span>
</div>
<div class="date blue on">
<span class="num">22</span>
<span class="price">
304,000
</span>
</div>
</div>
<div class="week_date">
<div class="date red on">
<span class="num">23</span>
<span class="price">
264,500
</span>
</div>
<div class="date on">
<span class="num">24</span>
<span class="price">
264,500
</span>
</div>
<div class="date">
<span class="num">25</span>
<span class="price"></span>
</div>
<div class="date on">
<span class="num">26</span>
<span class="price">
264,500
</span>
</div>
<div class="date on">
<span class="num">27</span>
<span class="price">
264,500
</span>
</div>
<div class="date on">
<span class="num">28</span>
<span class="price">
284,000
</span>
</div>
<div class="date blue on">
<span class="num">29</span>
<span class="price">
304,000
</span>
</div>
</div>
<div class="week_date">
<div class="date red on">
<span class="num">30</span>
<span class="price">
264,500
</span>
</div>
<div class="date disabled"></div>
<div class="date disabled"></div>
<div class="date disabled"></div>
<div class="date disabled"></div>
<div class="date disabled"></div>
<div class="date blue disabled"></div>
</div>
</div>
</div>
<div class="calender">
<div class="calender_head">
<div class="calender_select">
<select class="form_select">
<option value="2020">2020년</option>
<option value="2021">2021년</option>
<option value="2022">2022년</option>
<option value="2023" selected>2023년</option>
<option value="2024">2024년</option>
<option value="2026">2026년</option>
<option value="2027">2027년</option>
</select>
<select class="form_select">
<option value="1">01월</option>
<option value="2">02월</option>
<option value="3">03월</option>
<option value="4">04월</option>
<option value="5" selected>05월</option>
<option value="6">06월</option>
<option value="7">07월</option>
<option value="8">08월</option>
<option value="9">09월</option>
<option value="10">10월</option>
<option value="11">11월</option>
<option value="12">12월</option>
</select>
</div>
<div class="calender_control">
<button type="button" class="btn_clear btn_cal_prev">
<img src="/img/sub/product-detail/angle_left.svg" alt="" class="img-full">
</button>
<button type="button" class="btn_clear btn_cal_next">
<img src="/img/sub/product-detail/angle_right.svg" alt="" class="img-full">
</button>
</div>
</div>
<div class="calender_body">
<div class="week_day">
<div class="day red">일</div>
<div class="day">월</div>
<div class="day">화</div>
<div class="day">수</div>
<div class="day">목</div>
<div class="day">금</div>
<div class="day blue">토</div>
</div>
<div class="week_date">
<div class="date red disabled">
<span class="num"></span>
<span class="price"></span>
</div>
<div class="date on">
<span class="num">1</span>
<span class="price">
195,000
</span>
</div>
<div class="date">
<span class="num">2</span>
<span class="price"></span>
</div>
<div class="date on">
<span class="num">3</span>
<span class="price">
195,000
</span>
</div>
<div class="date on">
<span class="num">4</span>
<span class="price">
195,000
</span>
</div>
<div class="date on">
<span class="num">5</span>
<span class="price">
215,000
</span>
</div>
<div class="date blue on">
<span class="num">6</span>
<span class="price">
235,000
</span>
</div>
</div>
<div class="week_date">
<div class="date red on">
<span class="num">7</span>
<span class="price">
195,000
</span>
</div>
<div class="date on">
<span class="num">8</span>
<span class="price">
195,000
</span>
</div>
<div class="date">
<span class="num">9</span>
<span class="price"></span>
</div>
<div class="date on">
<span class="num">10</span>
<span class="price">
195,000
</span>
</div>
<div class="date on">
<span class="num">11</span>
<span class="price">
195,000
</span>
</div>
<div class="date on">
<span class="num">12</span>
<span class="price">
215,000
</span>
</div>
<div class="date blue on">
<span class="num">13</span>
<span class="price">
235,000
</span>
</div>
</div>
<div class="week_date">
<div class="date red on">
<span class="num">14</span>
<span class="price">
195,000
</span>
</div>
<div class="date on">
<span class="num">15</span>
<span class="price">
195,000
</span>
</div>
<div class="date">
<span class="num">16</span>
<span class="price"></span>
</div>
<div class="date on">
<span class="num">17</span>
<span class="price">
195,000
</span>
</div>
<div class="date on">
<span class="num">18</span>
<span class="price">
195,000
</span>
</div>
<div class="date on">
<span class="num">19</span>
<span class="price">
215,000
</span>
</div>
<div class="date blue on">
<span class="num">20</span>
<span class="price">
235,000
</span>
</div>
</div>
<div class="week_date">
<div class="date red on">
<span class="num">21</span>
<span class="price">
195,000
</span>
</div>
<div class="date on">
<span class="num">22</span>
<span class="price">
195,000
</span>
</div>
<div class="date">
<span class="num">23</span>
<span class="price"></span>
</div>
<div class="date on">
<span class="num">24</span>
<span class="price">
195,000
</span>
</div>
<div class="date on">
<span class="num">25</span>
<span class="price">
195,000
</span>
</div>
<div class="date on">
<span class="num">26</span>
<span class="price">
215,000
</span>
</div>
<div class="date blue on">
<span class="num">27</span>
<span class="price">
235,000
</span>
</div>
</div>
<div class="week_date">
<div class="date red on">
<span class="num">28</span>
<span class="price">
195,000
</span>
</div>
<div class="date on">
<span class="num">29</span>
<span class="price">
195,000
</span>
</div>
<div class="date">
<span class="num">30</span>
<span class="price"></span>
</div>
<div class="date on">
<span class="num">31</span>
<span class="price">
195,000
</span>
</div>
<div class="date disabled"></div>
<div class="date disabled"></div>
<div class="date blue disabled"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Tab -->
<div class="prd_box prd_tab_box">
<nav id="prd_navbox" class="prd_navbox">
<div class="prd_nav_inner">
<ul class="prd_nav_ul">
<li>
<a href="#none" data-target="#prd_tab_cont1" class="prd_navlink link1 on">
상품상세
</a>
</li>
<li>
<a href="#none" data-target="#prd_tab_cont2" class="prd_navlink">
이용안내
</a>
</li>
<li>
<a href="#none" data-target="#prd_tab_cont3" class="prd_navlink">
여행후기
</a>
</li>
<li>
<a href="#none" data-target="#prd_tab_cont4" class="prd_navlink">
취소 및 환불
</a>
</li>
</ul>
</div>
</nav>
<div id="prd_tab_contents" class="prd_tab_contents">
<div id="prd_tab_cont1" class="prd_tab_cont">
<div class="sub_titbox">
<p class="txt">상품상세</p>
</div>
<div class="detail_box">
<div id="detail_img" class="detail_img">
<?=$goodInfo['g_heed']?>
</div>
<div id="detail_more" class="detail_btn detail_more">
<button type="button" class="btn_clear btn_more">
더보기
</button>
</div>
<div id="detail_hide" class="detail_btn detail_hide hide">
<button type="button" class="btn_clear btn_more">
상세정보 접기
</button>
</div>
</div>
</div>
<div id="prd_tab_cont2" class="prd_tab_cont">
<div class="sub_titbox">
<p class="txt">이용안내</p>
</div>
<div class="border_box">
<div class="blankbox">
<?=$goodInfo['g_inclusion']?>
</div>
</div>
</div>
<div id="prd_tab_cont3" class="prd_tab_cont">
<div class="sub_titbox">
<p class="txt">주의사항</p>
</div>
<div class="border_box">
<div class="blankbox">
<?=$goodInfo['g_cautions']?>
</div>
</div>
</div>
<div id="prd_tab_cont4" class="prd_tab_cont">
<div class="sub_titbox">
<p class="txt">취소 및 환불</p>
</div>
<div class="border_box">
<div class="blankbox">
<?=$goodInfo['g_rule']?>
</div>
</div>
<div class="sub_titbox">
<p class="txt">여행후기</p>
</div>
<div class="border_box mb">
<div class="blankbox"></div>
</div>
</div>
</div>
</div>
</div>
<div class="side_wrap">
<!-- 옵션 -->
<div class="side_box option_box">
<div class="option_item">
<div class="opt_info">
<p class="sub">
성인 (만 12세이상)
</p>
<p class="price">
29,000원
</p>
</div>
<div class="opt_control">
<button type="button" class="btn_clear btn_minus">
<img src="/img/sub/product-detail/minus.svg" alt="" class="img-full">
</button>
<input type="text" value="1" readonly>
<button type="button" class="btn_clear btn_plus">
<img src="/img/sub/product-detail/plus.svg" alt="" class="img-full">
</button>
</div>
</div>
<div class="option_item">
<div class="opt_info">
<p class="sub">
소인
</p>
<p class="price">
9,000원
</p>
</div>
<div class="opt_control">
<button type="button" class="btn_clear btn_minus">
<img src="/img/sub/product-detail/minus.svg" alt="" class="img-full">
</button>
<input type="text" value="1" readonly>
<button type="button" class="btn_clear btn_plus">
<img src="/img/sub/product-detail/plus.svg" alt="" class="img-full">
</button>
</div>
</div>
</div>
<!-- 다른 날짜 선택 -->
<div class="side_box date_select_box">
<button type="button" class="btn_clear btn_date_sel">
<img src="/img/sub/product-detail/search.svg" alt="" class="img-full">
다른 날짜선택
</button>
</div>
<!-- 옵션 정보 -->
<div class="side_box option_info_box">
<div class="info_txt">
<p class="sub">날짜</p>
<p class="desc"> : 4월 17일 (금요일)</p>
</div>
<div class="info_txt">
<p class="sub">인원</p>
<p class="desc"> : 2명 (성인 1명 / 소아 1명)</p>
</div>
</div>
<!-- 예약하기 -->
<div class="side_box total_box">
<div class="total_price">
<div class="sub">총 금액</div>
<div class="price bold color1">38,000원</div>
</div>
<div class="reservation">
<button type="button" class="btn_clear btn_reserve">예약하기</button>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
include $_SERVER['DOCUMENT_ROOT'] . '/include/footer.php';
?>
<!-- JS -->
<!--<script src="/js/jquery-3.4.1.min.js"></script>-->
<script src="../js/product-detail.js"></script>
</body>
</html>