M쇼핑몰: #160 상품검색결과 스타일 완료

css/mobile_shop.css

@@ -2,7 +2,7 @@
 
 /* 초기화 */
 html {overflow-y:scroll}
-body {margin:0;padding:0;background:#fff;color:#000;font-size:0.75em;font-family:"dotum"}
+body {margin:0;padding:0;background:#fff;color:#000;font-size:1em;font-family:"dotum"}
 html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
 h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"dotum"}
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
@@ -54,6 +54,8 @@ a:active {color:#000;text-decoration:underline}
 #text_size {display:none;position:absolute;top:-31px;left:-1px}
 #text_size button {padding:0 10px;height:30px;border:1px solid #cfded8;border-bottom:0;background:#000;color:#fff;cursor:pointer}
 
+#wrapper_title {margin-bottom:1em;font-size:1.2em}
+
 /* 목록 바로가기 */
 .sanchor {margin:0 0 10px;padding:0;zoom:1}
 .sanchor:after {display:block;visibility:hidden;clear:both;content:""}
@@ -560,11 +562,13 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
 .sfaq_img {text-align:center}
 
 /* 상품검색 */
-#ssch_ov {margin:0 0 10px;padding:15px 0;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
+#ssch{margin:0 0 2em}
-#ssch caption {padding:0 0 5px;font-size:1em;font-weight:bold;text-align:left;line-height:1.5em}
+#ssch_ov {padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
-.ssch_it_img {width:100px;text-align:center}
+.ssch_ul {margin:0;padding:0;list-style:none}
-.ssch_it_img img {width:100px;height:100px}
+.ssch_ul li {padding:1em;min-height:100px;border-bottom:1px solid #e9e9e9}
-#ssch .ssch_num {width:150px;text-align:right}
+.ssch_ul .sit_icon {display:inline-block}
+.ssch_img {float:left;margin:0 1em 0 0}
+.ssch_cost {display:block;margin:0.5em 0 0}
 
 /* 쇼핑몰 이벤트 */
 #sev {}

mobile/shop/search.php

@@ -88,6 +88,7 @@ $total_count = $row['cnt'];
 
         $sql = " select ca_name from {$g4['shop_category_table']} where ca_id = '{$save['ca_id']}' ";
         $row = sql_fetch($sql);
+        $ca_name = $row['ca_name'];
 
         // 김선용 2006.12 : 중복 하위분류명이 많으므로 대분류 포함하여 출력
          $ca_temp = "";
@@ -95,21 +96,10 @@ $total_count = $row['cnt'];
          {
             $sql2 = " select ca_name from $g4[shop_category_table] where ca_id='".substr($save['ca_id'],0,2)."' ";
             $row2 = sql_fetch($sql2);
-            $ca_temp = '<a href="'.G4_MSHOP_URL.'/list.php?ca_id='.substr($save['ca_id'],0,2).'">'.$row2['ca_name'].'</a> &gt; ';
+            $ca_temp = '<a href="'.G4_MSHOP_URL.'/list.php?ca_id='.substr($save['ca_id'],0,2).'">'.$row2['ca_name'].'</a> ';
          }
     ?>
-    <table class="basic_tbl">
+    <ul class="ssch_ul">
-    <caption><?php echo $ca_temp?><a href="<?php echo G4_MSHOP_URL; ?>/list.php?ca_id=<?php echo $save['ca_id']; ?>"><?php echo $row['ca_name']; ?></a> 상품<?php echo $save['cnt']; ?>개</caption>
-    <thead>
-    <tr>
-        <th scope="col">이미지</td>
-        <th scope="col">상품명</th>
-        <th scope="col">판매가격</td>
-        <th scope="col">포인트</td>
-    </tr>
-    </thead>
-
-    <tbody>
         <?php
         for ($i=0; $i<$save['cnt']; $i++) {
             $sql = " select it_id,
@@ -117,6 +107,7 @@ $total_count = $row['cnt'];
                             it_amount,
                             it_amount2,
                             it_amount3,
+                            it_basic,
                             it_tel_inq,
                             it_point,
                             it_type1,
@@ -129,15 +120,16 @@ $total_count = $row['cnt'];
 
             $image = get_it_image($row['it_id'].'_s', (int)($default['de_simg_width']), (int)($default['de_simg_height']), $row['it_id']);
         ?>
-    <tr>
+        <li>
-        <td class="ssch_it_img"><?php echo $image; ?></td>
+            <span class="ssch_img"><?php echo $image; ?></span>
-        <td><?php echo it_name_icon($row); ?></td>
+            <b class="ssch_ct"><?php echo ($ca_temp) ? $ca_temp : $ca_name; ?></b>
-        <td class="ssch_num"><?php echo display_amount(get_amount($row), $row['it_tel_inq']); ?></td>
+            <a href="<?php echo G4_MSHOP_URL; ?>/item.php?it_id=<?php echo $row['it_id']; ?>"><?php echo get_text($row['it_name']); ?></a>
-        <td class="ssch_num"><?php echo display_point($row['it_point']); ?></td>
+            <?php echo it_name_icon($row); ?>
-    </tr>
+            <span class="ssch_cost"><?php echo display_amount(get_amount($row), $row['it_tel_inq']); ?></span>
+            <p><?php echo $row['it_basic']; ?></p>
+        </li>
         <?php } // for 끝 ?>
-    </tbody>
+    </ul>
-    </table>
     <?php } // function 끝 ?>
 
 </div>