쇼핑몰: #94 인덱스 팝업레이어 표준화 및 스타일 완료

css/default_shop.css

@@ -54,6 +54,13 @@ a:active {color:#000;text-decoration:underline}
 /* 상단 레이아웃 */
 #hd h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
+#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1000px;height:0}
+#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
+.hd_pops_con {margin:0 0 30px}
+.hd_pops_chk {position:absolute;bottom:0;left:0;padding:10px 0;width:100%;background:#000;color:#fff;text-align:right}
+.hd_pops_chk input {margin-right:10px}
+
 #hd_nb {border-bottom:1px solid #e9e9e9;background:#faf9f5;zoom:1}
 #hd_nb:after {display:block;visibility:hidden;clear:both;content:''}
 #hd_nb ul {margin:0 auto;width:110px}

shop/newwin.inc.php

@@ -1,4 +1,4 @@
-<?
+<?php
 if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 
 $sql = " select * from {$g4['shop_new_win_table']}
@@ -8,31 +8,32 @@ $result = sql_query($sql);
 for ($i=0; $row_nw=sql_fetch_array($result); $i++)
 {
     // 이미 체크 되었다면 Continue
-    if ($_COOKIE["ck_popup_{$row_nw['nw_id']}"])
+    if ($_COOKIE["hd_pops_{$row_nw['nw_id']}"])
         continue;
 
     $sql = " select * from {$g4['shop_new_win_table']} where nw_id = '{$row_nw['nw_id']}' ";
     $nw = sql_fetch($sql);
 ?>
-    <div id="div_popup_<? echo $nw['nw_id'] ?>" style="position:absolute;left:<?=$nw['nw_left']?>px;top:<?=$nw['nw_top']?>px;background-color:#eee">
+<div id="hd_pops_<?php echo $nw['nw_id'] ?>" class="hd_pops" style="top:<?php echo $nw['nw_top']?>px;left:<?php echo $nw['nw_left']?>px;width:<?php echo $nw['nw_width'] ?>px;height:<?php echo $nw['nw_height'] ?>px">
-        <table width="<? echo $nw['nw_width'] ?>" height="<? echo $nw['nw_height'] ?>" cellpadding="0" cellspacing="0">
+    <div class="hd_pops_con">
-        <tr>
+        <?=conv_content($nw['nw_content'], 1);?>
-            <td valign="top"><?=conv_content($nw['nw_content'], 1);?></td>
-        </tr>
-        <tr>
-            <td height="30" align="center"><input type="checkbox" id="check_popup_<?=$nw['nw_id']?>" name="check_popup_<?=$nw['nw_id']?>" value="<?=$nw['nw_disable_hours']?>" class="popup_close">&nbsp;<label for='check_popup_<?=$nw['nw_id']?>'><?=$nw['nw_disable_hours']?>시간동안 이창을 열지 않습니다.</label></td>
-        </tr>
-        </table>
     </div>
-<? } ?>
+    <div class="hd_pops_chk">
+        <label for="hd_pops_chk<?=$nw['nw_id']?>"><strong><?=$nw['nw_disable_hours']?></strong>시간동안 이 내용을 열람하지 않습니다.</label>
+        <input type="checkbox" name="check_popup_<?=$nw['nw_id']?>" value="<?=$nw['nw_disable_hours']?>" id="hd_pops_chk<?=$nw['nw_id']?>" class="hd_pops_close">
+    </div>
+</div>
+<?php }
+if ($i == 0) echo '<span class="sound_only">팝업레이어 알림이 없습니다.</span>';
+?>
 
 <script>
 $(function() {
-    $(".popup_close").click(function() {
+    $(".hd_pops_close").click(function() {
         if($(this).is(":checked")) {
             var id = $(this).attr("id");
-            var layer_id = id.replace("check", "div");
+            var layer_id = id.replace("chk", "");
-            var ck_name = id.replace("check", "ck");
+            var ck_name = id.replace("chk", "");
             var exp_time = parseInt($(this).val());
             $("#"+layer_id).css("display", "none");
             set_cookie(ck_name, 1, exp_time, g4_cookie_domain);

shop/shop.head.php

@@ -1,4 +1,4 @@
-<?
+<?php
 if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 define('_SHOP_', true);
 
@@ -15,6 +15,13 @@ include_once(G4_LIB_PATH.'/popular.lib.php');
 
     <div id="to_content"><a href="#s_container">내용 바로가기</a></div>
 
+    <?php if(defined('_INDEX_')) { // index에서만 실행 ?>
+    <div id="hd_pop">
+        <h2>팝업레이어 알림</h2>
+        <?php include G4_SHOP_PATH.'/newwin.inc.php'; // 팝업레이어 ?>
+    </div>
+    <?php } ?>
+
     <aside id="hd_nb">
         <ul>
             <li><a href=""><img src="<?php echo G4_URL; ?>/img/shop/hd_nb_cart.gif" alt="장바구니"></a></li>
@@ -26,9 +33,7 @@ include_once(G4_LIB_PATH.'/popular.lib.php');
     <div id="logo"><a href="<?php echo G4_SHOP_URL; ?>/"><img src="<?php echo G4_DATA_URL; ?>/common/logo_img" alt="쇼핑몰 처음으로"></a></div>
 
     <aside id="hd_aside">
-
         <div>
-
             <section id="sch_all">
                 <h2>쇼핑몰 검색</h2>
                 <form name="frmsearch1" onsubmit="return search_submit(this);">
@@ -73,20 +78,13 @@ include_once(G4_LIB_PATH.'/popular.lib.php');
                 <li><a href="<?php echo G4_SHOP_URL; ?>/faq.php">FAQ</a></li>
                 <li><a href="<?php echo G4_SHOP_URL; ?>/itemuselist.php">사용후기</a></li>
             </ul>
-
         </div>
-
     </aside>
 
 </header>
 
 <div id="wrapper">
 
-    <!-- 새창 -->
-    <?php if(defined('_INDEX_')) { // index에서만 실행 ?>
-    <div style="position:relative;z-index:100"><?php include G4_SHOP_PATH.'/newwin.inc.php'; // 새창띄우기 ?></div>
-    <?php } ?>
-
     <!-- 오늘본 상품 {-->
     <div>
         <?php include(G4_SHOP_PATH.'/boxtodayview.inc.php'); ?>