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

M쇼핑몰: #159 레이어 상품검색, #167 레이아웃 상,하단 스타일 완료

Browse Source
This commit is contained in:
whitedot
2013-05-14 15:56:02 +09:00
parent db2a8b8f46
commit 91e1a3336d
3 changed files with 61 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
css/mobile_shop.css
View File

@ -25,23 +25,30 @@ a:focus,
a:active {color:#000;text-decoration:underline} a:active {color:#000;text-decoration:underline}
/* 상단 레이아웃 */ /* 상단 레이아웃 */
#hd {margin:0 0 1em;padding:1em 0;border-bottom:1px solid #e9e9e9} #header {margin:0 0 1em;padding:1em 0;border-bottom:1px solid #e9e9e9;text-align:center}
#hd h1, #header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd h2,
#hd h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#logo {text-align:center} #hd_ct {position:absolute;top:1em;left:1em;padding:0 1em;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;text-decoration:none;letter-spacing:-0.1em;vertical-align:top;line-height:2.6em;cursor:pointer;-webkit-appearance:none}
#hd_aside_mb ul {margin:0 1em;text-align:right} #hd_sch_open {position:absolute;top:1em;right:1em;padding:0 1em;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em;vertical-align:top;cursor:pointer;-webkit-appearance:none}
#hd_aside_mb li {display:inline-block;margin:0 0 0 1em}
#hd_sch {display:none;z-index:10;position:absolute;top:0;left:0;padding:2.2em 0;width:100%;background:#f5f6fa;text-align:center}
#hd_sch h2 {margin:0 0 1em}
#hd_sch .frm_input {height:2.5em;border-color:#999;background:#fff;line-height:2.5em}
#hd_sch #submit {padding:0 1em;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em;vertical-align:top;cursor:pointer;-webkit-appearance:none}
#hd_sch #pop_close {position:absolute;bottom:0.5em;right:0.5em;border:0;background:transparent}
#hd_mb {margin:1em 1em 0;text-align:center}
#hd_mb li {display:inline-block;margin:0 0 0 1em}
#hd_mb a {display:block;text-decoration:none}
/* 중간 레이아웃 */ /* 중간 레이아웃 */
#wrapper_title {margin-bottom:1em;font-size:1.2em} #container_title {margin-bottom:1em;font-size:1.2em}
/* 하단 레이아웃 */ /* 하단 레이아웃 */
#ft {padding:2em 0 0;border-top:1px solid #e9e9e9;font-size:0.6em;text-align:center} #footer {padding:2em 0 0;border-top:1px solid #e9e9e9;font-size:0.6em;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #footer h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_totop {display:block;margin:1em 0 2em} #ft_to_top {display:block;margin:1em 0 2em}
/* 목록 바로가기 */ /* 목록 바로가기 */
.sanchor {margin:0 0 0.5em;padding:0;zoom:1} .sanchor {margin:0 0 0.5em;padding:0;zoom:1}
@ -391,9 +398,8 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
.msg_sound_only, .msg_sound_only,
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */ /* 본문 바로가기 */
#to_content a {z-index:100000;position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden} #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
#to_content a:focus, #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:1.5em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
#to_content a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
/* 이미지 등비율 리사이징 */ /* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto} .img_fix {width:100%;height:auto}
@ -467,7 +473,7 @@ td.empty_table {padding:5em 0;text-align:center}
.frm_tbl textarea, .frm_tbl textarea,
.frm_input {border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none} .frm_input {border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
.frm_input:focus, .frm_input:focus,
input.required:focus {border:0;background:#21272e !important;color:#fff;line-height:1.8em} input.required:focus {border:1px solid #21272e;background:#21272e !important;color:#fff;line-height:1.8em}
.frm_tbl textarea {width:90%;height:10em} .frm_tbl textarea {width:90%;height:10em}
.frm_address {display:block;margin-top:0.3em} .frm_address {display:block;margin-top:0.3em}
.frm_file {display:block;margin-bottom:0.3em} .frm_file {display:block;margin-bottom:0.3em}

75
mobile/shop/shop.head.php
View File

@ -7,50 +7,47 @@ include_once(G4_LIB_PATH.'/connect.lib.php');
include_once(G4_LIB_PATH.'/popular.lib.php'); include_once(G4_LIB_PATH.'/popular.lib.php');
?> ?>
<header id="hd"> <header id="header">
<h1><?php echo $config['cf_title'] ?></h1> <?php if ((!$bo_table || $w == 's' ) && defined('_INDEX_')) { ?><h1><?php echo $config['cf_title'] ?></h1><?php } ?>
<div id="to_content"><a href="#container">본문 바로가기</a></div> <div id="skip_to_container"><a href="#container">본문 바로가기</a></div>
<div id="logo"><a href="<?php echo G4_SHOP_URL; ?>/"><img src="<?php echo G4_DATA_URL; ?>/common/mobile_logo_img" alt="쇼핑몰 처음으로"></a></div> <a href="<?php echo G4_SHOP_URL; ?>/"><img src="<?php echo G4_DATA_URL; ?>/common/mobile_logo_img" alt="<?php echo $config['cf_title']; ?> 메인"></a>
<a href="<?php echo G4_SHOP_URL; ?>/category.php" target="_blank" id="hd_ct">전체분류</a>
<button type="button" id="hd_sch_open">검색<span class="sound_only"> 열기</span></button>
<aside id="hd_ct"> <form name="frmsearch1" action="<?php echo G4_SHOP_URL; ?>/search.php">
<h2>쇼핑몰 카테고리</h2> <aside id="hd_sch">
<a href="<?php echo G4_SHOP_URL; ?>/category.php" target="_blank">전체 카테고리 보기</a> <h2>상품 검색</h2>
<label for="sch_str" class="sound_only">상품명<strong class="sound_only"> 필수</strong></label>
<input type="text" name="search_str" value="<?php echo stripslashes(get_text($search_str)); ?>" id="sch_str" required class="frm_input">
<input type="submit" value="검색" id="submit">
<button type="button" id="pop_close"><span class="sound_only">검색 </span>닫기</button>
</aside> </aside>
<script>
$(function (){
hd_sch = $('#hd_sch');
$('#hd_sch_open').click(function(){
hd_sch.css('display','block');
});
$('#hd_sch #pop_close').click(function(){
hd_sch.css('display','none');
});
});
</script>
</form>
<aside id="hd_aside"> <ul id="hd_mb">
<h2>편의메뉴</h2> <?php if ($is_member) { ?>
<div> <li><a href="<?php echo G4_BBS_URL; ?>/logout.php">로그아웃</a></li>
<section id="sch_all"> <?php } else { ?>
<h3>쇼핑몰 검색</h3> <li><a href="<?php echo G4_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>">로그인</a></li>
<form name="frmsearch1" action="<?php echo G4_SHOP_URL; ?>/search.php"> <?php } ?>
<li><a href="<?php echo G4_SHOP_URL; ?>/mypage.php">마이페이지</a></li>
<label for="sch_all_str" class="sound_only">상품명<strong class="sound_only"> 필수</strong></label> <li><a href="<?php echo G4_SHOP_URL; ?>/cart.php">장바구니</a></li>
<input type="text" name="search_str" value="<?php echo stripslashes(get_text($search_str)); ?>" id="sch_all_str" required> </ul>
<input type="submit" value="검색" id="sch_all_submit">
</form>
</section>
<section id="hd_aside_mb">
<h3>회원메뉴</h3>
<ul>
<?php if ($is_member) { ?>
<li><a href="<?php echo G4_BBS_URL; ?>/logout.php">로그아웃</a></li>
<?php } else { ?>
<li><a href="<?php echo G4_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>">로그인</a></li>
<?php } ?>
<li><a href="<?php echo G4_SHOP_URL; ?>/mypage.php">마이페이지</a></li>
<li><a href="<?php echo G4_SHOP_URL; ?>/cart.php">장바구니</a></li>
</ul>
</section>
</div>
</aside>
</header> </header>
<div id="wrapper"> <div id="container">
<?php if ((!$bo_table || $w == 's' ) && !defined('_INDEX_')) { ?><h1 id="container_title"><?php echo $g4['title'] ?></h1><?php } ?>
<div id="container">
<?php if ((!$bo_table || $w == 's' ) && !defined('_INDEX_')) { ?><h1 id="wrapper_title"><?php echo $g4['title'] ?></h1><?php } ?>

9
mobile/shop/shop.tail.php
View File

@ -7,12 +7,11 @@ $admin = get_admin("super");
// 우측, 하단 화면을 꾸미려면 이 파일을 수정합니다. // 우측, 하단 화면을 꾸미려면 이 파일을 수정합니다.
?> ?>
</div><!-- Container End --> </div><!-- container End -->
</div><!-- Wrapper End -->
<footer id="ft"> <footer id="footer">
<h1><?php echo $config['cf_title']; ?> 정보</h1> <h1><?php echo $config['cf_title']; ?> 정보</h1>
<a href="<?php echo G4_SHOP_URL; ?>/" id="ft_logo"><img src="<?php echo G4_DATA_URL; ?>/common/mobile_logo_img" alt="처음으로"></a> <a href="<?php echo G4_SHOP_URL; ?>/"><img src="<?php echo G4_DATA_URL; ?>/common/mobile_logo_img" alt="처음으로"></a>
<p> <p>
<span><?php echo $default['de_admin_company_addr']; ?></span> <span><?php echo $default['de_admin_company_addr']; ?></span>
<span><b>대표</b> <?php echo $default['de_admin_company_owner']; ?></span><br> <span><b>대표</b> <?php echo $default['de_admin_company_owner']; ?></span><br>
@ -24,7 +23,7 @@ $admin = get_admin("super");
<span><b>개인정보관리책임자</b> <?php echo $default['de_admin_info_name']; ?></span><br> <span><b>개인정보관리책임자</b> <?php echo $default['de_admin_info_name']; ?></span><br>
Copyright &copy; 2001-2013 <?php echo $default['de_admin_company_name']; ?>. All Rights Reserved. Copyright &copy; 2001-2013 <?php echo $default['de_admin_company_name']; ?>. All Rights Reserved.
</p> </p>
<a href="#" id="ft_totop">상단으로</a> <a href="#" id="ft_to_top">상단으로</a>
</footer> </footer>
<?php <?php