hmw1001
85 lines
3.0 KiB
PHP
85 lines
3.0 KiB
PHP
<?php
|
|
$sub_menu = '850500'; // 💡 메뉴 코드 수정
|
|
include_once('./_common.php');
|
|
|
|
$g5['title'] = '상담 예약 팝업 샘플';
|
|
include_once(G5_ADMIN_PATH.'/admin.head.php');
|
|
?>
|
|
|
|
<div class="local_desc01 local_desc">
|
|
<p>
|
|
이 페이지는 사이트의 어떤 페이지에서든 상담 예약 기능을 쉽게 추가하는 방법을 보여주는 예제입니다.<br>
|
|
아래 코드 한 줄만 포함하면, 버튼과 팝업 기능이 모두 활성화됩니다.
|
|
</p>
|
|
<pre><code><?php include_once(G5_ADMIN_PATH . '/consultant_manage/components/_consultant_popups.php'); ?></code></pre>
|
|
</div>
|
|
|
|
<!-- ================================================================== -->
|
|
<!-- 💡 [시작] 상담 예약 기능 추가 예제 -->
|
|
<!-- ================================================================== -->
|
|
|
|
<div style="text-align:center; padding: 50px 20px; background-color:#f5f5f5; border-radius:10px; margin: 20px 0;">
|
|
<h3 style="margin-bottom:15px;">상담이 필요하신가요?</h3>
|
|
<p style="margin-bottom:25px; color:#666;">버튼을 눌러 간편하게 상담을 신청하거나, 기존 예약을 확인/취소할 수 있습니다.</p>
|
|
|
|
<!-- 1. 팝업을 여는 버튼들 -->
|
|
<div class="consultant-buttons">
|
|
<button type="button" class="reservation-btn-main" onclick="openReservationPopup()">
|
|
<i class="fa fa-calendar"></i> 상담 예약 신청
|
|
</button>
|
|
<button type="button" class="reservation-check-btn" onclick="openReservationCheckPopup()">
|
|
예약 확인/취소
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<?php
|
|
// 2. 팝업 파일들 포함 (이 코드 한 줄이면 모든 팝업 기능이 로드됩니다)
|
|
include_once(G5_ADMIN_PATH . '/consultant_manage/components/_consultant_popups.php');
|
|
?>
|
|
|
|
<!-- 버튼 디자인을 위한 CSS (사이트의 공통 CSS 파일에 추가하는 것을 권장합니다) -->
|
|
<style>
|
|
.consultant-buttons {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 15px;
|
|
flex-wrap: wrap;
|
|
}
|
|
.reservation-btn-main, .reservation-check-btn {
|
|
color: white;
|
|
border: none;
|
|
padding: 15px 30px;
|
|
border-radius: 25px;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.reservation-btn-main {
|
|
background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
|
|
box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
|
|
}
|
|
.reservation-btn-main:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 6px 20px rgba(40, 167, 69, 0.4);
|
|
}
|
|
.reservation-btn-main i {
|
|
margin-right: 8px;
|
|
}
|
|
.reservation-check-btn {
|
|
background: #6c757d;
|
|
}
|
|
.reservation-check-btn:hover {
|
|
background: #5a6268;
|
|
}
|
|
</style>
|
|
|
|
<!-- ================================================================== -->
|
|
<!-- 💡 [끝] 상담 예약 기능 추가 예제 -->
|
|
<!-- ================================================================== -->
|
|
|
|
|
|
<?php
|
|
include_once(G5_ADMIN_PATH.'/admin.tail.php');
|
|
?>
|