쇼핑몰: #101 #114 상품목록 타입 10, 11, 12, 13 완료

adm/shop_admin/configform.php

@@ -163,6 +163,25 @@ $pg_anchor = '<ul class="anchor">
         <col class="grid_15">
     </colgroup>
     <tbody>
+    <tr>
+        <th scope="row">최신상품출력</th>
+        <td>
+            <label for="de_type3_list_use">출력</label>
+            <input type="checkbox" name="de_type3_list_use" value="1" id="de_type3_list_use" <?php echo $default['de_type3_list_use']?"checked":""; ?>>
+            <label for="de_type3_list_skin">스킨</label>
+            <select name="de_type3_list_skin" id="de_type3_list_skin">
+                <?php echo get_list_skin_options("^maintype(.*)\.php", G4_SHOP_PATH, $default['de_type3_list_skin']); ?>
+            </select>
+            <label for="de_type3_list_row">출력할 줄 수</label>
+            <input type="text" name="de_type3_list_row" value="<?php echo $default['de_type3_list_row']; ?>" id="de_type3_list_row" class="frm_input" size="3">
+            <label for="de_type3_list_mod">1줄당 이미지 수</label>
+            <input type="text" name="de_type3_list_mod" value="<?php echo $default['de_type3_list_mod']; ?>" id="de_type3_list_mod" class="frm_input" size="3">
+            <label for="de_type3_img_width">이미지 폭</label>
+            <input type="text" name="de_type3_img_width" value="<?php echo $default['de_type3_img_width']; ?>" id="de_type3_img_width" class="frm_input" size="3">
+            <label for="de_type3_img_height">이미지 높이</label>
+            <input type="text" name="de_type3_img_height" value="<?php echo $default['de_type3_img_height']; ?>" id="de_type3_img_height" class="frm_input" size="3">
+        </td>
+    </tr>
     <tr>
         <th scope="row">히트상품출력</th>
         <td>
@@ -201,25 +220,6 @@ $pg_anchor = '<ul class="anchor">
             <input type="text" name="de_type2_img_height" value="<?php echo $default['de_type2_img_height']; ?>" id="de_type2_img_height" class="frm_input" size="3">
         </td>
     </tr>
-    <tr>
-        <th scope="row">최신상품출력</th>
-        <td>
-            <label for="de_type3_list_use">출력</label>
-            <input type="checkbox" name="de_type3_list_use" value="1" id="de_type3_list_use" <?php echo $default['de_type3_list_use']?"checked":""; ?>>
-            <label for="de_type3_list_skin">스킨</label>
-            <select name="de_type3_list_skin" id="de_type3_list_skin">
-                <?php echo get_list_skin_options("^maintype(.*)\.php", G4_SHOP_PATH, $default['de_type3_list_skin']); ?>
-            </select>
-            <label for="de_type3_list_row">출력할 줄 수</label>
-            <input type="text" name="de_type3_list_row" value="<?php echo $default['de_type3_list_row']; ?>" id="de_type3_list_row" class="frm_input" size="3">
-            <label for="de_type3_list_mod">1줄당 이미지 수</label>
-            <input type="text" name="de_type3_list_mod" value="<?php echo $default['de_type3_list_mod']; ?>" id="de_type3_list_mod" class="frm_input" size="3">
-            <label for="de_type3_img_width">이미지 폭</label>
-            <input type="text" name="de_type3_img_width" value="<?php echo $default['de_type3_img_width']; ?>" id="de_type3_img_width" class="frm_input" size="3">
-            <label for="de_type3_img_height">이미지 높이</label>
-            <input type="text" name="de_type3_img_height" value="<?php echo $default['de_type3_img_height']; ?>" id="de_type3_img_height" class="frm_input" size="3">
-        </td>
-    </tr>
     <tr>
         <th scope="row">인기상품출력</th>
         <td>

css/default_shop.css

@@ -341,6 +341,34 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
 .sct_11 .sct_icon img {display:block}
 .sct_11 .sct_sns {position:absolute;bottom:10px;right:10px}
 
+/* 상품 목록 스킨 12 */
+.sct_12 .sct_li {float:left;margin:0 16px 16px 0;width:362px}
+.sct_12 .sct_last {margin:0 !important}
+.sct_12 .sct_a {display:block;position:relative;padding:20px 10px 20px 240px;width:110px;height:190px;border:1px solid #e9e9e9;background:#f7f7f7;text-decoration:none}
+.sct_12 .sct_img {position:absolute;top:0;left:0}
+.sct_12 b {display:block;margin:0 0 15px;font-size:1.2em;letter-spacing:-0.1em}
+.sct_12 p {margin:0 0 15px;padding:0;line-height:1.5em}
+.sct_12 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
+.sct_12 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
+.sct_12 .sct_icon img {display:block}
+.sct_12 .sct_sns {position:absolute;bottom:20px;right:10px}
+
+/* 상품 목록 스킨 13 */
+.sct_13 .sct_li {float:left;margin:0 0 16px 0;width:100%}
+.sct_13 .sct_last {}
+.sct_13 .sct_clear {clear:both}
+.sct_13 .sct_a {display:block;position:relative;padding:20px 10px 20px 240px;height:190px;border:1px solid #e9e9e9;background:#f7f7f7;text-decoration:none}
+.sct_13 .sct_img {position:absolute;top:0;left:0}
+.sct_13 b {display:block;margin:0 0 15px;font-size:1.2em;letter-spacing:-0.1em}
+.sct_13 p {margin:0 0 15px;padding:0;line-height:1.5em}
+.sct_13 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
+.sct_13 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
+.sct_13 .sct_icon img {display:block}
+.sct_13 .sct_rel {position:absolute;bottom:20px;right:20px}
+.sct_13 .sct_rel_ul {margin:0;padding:0;list-style:none}
+.sct_13 .sct_rel_li {float:left;margin:0 0 0 10px}
+.sct_13 .sct_sns {position:absolute;top:20px;right:20px}
+
 /* 상품 상세보기 */
 .sit_icon {display:inline-block;margin:0 0 0 4px}
 .sit_icon img {margin:0 4px 0 0}

lib/shop.lib.php

@@ -663,7 +663,7 @@ function get_new_od_id()
     return $od_id;
 }
 
-// 관련상품출력
+// 상품 목록 : 관련 상품 출력
 function display_relation_item($it_id, $width, $height, $rows=3)
 {
     global $g4;
@@ -681,7 +681,7 @@ function display_relation_item($it_id, $width, $height, $rows=3)
 
     for($i=0; $row=sql_fetch_array($result); $i++) {
         if($i == 0)
-            $str .= '<ul>';
+            $str .= '<ul class="sct_rel_ul">';
 
         $full_img = G4_DATA_PATH.'/item/'.$row['it_id'].'_s';
         $it_name = get_text($row['it_name']); // 상품명
@@ -694,12 +694,12 @@ function display_relation_item($it_id, $width, $height, $rows=3)
 
         if(is_file($full_img)) {
             $img_url = G4_DATA_URL.'/item/'.$row['it_id'].'_s';
-            $img = '<img src="'.$img_url.'" alt="" width="'.$width.'" height="'.$height.'">';
+            $img = '<img src="'.$img_url.'" alt="'.$it_name.' / '.$it_amount.'" width="'.$width.'" height="'.$height.'">';
         } else {
-            $img = '<img src="'.G4_SHOP_URL.'/img/no_image.gif" alt="" width="'.$width.'" height="'.$height.'">';
+            $img = '<img src="'.G4_SHOP_URL.'/img/no_image.gif" alt="'.$it_name.' / '.$it_amount.'" width="'.$width.'" height="'.$height.'">';
         }
 
-        $str .= '<li><a href="'.G4_SHOP_URL.'/item.php?it_id='.$row['it_id'].'">'.$img.'</a></li>';
+        $str .= '<li class="sct_rel_li"><a href="'.G4_SHOP_URL.'/item.php?it_id='.$row['it_id'].'" class="sct_rel_a">'.$img.'</a></li>';
     }
 
     if($i > 0)

shop/maintype10.inc.php

@@ -1,24 +1,25 @@
 <?php
 if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 // $list_mod 가로 나열 수
-?>
 
-<?php
+for ($i=1; $row=sql_fetch_array($result); $i++) {
-for ($i=0; $row=sql_fetch_array($result); $i++) {
     $href = G4_SHOP_URL.'/item.php?it_id='.$row['it_id'];
-    if (($i+1)%$list_mod == 0) $sct_last = 'sct_last';
+    if ($list_mod >= 2) { // 1줄 이미지 : 2개 이상
-    else $sct_last = '';
+        if ($i%$list_mod == 0) $sct_last = 'sct_last'; // 줄 마지막
-    if ($i == 0) echo '<ul class="sct sct_10">';
+        else if ($i%$list_mod == 1) $sct_last = 'sct_clear'; // 줄 첫번째
+        else $sct_last = '';
+    } else { // 1줄 이미지 : 1개
+        $sct_last = 'sct_clear';
+    }
+    if ($i == 1) echo '<ul class="sct sct_10">';
 ?>
     <li class="sct_li <?php echo $sct_last; ?>">
         <a href="<?php echo $href; ?>" class="sct_a">
-            <span class="sct_img"><?php echo get_it_image($row['it_id']."_s", $img_width, $img_height, '', $type); ?></span>
+            <span class="sct_img"><?php echo get_it_image($row['it_id'].'_s', $img_width, $img_height, '', $type); ?></span>
             <b><?php echo stripslashes($row['it_name']); ?></b>
             <span class="sct_cost"><?php echo display_amount(get_amount($row), $row['it_tel_inq']); ?></span>
             <span class="sct_icon">
-            <?php // 이미지 아이콘
+                <?php echo display_item_icon($row); // 이미지 아이콘?>
-            echo display_item_icon($row);
-            ?>
             </span>
         </a>
         <div class="sct_sns">
@@ -28,5 +29,5 @@ for ($i=0; $row=sql_fetch_array($result); $i++) {
         </div>
     </li>
 <?php }
-if ($i > 0) echo '</ul>';
+if ($i > 1) echo '</ul>';
 ?>

shop/maintype11.inc.php

@@ -1,24 +1,25 @@
 <?php
 if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 // $list_mod 가로 나열 수
-?>
 
-<?php
+for ($i=1; $row=sql_fetch_array($result); $i++) {
-for ($i=0; $row=sql_fetch_array($result); $i++) {
     $href = G4_SHOP_URL.'/item.php?it_id='.$row['it_id'];
-    if (($i+1)%$list_mod == 0) $sct_last = 'sct_last';
+    if ($list_mod >= 2) { // 1줄 이미지 : 2개 이상
-    else $sct_last = '';
+        if ($i%$list_mod == 0) $sct_last = 'sct_last'; // 줄 마지막
-    if ($i == 0) echo '<ul class="sct sct_11">';
+        else if ($i%$list_mod == 1) $sct_last = 'sct_clear'; // 줄 첫번째
+        else $sct_last = '';
+    } else { // 1줄 이미지 : 1개
+        $sct_last = 'sct_clear';
+    }
+    if ($i == 1) echo '<ul class="sct sct_11">';
 ?>
     <li class="sct_li <?php echo $sct_last; ?>">
         <a href="<?php echo $href; ?>" class="sct_a">
-            <span class="sct_img"><?php echo get_it_image($row['it_id']."_s", $img_width, $img_height, '', $type); ?></span>
+            <span class="sct_img"><?php echo get_it_image($row['it_id'].'_s', $img_width, $img_height, '', $type); ?></span>
             <b><?php echo stripslashes($row['it_name']); ?></b>
             <span class="sct_cost"><?php echo display_amount(get_amount($row), $row['it_tel_inq']); ?></span>
             <span class="sct_icon">
-            <?php // 이미지 아이콘
+                <?php echo display_item_icon($row); // 이미지 아이콘?>
-            echo display_item_icon($row);
-            ?>
             </span>
         </a>
         <div class="sct_sns">
@@ -28,5 +29,5 @@ for ($i=0; $row=sql_fetch_array($result); $i++) {
         </div>
     </li>
 <?php }
-if ($i > 0) echo '</ul>';
+if ($i > 1) echo '</ul>';
 ?>

shop/maintype12.inc.php

@@ -0,0 +1,34 @@
+<?php
+if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
+// $list_mod 가로 나열 수
+
+for ($i=1; $row=sql_fetch_array($result); $i++) {
+    $href = G4_SHOP_URL.'/item.php?it_id='.$row['it_id'];
+    if ($list_mod >= 2) { // 1줄 이미지 : 2개 이상
+        if ($i%$list_mod == 0) $sct_last = 'sct_last'; // 줄 마지막
+        else if ($i%$list_mod == 1) $sct_last = 'sct_clear'; // 줄 첫번째
+        else $sct_last = '';
+    } else { // 1줄 이미지 : 1개
+        $sct_last = 'sct_clear';
+    }
+    if ($i == 1) echo '<ul class="sct sct_12">';
+?>
+    <li class="sct_li <?php echo $sct_last; ?>">
+        <a href="<?php echo $href; ?>" class="sct_a">
+            <span class="sct_img"><?php echo get_it_image($row['it_id'].'_s', $img_width, $img_height, '', $type); ?></span>
+            <b><?php echo stripslashes($row['it_name']); ?></b>
+            <p><?php echo $row['it_basic']; ?></p>
+            <span class="sct_cost"><?php echo display_amount(get_amount($row), $row['it_tel_inq']); ?></span>
+            <span class="sct_icon">
+                <?php echo display_item_icon($row); // 이미지 아이콘?>
+            </span>
+        </a>
+        <div class="sct_sns">
+            <a href="#"><img src="<?php echo G4_URL; ?>/img/shop/sns_fb.png" alt="페이스북에 공유"></a>
+            <a href="#"><img src="<?php echo G4_URL; ?>/img/shop/sns_twt.png" alt="트위터에 공유"></a>
+            <a href="#"><img src="<?php echo G4_URL; ?>/img/shop/sns_goo.png" alt="구글플러스에 공유"></a>
+        </div>
+    </li>
+<?php }
+if ($i > 1) echo '</ul>';
+?>

shop/maintype13.inc.php

@@ -0,0 +1,37 @@
+<?php
+if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
+// $list_mod 가로 나열 수
+
+for ($i=1; $row=sql_fetch_array($result); $i++) {
+    $href = G4_SHOP_URL.'/item.php?it_id='.$row['it_id'];
+    if ($list_mod >= 2) { // 1줄 이미지 : 2개 이상
+        if ($i%$list_mod == 0) $sct_last = 'sct_last'; // 줄 마지막
+        else if ($i%$list_mod == 1) $sct_last = 'sct_clear'; // 줄 첫번째
+        else $sct_last = '';
+    } else { // 1줄 이미지 : 1개
+        $sct_last = 'sct_clear';
+    }
+    if ($i == 1) echo '<ul class="sct sct_13">';
+?>
+    <li class="sct_li <?php echo $sct_last; ?>">
+        <a href="<?php echo $href; ?>" class="sct_a">
+            <span class="sct_img"><?php echo get_it_image($row['it_id'].'_s', $img_width, $img_height, '', $type); ?></span>
+            <b><?php echo stripslashes($row['it_name']); ?></b>
+            <p><?php echo $row['it_basic']; ?></p>
+            <span class="sct_cost"><?php echo display_amount(get_amount($row), $row['it_tel_inq']); ?></span>
+            <span class="sct_icon">
+                <?php echo display_item_icon($row); // 이미지 아이콘?>
+            </span>
+        </a>
+        <div class="sct_rel">
+            <?php echo display_relation_item($row['it_id'], 70, 70, 5); // 관련 상품 ?>
+        </div>
+        <div class="sct_sns">
+            <a href="#"><img src="<?php echo G4_URL; ?>/img/shop/sns_fb.png" alt="페이스북에 공유"></a>
+            <a href="#"><img src="<?php echo G4_URL; ?>/img/shop/sns_twt.png" alt="트위터에 공유"></a>
+            <a href="#"><img src="<?php echo G4_URL; ?>/img/shop/sns_goo.png" alt="구글플러스에 공유"></a>
+        </div>
+    </li>
+<?php }
+if ($i > 1) echo '</ul>';
+?>