firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

M쇼핑몰: #156 상품상세보기 스타일 작업 중

Browse Source
This commit is contained in:
whitedot
2013-05-09 17:15:44 +09:00
parent 9dce95ee6d
commit 3d01580996
2 changed files with 33 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
css/mobile_shop.css
View File

@ -62,10 +62,10 @@ a:active {color:#000;text-decoration:underline}
#wrapper_title {margin-bottom:1em;font-size:1.2em}
/* 목록 바로가기 */
.sanchor {margin:0 0 10px;padding:0;zoom:1}
.sanchor {margin:0 0 0.5em;padding:0;zoom:1}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;margin-left:-1px;list-style:none}
.sanchor a {display:inline-block;border:1px solid #e9e9e9;background:#f5f6fa;padding:0 7px;height:30px;text-decoration:none;line-height:2.6em}
.sanchor a {display:inline-block;border:1px solid #e9e9e9;background:#f5f6fa;padding:0 0.5em;text-decoration:none;line-height:2.6em}
.sanchor a:focus,
.sanchor a:hover {background:#626870;color:#fff;text-decoration:none}
a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
@ -283,22 +283,21 @@ input.required:focus {border:0;background:#21272e !important;color:#fff;line-hei
/* ##### maintype(nn).inc.php, list.skin.(nn).php 공통 적용 끝 ##### */
/* 상품 상세보기 */
#sit {margin:10px 0;border:1px solid #e9e9e9}
.sit_admin {text-align:right}
.sit_empty {padding:20px 0;text-align:center}
#sit {margin:0.5em 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.sit_admin {margin:1em 1em 0;text-align:right}
.sit_empty {padding:2em 0;text-align:center}
/* 상품 상세보기 - 개요 */
#sit_ov_wrap {margin:0 0 20px;border-bottom:1px solid #e9e9e9;zoom:1}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}
/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {float:left;padding:15px;width:320px}
#sit_pvi {padding:1em 0;text-align:center}
#sit_pvi_big {margin:0 0 10px}
#sit_pvi_big a {display:block}
#sit_pvi_big a {display:inline-block}
#sit_pvi_big img {width:320px;height:320px}
#sit_pvi_thumb {margin:0;padding:0;list-style:none;zoom:1}
#sit_pvi_thumb:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_thumb li {float:left;margin:0 5px 0 0}
#sit_pvi_thumb {margin:0;padding:0;list-style:none}
#sit_pvi_thumb li {display:inline-block;margin:0 5px 0 0}
#sit_pvi_thumb .li_last {margin:0 !important}
#sit_pvi_thumb img {width:60px;height:60px}
@ -310,7 +309,7 @@ input.required:focus {border:0;background:#21272e !important;color:#fff;line-hei
#sit_pvi_nw li img {width:60px;height:60px}
/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {position:relative;float:right;padding:50px 15px 15px;width:358px;height:auto !important;height:355px;min-height:355px;background:#f5f6fa}
#sit_ov {position:relative;padding:50px 15px 15px;height:auto !important;height:355px;min-height:355px;background:#f5f6fa}
#sit_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sit_title {display:inline-block;margin:0 0 5px;font-size:1.3em}
@ -323,7 +322,7 @@ input.required:focus {border:0;background:#21272e !important;color:#fff;line-hei
#sit_star_sns .sit_star {position:relative;top:-2px;margin:0 5px 0 0}
#sit_star_sns a {position:relative;top:-2px}
#sit_ov_tbl {margin-bottom:20px;width:100%;border:0;border-collapse:collapse}
#sit_ov_tbl {margin-bottom:2em;width:100%;border:0;border-collapse:collapse}
#sit_ov_tbl th {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-weight:normal;text-align:left}
#sit_ov_tbl td {padding:7px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.sit_ov_ro {padding:2px 2px 3px;border:0;background:transparent;text-align:right;vertical-align:middle}
@ -331,9 +330,8 @@ input.required:focus {border:0;background:#21272e !important;color:#fff;line-hei
.sit_ov_input {margin:0 1px 0 0;padding:2px 2px 3px;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
#sit_ov_tbl button {margin:0 1px 0 0}
#sit_ov_btn {margin:0 0 0 34px !important;margin:0 0 0 33px;padding:0;list-style:none;zoom:1}
#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sit_ov_btn li {float:left;margin:0 0 0 1px}
#sit_ov_btn {margin:0;padding:0;text-align:center;list-style:none}
#sit_ov_btn li {display:inline-block;margin:0 0 0 1px}
#sit_ov_btn a {display:inline-block;padding:10px 0 8px;width:80px;font-size:0.95em;text-align:center;text-decoration:none;letter-spacing:-0.1em}
#sit_btn_buy {background:#ff5b89;color:#fff}
#sit_btn_cart,
@ -345,25 +343,25 @@ input.required:focus {border:0;background:#21272e !important;color:#fff;line-hei
#sit_siblings h2 {position:absolute;font-size:0;line-height:0;content:""}
/* 상품 상세보기 - 상품정보 */
#sit_inf {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
#sit_inf h2 {margin:0 0 10px}
#sit_inf {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9}
#sit_inf h2 {margin:0 0 1em}
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""}
#sit_inf_basic {margin:0 0 10px}
#sit_inf_explan {margin:0 0 10px}
#sit_inf_basic {margin:0 0 1em}
#sit_inf_explan {margin:0 0 1em}
#sit_inf_open {width:100%;border:0;border-collapse:collapse}
#sit_inf_open th {padding:7px 10px;border:1px solid #fff;background:#f5f6fa;text-align:left}
#sit_inf_open td {padding:7px 10px;border:1px solid #fff;background:#f5f6fa}
#sit_inf_open th {padding:0.5em 1em;border:1px solid #fff;background:#f5f6fa;text-align:left}
#sit_inf_open td {padding:0.5em 1em;border:1px solid #fff;background:#f5f6fa}
/* 상품 상세보기 - 사용후기 */
#sit_ps {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
#sit_ps h2 {margin:0 0 10px}
#sit_ps {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9}
#sit_ps h2 {margin:0 0 1em}
/* 상품 상세보기 - 상품문의 */
#sit_qna {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
#sit_qna h2 {margin:0 0 10px}
#sit_qna h3 {margin:0 0 10px}
#sit_qna {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9}
#sit_qna h2 {margin:0 0 1em}
#sit_qna h3 {margin:0 0 1em}
#sit_qna_ol {margin:0 0 5px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
.sit_qna_li {position:relative;padding:0 0 10px;border-bottom:1px solid #e9e9e9;background:#f5f6fa}
@ -388,16 +386,17 @@ input.required:focus {border:0;background:#21272e !important;color:#fff;line-hei
#sit_qna_w {display:none}
/* 상품 상세보기 - 배송정보 */
#sit_dvr {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
#sit_dvr h2 {margin:0 0 10px}
#sit_dvr {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9}
#sit_dvr h2 {margin:0 0 1em}
/* 상품 상세보기 - 교환정보 */
#sit_ex {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
#sit_ex h2 {margin:0 0 10px}
#sit_ex {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9}
#sit_ex h2 {margin:0 0 1em}
/* 상품 상세보기 - 관련상품 */
#sit_rel {margin:0 0 10px;padding:10px 10px 0}
#sit_rel h2 {margin:0 0 10px}
#sit_rel {margin:0 0 1em;padding:1em 1em 0}
#sit_rel h2 {margin:0 0 1em}
#sit_rel .sct_img {width:230px;height:230px}
/* 사용후기 모음 */
#sps {zoom:1}

9
mobile/shop/item.php
View File

@ -70,9 +70,6 @@ include_once(G4_MSHOP_PATH.'/_head.php');
$ca_id = $it['ca_id'];
include G4_MSHOP_PATH.'/navigation1.inc.php';
// 이 분류에 속한 하위분류 출력
include G4_MSHOP_PATH.'/listcategory.inc.php';
if ($is_admin)
echo '<div class="sit_admin"><a href="'.G4_ADMIN_URL.'/shop_admin/itemform.php?w=u&amp;it_id='.$it_id.'" class="btn_admin">상품 관리</a></div>';
@ -470,10 +467,8 @@ else
<div class="sct_wrap">
<?php
$list_mod = $default['de_rel_list_mod'];
$img_width = $default['de_rel_img_width'];
$img_height = $default['de_rel_img_height'];
$td_width = (int)(100 / $list_mod);
$img_width = 230;
$img_height = 230;
$sql = " select b.*
from {$g4['shop_item_relation_table']} a