개발 Q&A

제목 조언점 부탁드립니다... 초보입니다ㅜㅜ
글쓴이 shake223 작성시각 2016/01/20 14:58:29
댓글 : 1 추천 : 0 스크랩 : 0 조회수 : 24545   RSS

현재 가비아 시스템을 사용중인데요..

장바구니 기능을 메인하단에 설정해야 하는 일이 생겼는데요..

코드이그나이터에 대해선 아직 잘 몰릅니다..

대충 css 틀작업을해서 형태는 만들어 났는데..

데이터를 어떻게 불러와야 할지를 모르겠습니다.

현재 가비아 장바구니 기능인 소스 입니다.

어떻게 처리하면 좋을지 조언좀 부탁드리겠습니다..

cart.html -> index.html 에 구현을 해야합니다.

index.html 하단부분에  장바구니 열기/닫기 부분에서 해결을 해야합니다.. 조언점 부탁드릴게여...

 

 

********** 가비아 장바구니 cart.html 입니다..**********


<style>
button.btn_select_all, button.btn_select_del, button.btn_select_wishlist { border:0 }
button.btn_ea_modify, button.btn_option_modify, button.btn_shipping_modify { border:0 }
.goods_name {line-height:15px;white-space:nowrap;overflow:hidden;width:200px;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.goods_option {padding-top:3px;font-color:#848484}
.goods_input {padding-top:3px;font-color:#848484}
.cell { border-left:1px solid #ddd }
.sub_bg {background-color:#f7f7f7}
</style>
{is_file_facebook_tag}
<script type="text/javascript">
	{?  APP_LIKE_TYPE == 'API' }
	try{ 
		window.fbAsyncInit = function() {
			FB.init({
			appId      : plus_app_id, //App ID
			status     : true, // check login status
			cookie     : true, // enable cookies to allow the server to access the session
			xfbml      : true,  // parse XFBML,
			oauth      : true,
			version    : 'v{APP_VER}'
			});  
			{? cfg.order.fblike_ordertype && fblikesale }
				FB.getLoginStatus(function(response) {
					$("#fbloginlay").hide();
						{ ? !fbuser }
							$.ajax({'url' : '../sns_process/facebooklogincknone', 'type' : 'post'});
						{ / }
					if (response.status === 'connected') {
						var uid = response.authResponse.userID;
						var accessToken = response.authResponse.accessToken;
					} else if (response.status === 'not_authorized') {
						$("#fbloginlay").show();
					} else {
						$("#fbloginlay").show();
					}
				});
			{ / }
			{? APP_USE == 'f' } 
				// like 이벤트가 발생할때 호출된다.
				FB.Event.subscribe('edge.create', function(response) {
					$("#facebook_mgs").html("페이스북과 정보를 교환 중에 있습니다. 잠시만 기다려 주세요.");
					{? ( _SERVER.HTTP_HOST==APP_DOMAIN ) }
						$.ajax({'url' : '../sns_process/facebooklikeck', 'type' : 'post', 'data' : {'mode':'like', 'product_url':response}, 'dataType': 'json','success': function(result){$("#facebook_mgs").html("");order_price_calculate();}});
					{:}
						var url = 'http://{config_system.subDomain}/sns_process/facebooklikeck?mode=like&firstmallcartid={firstmallcartid}&product_url='+response;
						$.getJSON(url + "&jsoncallback=?", function(res) {$("#facebook_mgs").html("");order_price_calculate();}); 
					{/}
				});

				// unlike 이벤트가 발생할때 호출된다.
				FB.Event.subscribe('edge.remove', function(response) {
					$("#facebook_mgs").html("페이스북과 정보를 교환 중에 있습니다. 잠시만 기다려 주세요.");
					{? ( _SERVER.HTTP_HOST==APP_DOMAIN ) }
						$.ajax({'url' : '../sns_process/facebooklikeck', 'type' : 'post', 'data' : {'mode':'unlike', 'product_url':response}, 'dataType': 'json','success': function(result){$("#facebook_mgs").html("");order_price_calculate();}});
					{:}
						var url = 'http://{config_system.subDomain}/sns_process/facebooklikeck?mode=unlike&firstmallcartid={firstmallcartid}&product_url='+response;
						$.getJSON(url + "&jsoncallback=?", function(res) {$("#facebook_mgs").html("");order_price_calculate();}); 
					{/}
				});//
			{ / }
		}
	} catch (facebookjsok) {
	}
	{ / }
</script>
<script type="text/javascript">
$(document).ready(function() {

	{ ? !is_goods}
	$(".goods_delivery_info").hide();
	{ / }

	// 전체 선택
	$("form#cart_form .btn_select_all").toggle(function() {
		$("input[name='cart_option_seq[]']").attr("checked",true);
	}, function() {
		$("input[name='cart_option_seq[]']").attr("checked",false);
	});

	// 선택삭제
	$(".btn_select_del").click(function() {

		var selected_order = '';
		$("input[name='cart_option_seq[]']").each(function(e, el) {
			if( $(el).attr('checked') == 'checked' ){
				selected_order += $(el).val() + ",";
			}
		});

		if(!selected_order){
			openDialogAlert('삭제할 상품을 선택해 주세요.','400','140');
			return false;
		}


		$("form#cart_form").attr("action","del");
		$("form#cart_form").attr("target","actionFrame");
		$("form#cart_form")[0].submit();
	});

	// 수량변경
	$("button.btn_ea_modify").bind("click",function() {
		closeDialog("optional_changes_dialog");//diglog 초기화
		var url = "optional_changes?option_catalog=1&no="+$(this).attr("id");
		$.get(url, function(data) {
			$("div#optional_changes_dialog").html(data);
		});
		openDialog("선택한 상품의 주문내역", "optional_changes_dialog", {"width":500,"height":600});
	});

	// 선택 주문
	$(".btn_selected_order").bind("click",function() {
		var selected_order = '';
		$("input[name='cart_option_seq[]']").each(function(e, el) {
			if( $(el).attr('checked') == 'checked' ){
				selected_order += $(el).val() + ",";
			}
		});

		if(!selected_order){
			openDialogAlert('주문할 상품을 선택해 주세요.','400','140');
			return false;
		}

		$("form#cart_form").attr("action","settle?mode=choice");
		$("form#cart_form").attr("target","");
		$("form#cart_form")[0].submit();
		$("form#cart_form").attr("target","actionFrame");
	});

	// 전체 주문
	$(".btn_all_order").bind("click",function() {
		$("form#cart_form").attr("action","addsettle");
		$("form#cart_form").attr("target","actionFrame");
		$("form#cart_form")[0].submit();
	});

	// 선택 위시리스트 저장
	$("button.btn_select_wishlist").bind("click",function(){
		$("form#cart_form").attr("action","../mypage/wish_add?mode=cart");
		$("form#cart_form").attr("target","actionFrame");
		$("form#cart_form")[0].submit();
	});

	// 배송 변경
	$("button.btn_shipping_modify").bind("click",function() {
			var url = "goods_shipping_changes";
			$.get(url, function(data) {
				$("div#optional_changes_dialog").html(data);
			});
			openDialog("배송방법 변경", "optional_changes_dialog", {"width":700});
	});

	$(".price_area").bind("mouseover",function(){
		$(this).parent().find(".sale_price_layer").show();
	}).bind("mouseout",function(){
		$(this).parent().find(".sale_price_layer").hide();
	});

	{ ? cart_promotioncode }
//		getPromotionckloding();
	{ / }

//	order_price_calculate();
});

function getPromotionckloding() {
	var cartpromotioncode = '{cart_promotioncode}';
	if( cartpromotioncode  ) {
		$.ajax({
			'url' : '../promotion/getPromotionJson?mode=cart',
			'data' : {'cartpromotioncode':cartpromotioncode},
			'type' : 'post',
			'dataType': 'json',
			'success': function(data) {
				order_price_calculate();
			}
		});
	}
}

function order_price_calculate()
{
	var f = $("form#orderFrm");

	f.attr("action","calculate?mode=cart");
	f.attr("target","actionFrame");
	f[0].submit();
}
</script>
<br style="line-height:30px;" />

<form name="orderFrm" id="orderFrm" method="post" action="cacluate" target="actionFrame">
</form>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
	<td width="40"></td>
	<td>
		<!-- 타이틀 -->
		<table width="100%" border="0" cellpadding="0" cellspacing="0">
		<tr><td><img src="../images/design/tit_shoppingcart.gif" /></td></tr>
		<tr><td height="10"></td></tr>
		<tr><td><span class="desc">장바구니에 담은 상품은 일주일동안 보관됩니다. 일주일 후에는 상품이 삭제될 수 있음을 알려드립니다. 오랫동안 보관하고 싶은 상품은 위시리스트에 추가해주세요.</span></td></tr>
		</table>

		<div style="height:30px;"></div>
		<form name="cart_form" id="cart_form" method="post" target="actionFrame" action="order">
		<input type="hidden" name="cart_version" value='2' />
		<!-- List -->
		<table width="100%" border="0" cellpadding="0" cellspacing="0">
		<tr>
			<td>
				<button type="button" class="btn_select_all"><img src="../images/design/btn_select_all.gif"  /></button>
				<button type="button" class="btn_select_del"><img src="../images/design/btn_select_del.gif" /></button>
				<!--{ ? member_seq }-->
				<button type="button" class="btn_select_wishlist"><img src="../images/design/btn_select_wishlist.gif" /></button>
				<!--{ / }-->
			</td>
		</tr>
		</table>
		<div style="height:8px;"></div>
		<table width="100%" border="0" cellpadding="0" cellspacing="0" class="list_table_style">
		<thead>
		<tr>
			<th width="40">선택</th>
			<th>주문상품</th>
			<th width="60">수량</th>
			<th width="90">상품금액</th>
			<th width="100">할인</th>
			<th width="90">할인가격</th>
			<th width="100">적립</th>
			<th width="90" class="goods_delivery_info">배송 <button type="button" class="btn_shipping_modify"><img src="../images/design/btn_change.gif" border="0" /></button></th>
		</tr>
		</thead>
		<tbody>
	<!--{ ? list }-->
		<!--{ @ list }-->
		<tr>
			<td class="cell" height="80"><input type="checkbox" name="cart_option_seq[]" value="{.cart_option_seq}" /></td>
			<td class="cell">
				<table width="100%" border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td class="left" width="80" valign="top">
						<a href="../goods/view?no={.goods_seq}"><img src="{.image}" align="absmiddle" hspace="5" style="border:1px solid #ddd;" onerror="this.src='../images/common/noimage_list.gif'" width="60" /></a>
					</td>
					<td class="left"  valign="top">
						<div class="goods_name">
							<a href="../goods/view?no={.goods_seq}" title="{.goods_name}">{.goods_name}</a>
			<!--{? .eventEnd }-->
							<div class="soloEventTd{.cart_option_seq}" style="font-face:Dotum; font-size:11px;">
								<img src="../images/common/icon_clock.gif" style="padding-bottom:2px;">남은시간
								<span style="background-color:#c61515; color:#ffffff; padding:2px; font-weight:bold;">
								<span id="soloday{.cart_option_seq}" style="color:#ffffff; font-weight:bold;">0</span>일
								<span id="solohour{.cart_option_seq}" style="color:#ffffff; font-weight:bold;">00</span>:
								<span id="solomin{.cart_option_seq}" style="color:#ffffff; font-weight:bold;">00</span>:
								<span id="solosecond{.cart_option_seq}" style="color:#ffffff; font-weight:bold;">00</span>
								</span>
							</div>
							<script>
							$(function() {
								timeInterval{.cart_option_seq} = setInterval(function(){
									var time{.cart_option_seq} = showClockTime('text', '{.eventEnd.year}', '{.eventEnd.month}', '{.eventEnd.day}', '{.eventEnd.hour}', '{.eventEnd.min}', '{.eventEnd.second}', 'soloday{.cart_option_seq}', 'solohour{.cart_option_seq}', 'solomin{.cart_option_seq}', 'solosecond{.cart_option_seq}', '{.cart_option_seq}');
									if(time{.cart_option_seq} == 0){
										clearInterval(timeInterval{.cart_option_seq});
										$(".soloEventTd{.cart_option_seq}").html("단독 이벤트 종료");
									}
								},1000);
							});
							</script>
			<!--{ / }-->
						</div>
			<!--{ ? .option1 }-->
						<div class="goods_option">
							<img src="/admin/skin/default/images/common/icon_option.gif" />
							{?.title1}{.title1}:{ / }{.option1}
							{ ? .option2 }{?.title2}{.title2}:{ / }{.option2} { / }
							{ ? .option3 }{?.title3}{.title3}:{ / }{.option3} { / }
							{ ? .option4 }{?.title4}{.title4}:{ / }{.option4} { / }
							{ ? .option5 }{?.title5}{.title5}:{ / }{.option5} { / }
						</div>
			<!--{ / }-->
			<!--{ ? .cart_inputs }-->
				<!--{ @ .cart_inputs }-->
					<!--{ ? ..input_value }-->
						<div class="goods_input">
							<img src="/admin/skin/default/images/common/icon_input.gif" />
							{?..type=='file'}
								{?..input_title}{..input_title}:{ / } <a href="/mypage_process/filedown?file={..input_value}" target="actionFrame"><img src="/mypage_process/filedown?file={..input_value}" width="13" height="13" title="크게 보기" align="absmiddle" /> <span class="desc">{..input_value}</span></a>
							{:}
								{?..input_title}{..input_title}:{ / }{..input_value}
							{/}
						</div>
					<!--{ / }-->
				<!--{ / }-->
			<!--{ / }-->
			<!--{? cfg.order.fblike_ordertype && fblikesale //회원, 비회원체크 }-->
						<div class="fblikelay" style="padding-top:10px">
							{=snsLikeButton(.goods_seq,'button_count')}
						</div>
			<!--{ / }-->
					</td>
				</tr>
				</table>
			</td>
			<td class="cell">
				<div>{=number_format(.ea)}</div>
				<div><button type="button" class="btn_ea_modify" id="{.cart_option_seq}"><img src="../images/design/btn_change.gif" /></button></div>
			</td>
			<td class="cell right">{=number_format(.price*.ea)}원</td>
			<td class="cell center">
				<div id="cart_option_sale_total_{.cart_option_seq}">
					<!--{ ? .sales.total_sale_price > 0 }-->
					{=number_format(.sales.total_sale_price)}원
					<!--{ : }-->
					-
					<!--{ / }-->
				</div>
				<div id="cart_option_sale_detail_{.cart_option_seq}" { ? .sales.total_sale_price > 0 }{ : }class="hide"{ / }>
					<img src="../images/common/icon_dc_list.gif" alt="할인내역" class="price_area" class="hand" />
					<div class="absolute">
						<div class="sale_price_layer hide" style="width:200px;">
							<div class="title_line">할인내역</div>
							<br style="line-height:10px;" />
							<table width="100%" border="0" cellpadding="0" cellspacing="0">
							<col width="78" />
							<tr>
								<th>구분</th>
								<th class="bolds ends">할인</th>
							</tr>
							<!--{ @ .sales.title_list }-->
							<tr id="cart_option_{..key_}_saletr_{.cart_option_seq}" { ? .sales.sale_list[..key_] > 0 }{ : }class="hide"{ / }>
								<td class="gr">{.sales.title_list[..key_]}</td>
								<td class="bolds ends prices">
									<span id="cart_option_{..key_}_saleprice_{.cart_option_seq}">{=number_format(.sales.sale_list[..key_])}</span>원
								</td>
							</tr>
							<!--{ / }-->
							</table>
						</div>
					</div>
				</div>
			</td>
			<td class="cell right">
				<span class="cart_option_price_{..cart_option_seq}">{=number_format(.sales.result_price)}</span>원
			</td>
			<td class="cell">
				<table align="center" border="0">
					<col /><col width="50" />
					<tr>
						<td><img src="/admin/skin/default/images/common/icon/icon_ord_emn.gif" title="적립금" /></td>
						<td class="right"><span id="option_reserve_{.cart_option_seq}">{=number_format(.reserve)}</span>원</td>
					</tr>
					<!--{ ? isplusfreenot && isplusfreenot.ispoint }-->
					<tr>
						<td><img src="/admin/skin/default/images/common/icon/icon_ord_point.gif" title="포인트" /></td>
						<td class="right"><span id="option_point_{.cart_option_seq}">{=number_format(.point)}</span>P</td>
					</tr>
					<!--{ / }-->
				</table>
			</td>
			<!--{ ?.shipping_provider_division }-->
			<td class="cell cell_left_line goods_delivery_info" rowspan="{=shipping_company_cnt[.shipping_group]}">
				<!--{ ? preg_match('/coupon/',.shipping_group) }-->
				<div>{.shipping_method_name}</div>
				<!--{ : }-->
					<!--{ ?.shipping['deliGroup']!='company' }-->
				<div>{.shipping['provider_name']}</div>
					<!--{ : }-->
					본사
					<!--{ / }-->
					<!--{ ? preg_match('/each/',.shipping_group) }-->
				<div style="color:red">개별배송</div>
					<!--{ / }-->
				<div>{.shipping_method_name}</div>
					<!--{ ? preg_match('/delivery/',.shipping_group) }-->
						<!--{ ? .shipping_policy == 'goods' }-->
							<!--{ ? shipping_group_price[.shipping_group]['goods'] }-->
				<div id="price_{.shipping_group}">{=number_format(shipping_group_price[.shipping_group]['goods'])}원</div>
							<!--{ : }-->
				<div id="price_{.shipping_group}">무료배송</div>
							<!--{ / }-->
						<!--{ / }-->
						<!--{ ? .shipping_policy == 'shop' }-->
							<!--{ ?shipping_group_price[.shipping_group]['shop'] }-->
				<div id="price_{.shipping_group}">{=number_format(shipping_group_price[.shipping_group]['shop'])}원</div>
							<!--{ : }-->
				<div id="price_{.shipping_group}">무료배송</div>
							<!--{ / }-->
						<!--{ / }-->
					<!--{ : }-->
						<!--{ ? preg_match('/postpaid/',.shipping_group) }-->
				<div>￦{=number_format(shipping_group_price[.shipping_group]['postpaid'])}</div>
						<!--{ / }-->
						<!--{ ? shipping_group_price[.shipping_group]['summary']}-->
				<div>{shipping_group_price[.shipping_group]['summary']}</div>
						<!--{ / }-->
					<!--{ / }-->
				<!--{ / }-->
			</td>
			<!--{ / }-->
		</tr>
		<!--{ @ .cart_suboptions }-->
		<tr>
			<td class="cell sub_bg"></td>
			<td class="cell sub_bg">
				<table width="100%" border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td class="right" width="80">
						<div style="padding-right:5px;"><img src="/admin/skin/default/images/common/icon_add_arrow.gif" /></div>
					</td>
					<td class="left"  valign="top">
						<img src="/admin/skin/default/images/common/icon_add.gif" />
						{ ? ..suboption }
							{ ? ..suboption_title }{..suboption_title}:{ / }{..suboption}
						{ / }
					</td>
				</tr>
				</table>
			</td>
			<td class="cell sub_bg">{=number_format(..ea)}</td>
			<td class="cell sub_bg right">{=number_format(..price*..ea)}원</td>
			<td class="cell sub_bg center">
				<div id="cart_suboption_sale_total_{..cart_suboption_seq}">
					<!--{ ? ..sales.total_sale_price > 0 }-->
					{=number_format(..sales.total_sale_price)}원
					<!--{ : }-->
					-
					<!--{ / }-->
				</div>
				<div id="cart_suboption_sale_detail_{..cart_suboption_seq}" { ? ..sales.total_sale_price > 0 }{ : }class="hide"{ / }>
					<img src="../images/common/icon_dc_list.gif" alt="할인내역" class="price_area" class="hand" />
					<div class="absolute">
						<div class="sale_price_layer hide" style="width:200px;">
							<div class="title_line">할인내역</div>
							<br style="line-height:10px;" />
							<table width="100%" border="0" cellpadding="0" cellspacing="0">
							<col width="78" />
							<tr>
								<th>구분</th>
								<th class="bolds ends">할인</th>
							</tr>
							<!--{ @ ..sales.sale_list }-->
							<tr id="cart_suboption_{...key_}_saletr_{..cart_suboption_seq}" { ? ...value_ > 0 }{ : }class="hide"{ / }>
								<td class="gr">{..sales.title_list[...key_]}</td>
								<td class="bolds ends prices">
									<span id="cart_suboption_{...key_}_saleprice_{..cart_suboption_seq}">{=number_format(...value_)}</span>원
								</td>
							</tr>
							<!--{ / }-->
							</table>
						</div>
					</div>
				</div>
			</td>
			<td class="cell sub_bg right">
				<span id="cart_suboption_price_{..cart_suboption_seq}">{=number_format(..sales.result_price)}</span>원
			</td>
			<td class="cell sub_bg">
				<table align="center" border="0">
				<col /><col width="50" />
				<tr>
					<td><img src="/admin/skin/default/images/common/icon/icon_ord_emn.gif" title="적립금" /></td>
					<td class="right"><span id="suboption_reserve_{..cart_suboption_seq}">{=number_format(..reserve)}</span>원</td>
				</tr>
				<!--{ ? isplusfreenot && isplusfreenot.ispoint}-->
				<tr>
					<td><img src="/admin/skin/default/images/common/icon/icon_ord_point.gif" title="포인트" /></td>
					<td class="right"><span id="suboption_point_{..cart_suboption_seq}">{=number_format(..point)}</span>P</td>
				</tr>
				<!--{ / }-->
				</table>
			</td>
		</tr>
		<!--{ / }-->
	<!--{ / }-->
<!--{ : }-->
		<tr>
			<td class="cell" colspan="8"  height="80">장바구니에 담긴 상품이 없습니다.</td>
		</tr>
<!--{ / }-->
		</tbody>
		</table>
		</form>
		<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-bottom:2px solid #dedede">
		<tr>
			<td height="34" align="right" style="padding:0 5px; background-color:#f7f7f7">
				<div class="goods_delivery_info">
				<!--{ ? shipping_price.shop > 0 }-->
					<b>기본배송비 : {=number_format(shipping_price.shop)}원</b>
				<!--{ / }-->
				<!--{ ? shipping_price.goods > 0 }-->
					<b>개별배송비 : {=number_format(shipping_price.goods)}원</b>
				<!--{ / }-->
				</div>
			</td>
		</tr>
		</table>

		<div class="cboth"></div>
		<div style="height:10px"></div>
		<div align="center" id="facebook_mgs">{?  APP_LIKE_TYPE == 'API'  }페이스북과 정보를 교환 중에 있습니다. 잠시만 기다려 주세요.{/}</div>
		<div style="height:10px"></div>

		<table align="right" height="80" border="0" cellpadding="0" cellspacing="0">
		<tr>
			<td>
				<table width="80" border="0" cellpadding="0" cellspacing="0">
				<tr><td align="center" height="30">총 수량</td></tr>
				<tr><td align="center" height="25" class="fx16">{=number_format(total_ea)}</td></tr>
				</table>
			</td>
			<td>
				<table width="120" border="0" cellpadding="0" cellspacing="0">
				<tr><td align="center" height="30">총 판매가격</td></tr>
				<tr><td align="center" height="25" class="fx16">{=number_format(total)}</td></tr>
				</table>
			</td>

			<td class="goods_delivery_info">
				<table width="120" border="0" cellpadding="0" cellspacing="0">
				<tr><td align="center" height="30">배송비</td></tr>
				<tr><td align="center" height="25" class="fx16">{=number_format(array_sum(shipping_price))}</td></tr>
				</table>
			</td>
			<td>
				<table width="120" border="0" cellpadding="0" cellspacing="0">
				<tr><td align="center" height="30">총 할인</td></tr>
				<tr><td align="center" height="25" class="fx16"><span id="total_sale">{=number_format(total_sale)}</span></td></tr>
				</table>
			</td>
			<td>
				<table width="120" border="0" cellpadding="0" cellspacing="0">
				<tr><td align="center" height="30">총 결제금액</td></tr>
				<tr><td align="center" height="25" class="fx16"><span class="settle_price bold">{=number_format(total_price)}</span></td></tr>
				</table>
			</td>
			<td>
				<table width="120" border="0" cellpadding="0" cellspacing="0">
				<tr><td align="center" height="30">예상적립금</td></tr>
				<tr><td align="center" height="25" class="fx16"><span class="total_reserve" id="total_reserve">{=number_format(total_reserve)}</span></td></tr>
				</table>
			</td>

			<!--{ ? isplusfreenot && isplusfreenot.ispoint}-->
			<td>
				<table width="120" border="0" cellpadding="0" cellspacing="0">
				<tr><td align="center" height="30">예상포인트</td></tr>
				<tr><td align="center" height="25" class="fx16"><span class="total_point" id="total_point">{=number_format(total_point)}</span></td></tr>
				</table>
			</td>
			<!--{ / }-->
		</tr>
		</table>

		<div class="cboth"></div>

		<div style="text-align:right; font-weight:bold">
			<span style="font-size:16px; font-family:dotum; color:#757575">총 결제금액</span>
			<span class="totalprice">{=number_format(total_price)}</span>
		</div>

		<div style="height:40px"></div>

		<div style="text-align:right">
			<span class="btn_all_order" ><img src="../images/buttons/btn_order_all.gif" hspace="5" class="hand" {? total_ea < 1 }onclick="openDialogAlert('주문할 상품을 선택해 주세요.','400','140');return false;" {/} /></span>
			<span class="btn_selected_order"><img src="../images/buttons/btn_order_selected.gif" class="hand"/></span>
			<a href="../main/index"><img src="../images/buttons/btn_shopping_continue.gif" hspace="5" class="hand" /></a>
		</div>

		<!-- 네이버체크아웃 시작-->
		<!--{?navercheckout_tpl}-->
		<div align="right" style="padding-top:25px">
		{navercheckout_tpl}
		</div>
		<!--{/}-->
		<!-- 네이버체크아웃 끝-->
	</td>
	<td width="40"></td>
</tr>
</table>
<div id="optional_changes_dialog" style="display:none;"></div>

{?  APP_LIKE_TYPE == 'API'  }
	<!-- 좋아요할인 : 삭제하지 말아주세요 -->
	<!--{ ? !( strstr(_SERVER.HTTP_HOST,'.firstmall.kr') || _SERVER.HTTP_HOST==APP_DOMAIN ) }-->
	<iframe name="snsiframe" src="http://{config_system.subDomain}/admin/sns/subdomainfacebookck" frameborder="0" width="0" height="0"></iframe>
	<script language="JavaScript" src="http://{config_system.subDomain}/order/fblike_opengraph_firstmallplus?firstmallcartid={firstmallcartid}"></script>
	<script language="JavaScript" src="http://{config_system.subDomain}/order/fbopengraph?firstmallcartid={firstmallcartid}"></script>
	<!--{ / }-->
	<script language="JavaScript" src="../order/fblike_opengraph"></script>
	<!-- 좋아요할인 : 삭제하지 말아주세요 -->
{/}

 

 

************* 수정해야할 index.html 입니다. ******************

<script type="text/javascript" src="popslider/jquery.ulslide.js"></script>

<script type="text/javascript">
$(document).ready(function() {

	{ ? !is_goods}
	$(".goods_delivery_info").hide();
	{ / }

	// 전체 선택
	$("form#cart_form .btn_select_all").toggle(function() {
		$("input[name='cart_option_seq[]']").attr("checked",true);
	}, function() {
		$("input[name='cart_option_seq[]']").attr("checked",false);
	});

	// 선택삭제
	$(".btn_select_del").click(function() {

		var selected_order = '';
		$("input[name='cart_option_seq[]']").each(function(e, el) {
			if( $(el).attr('checked') == 'checked' ){
				selected_order += $(el).val() + ",";
			}
		});

		if(!selected_order){
			openDialogAlert('삭제할 상품을 선택해 주세요.','400','140');
			return false;
		}


		$("form#cart_form").attr("action","del");
		$("form#cart_form").attr("target","actionFrame");
		$("form#cart_form")[0].submit();
	});

	// 수량변경
	$("button.btn_ea_modify").bind("click",function() {
		closeDialog("optional_changes_dialog");//diglog 초기화
		var url = "optional_changes?option_catalog=1&no="+$(this).attr("id");
		$.get(url, function(data) {
			$("div#optional_changes_dialog").html(data);
		});
		openDialog("선택한 상품의 주문내역", "optional_changes_dialog", {"width":500,"height":600});
	});

	// 선택 주문
	$(".btn_selected_order").bind("click",function() {
		var selected_order = '';
		$("input[name='cart_option_seq[]']").each(function(e, el) {
			if( $(el).attr('checked') == 'checked' ){
				selected_order += $(el).val() + ",";
			}
		});

		if(!selected_order){
			openDialogAlert('주문할 상품을 선택해 주세요.','400','140');
			return false;
		}

		$("form#cart_form").attr("action","settle?mode=choice");
		$("form#cart_form").attr("target","");
		$("form#cart_form")[0].submit();
		$("form#cart_form").attr("target","actionFrame");
	});

	// 전체 주문
	$(".btn_all_order").bind("click",function() {
		$("form#cart_form").attr("action","addsettle");
		$("form#cart_form").attr("target","actionFrame");
		$("form#cart_form")[0].submit();
	});

	// 선택 위시리스트 저장
	$("button.btn_select_wishlist").bind("click",function(){
		$("form#cart_form").attr("action","../mypage/wish_add?mode=cart");
		$("form#cart_form").attr("target","actionFrame");
		$("form#cart_form")[0].submit();
	});

	// 배송 변경
	$("button.btn_shipping_modify").bind("click",function() {
			var url = "goods_shipping_changes";
			$.get(url, function(data) {
				$("div#optional_changes_dialog").html(data);
			});
			openDialog("배송방법 변경", "optional_changes_dialog", {"width":700});
	});

	$(".price_area").bind("mouseover",function(){
		$(this).parent().find(".sale_price_layer").show();
	}).bind("mouseout",function(){
		$(this).parent().find(".sale_price_layer").hide();
	});

	{ ? cart_promotioncode }
//		getPromotionckloding();
	{ / }

//	order_price_calculate();
});
function getPromotionckloding() {
	var cartpromotioncode = '{cart_promotioncode}';
	if( cartpromotioncode  ) {
		$.ajax({
			'url' : '../promotion/getPromotionJson?mode=cart',
			'data' : {'cartpromotioncode':cartpromotioncode},
			'type' : 'post',
			'dataType': 'json',
			'success': function(data) {
				order_price_calculate();
			}
		});
	}
}

function order_price_calculate()
{
	var f = $("form#orderFrm");

	f.attr("action","calculate?mode=cart");
	f.attr("target","actionFrame");
	f[0].submit();
}
</script>

<script language="JavaScript">

 <!--

 function setCookie( name, value, expiredays ) { 

  var todayDate = new Date(); 

  todayDate.setDate( todayDate.getDate() + expiredays );  

  document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" 

  }

  function closePop() { 

   if ( document.pop_form.chkbox.checked ){ 

   setCookie( "maindiv", "done" , 1 ); 

   } 

  document.all['multi_popup'].style.visibility = "hidden";

 }

 //-->  

</script>


<script type="text/javascript">

 $(function() {

  $('#main_bn').ulslide({          

   statusbar: true,

   width: 300,        // 슬라이드 배너의 가로크기 조절

   height: 300,        // 슬라이드 배너의 세로크기 조절

   affect: 'slide',      // fade로 변경시 서서히 사라지고 나타나는 형태로 바뀜slide

   axis: 'x',              // y로 변경시 세로슬라이드로 바뀜

   navigator: '.thumb_box a',

   duration: 300,        // 배너 바뀌는 속도

   autoslide: 3000

  });

 });

</script>





<style>
#multi_popup { width:300px; height:430px; background:#444444; color:#fff; position:absolute; top:100px; left:100px; z-index:999999; -webkit-box-shadow: 0px 0px 15px #000; -moz-box-shadow: 0px 0px 15px #000; box-shadow: 0px 0px 15px #000; }


.container1 { position: relative; width: 300px; height: 400px; overflow: hidden; margin: 0 auto; float:left; }
.thumb_box { position:absolute; bottom:0px; width:300px; height:100px; background:#dddddd; padding:0; }
.thumb_box a { width:150px; height:50px; float:left; margin:0px; }
.thumb_box a:hover,
.thumb_box a:visited { background-position:0 -50px; }
.thumb_box a.usl-current { background-position:0 -50px; } 


.close div{float:left; text-align:right;}
#check{font-size:12px; font-family:'돋움'; position:absolute; bottom:9px; right:45px; }
#close{font-size:12px; position:absolute; bottom:9px; right:10px; }
#close a { color:#fff; }

</style>


{=showDesignPopup(14)}
{=showDesignPopup(13)}
{=showDesignPopup(11)}
{=showDesignPopup(10)}

{=showDesignPopup(8)}

{=showDesignPopup(5)}
{=showDesignPopup(4)}
{=showDesignPopup(3)}
{=showDesignPopup(1)}
<script type="text/javascript" src="../images/mimg/js/jquery.sliderkit.1.9.2.pack.js"></script>
<script type="text/javascript" src="../images/mimg/js/jquery.easing.1.3.min.js"></script>
<script type="text/javascript" src="../images/mimg/js/slidermain.js"></script>

<div id="main_img" class="cboth">
	<div class="main_left">
		{=showDesignBanner(2)}
	</div>

	<div class="main_right">
		<!-- 메인우측 롤오버 배너1 -->
		<p class="ban1"><img src="../images/mimg/ban01_off.jpg" title="" alt="" onmouseover="off(this)" onmouseout="off(this)"></p>
        <br>
        
        <!--
<p class="ban1"><img src="../images/mimg/ban01_off.jpg" title="" alt="" onmouseover="off(this)" onmouseout="on(this)"></p>
-->

		<div class="latest_bbs">
			<h2><a href="/board/?id=notice" target='_self'><img src="../images/mimg/tit_notice.gif" title="" alt="" /></a></h2>
			<div class="list">
			<!-- {? getBoardData('notice','10','','','23') } -->
			<!-- {@ getBoardData('notice','10','','','23') } -->
			<div class="board_text">{.subject}{.iconnew}</div>
			<!-- {/} -->
			<!-- {/} -->
			</div>
		</div>

		<!-- 메인우측 롤오버 배너 2~4 -->
        <!--
		<div class="banners cboth">
			<p class="ban2"><a href="http://greenanum.co.kr/board/view?id=event&seq=4216" target='_self'><img src="../images/mimg/ban02_off.jpg" title="" alt="" onmouseover="on(this)" onmouseout="off(this)"></a></p>
            
			<p class="ban3"><a href="http://greenanum.co.kr/promotion/coupon_shipping?setDesignMode=on" target='_self'><img src="../images/mimg/ban03_off.jpg" title="" alt="" onmouseover="on(this)" onmouseout="off(this)"></a></p>
		</div>
-->
        <br><br><br><br><br><br>
		<p class="ban4" style="margin-top:15px"><a href="http://wwwc.sweettracker.net/" target='_blank'><img src="../images/mimg/ban04_off.jpg" title="" alt="" ></a></p>
	</div> <!-- /main_right -->
</div><!-- main_img -->

<div class="cboth center_banner">
	<p><a href='http://greenanum.co.kr/goods/catalog?code=0011' target='_self'><img src="../images/mimg/ban05.jpg" title="" alt="" /></a></p>
</div>

<div id="main_img" class="cboth">
	<p class="cboth mb20"><img src="../images/mimg/tit_special.jpg" title="" alt="" /></p>
	<div class="area_tab fleft">{=showDesignDisplay(3)}</div>
	<div class="fright">
		<div class="sliderkit contentslider-std2">
			

			<div class="sliderkit-panels">
				<!-- 이벤트 배너 링크 -->
				{=showDesignBanner(3)}
			</div>
		</div>
	</div>
    
    
	<!--<p class="cboth mb25 pdt40"><img src="../images/mimg/tit_best.gif" title="" alt="" /></p>
	<div class="cboth">{=showDesignDisplay(6)}</div>-->
    <p class="cboth mb25 pdt40"><img src="../images/mimg/tit_md1.jpg" title="" alt="" /></p>
<div class="cboth">{=showDesignDisplay(8)}</div> 
    
    <!--<p class="cboth mb25 pdt40"><img src="../images/mimg/tit_new.gif" title="" alt="" /></p>
	<div class="cboth">{=showDesignDisplay(4)}</div-->

	<!--<p class="cboth mb25 pdt40"><img src="../images/mimg/tit_md.jpg" title="" alt="" /></p>
<div class="cboth">{=showDesignDisplay(7)}</div-->
    
   
    
	
	
	<!-- 포토후기 게시판 2015-6-17 -->
	<div class="main_bottom">
		<div class="latest_bbs">
			<h2><a href="/board/?id=board_stylezone" target='_self'><img src="../images/mimg/tit_photo.gif" title="" alt="" /></a></h2>
			<div class="list">
			<table width="340px" border="0">
			
			<!--{@ getBoardData('board_stylezone','4',null,null,'20','137','ID',array('orderby=gid asc','','rdate_s=2011-09-16','rdate_f=2014-06-11','none_auto_term=999','image_w=80','image_h=80')) }-->
			<tr class="board_text" width="300">
				<td><img src={.filelist} width="100" height="65"></td>
				<td width="200">{.subject}</td>
				
			</tr>
			<!--{/}-->	
			</table>
			</div>
		</div>
	</div>
	
	<!-- 녹색나눔Talk 게시판 2015-6-17 -->
	<div class="main_talk">
		<!-- 메인우측 롤오버 배너1 -->

		<div class="latest_bbs">
			<h2><a href="/board/?id=story" target='_self'><img src="../images/mimg/tit_green_talk.gif" title="" alt="" /></a></h2>
			<div class="list">
			<!-- {? getBoardData('story','4','','','31') } -->
			<!-- {@ getBoardData('story','4','','','31') } -->
			<div class="board_text">{.subject}{.iconnew}</div>
			<!-- {/} -->
			<!-- {/} -->
			</div>
		</div>
		
		<div class="latest_bbs">
			<h2><a href="/board/?id=only" target='_self'><img src="../images/mimg/tit_green_notice.gif" title="" alt="" /></a></h2>
			<div class="list">
			<!-- {? getBoardData('only','4','','','31') } -->
			<!-- {@ getBoardData('only','4','','','31') } -->
			<div class="board_text">{.subject}{.iconnew}</div>
			<!-- {/} -->
			<!-- {/} -->
			</div>
		</div>
	
	</div>
	
	<!-- 사회적기업 공 게시판 2015-6-17 -->
	<div class="main_only">
		<!-- 메인우측 롤오버 배너1 -->

		<div class="latest_bbs">
			<h2><a href="/board/?id=goods_review" target='_self'><img src="../images/mimg/tit_product.gif" title="" alt="" /></a></h2>
			
			
			<table class="list">
			<!--{@ getBoardData('goods_review','4',null,null,'20','137','ID',array('orderby=gid asc','','rdate_s=2011-09-16','rdate_f=2014-06-11','none_auto_term=999','image_w=80','image_h=80')) }-->
			<tr class="board_text">
				<td><img src={.filelist} width="100" height="65"></td>
				<td width="200">{.subject}</td>
				
			</tr>
			<!--{/}-->	
			</table>
		</div>
	
	</div>

	<style>
	.cart_area{z-index:11;position:fixed;left:0;bottom:-254px;text-align:center;width:100%;}
	.cart_wrap{vertical-align:top;display:inline-block;overflow:hidden;text-align:left;width:1200px;height:282px;*margin-left:150px;*border:1px solid #287a78;border-bottom:0;background:#ffffff;}
	.cart_head{position:relative;height:28px;background:#CEF279;}
	.cart_head .open_cart{overflow:hidden;white-space:nowrap;text-indent:-200%;width:100%;height:100%;color:#fff;outline:0;background:url(../images/cart.png) no-repeat center top;border:0px;display:block;}
	.cart_head .close_cart{overflow:hidden;white-space:nowrap;text-indent:-200%;width:100%;height:100%;color:#fff;outline:0;background:url(../images/cart.png) no-repeat center top;border:0px;display:block;}
	.cart_head .open_cart.on{background-position:center -28px;}
	.cart_container{padding:30px 30px 0;}

	.cart_container:after{display:block;clear:both;content:"";}
	.cart_container .cart_article{float:left;}
	.cart_container .cart_product{overflow:hidden;width:500px;height:210px;background:url(../images/common/cart_none.png) repeat-x;}
	.cart_container .cart_product.over{background:none;}
	.cart_container .cart_prod_list:after{display:block;clear:both;content:"";}
	.cart_container .cart_prod{float:left;width:112px;margin-right:30px;}
	.cart_container .prod_box{border:1px solid #dadada;background:#fff;}
	.cart_container .prod_box .img_con{width:110px;height:130px;border-bottom:1px solid #dadada;}
	.cart_container .prod_box .img_con a{display:block;padding:15px 5px;}
	.cart_container .prod_box .img_con a img{width:100px;height:100px;}
	.cart_container .prod_box .bot_con{width:110px;height:33px;}
	.cart_container .prod_box .bot_con .cnt_box{float:left;}
	.cart_container .prod_box .bot_con .cnt_box span{line-height:33px;margin-left:10px;vertical-align:top;}
	.cart_container .prod_box .bot_con .cnt_box .prod_cnt{outline:0;width:40px;height:33px;line-height:33px;color:#38a9a5;text-align:right;font-family:Tahoma;}
	.cart_container .prod_box .bot_con .btn_box{float:right;width:25px;height:33px;border-left:1px solid #dadada;}
	.cart_container .prod_box .bot_con .btn_box .btn_prod_box{position:relative;display:block;width:25px;height:16px;}
	.cart_container .prod_box .bot_con .btn_box .btn_top_box{border-bottom:1px solid #dadada;}
	.cart_container .prod_box .bot_con .btn_box .btn_prod{overflow:hidden;vertical-align:top;position:absolute;left:-1px;top:-1px;width:27px;height:18px;border:1px solid #dadada;text-indent:1000px;white-space:nowrap;}
	.cart_container .prod_box .bot_con .btn_box .btn_prod_p{background:url(../images/common/btn_arr3_t_off.gif) no-repeat center;}
	.cart_container .prod_box .bot_con .btn_box .btn_prod_p:hover{z-index:2;border-color:#38a9a5;background:url(../images/common/btn_arr3_t_on.gif) no-repeat center;}
	.cart_container .prod_box .bot_con .btn_box .btn_prod_m{background:url(../images/common/btn_arr3_b_off.gif) no-repeat center;}
	.cart_container .prod_box .bot_con .btn_box .btn_prod_m:hover{z-index:2;border-color:#38a9a5;background:url(../images/common/btn_arr3_b_on.gif) no-repeat center;}
	.cart_container .prod_cost_box{height:28px;line-height:28px;text-align:center;color:#38a9a5;}
	.cart_container .prod_cost_box .prod_cost{font-family:Tahoma;font-size:13px;font-weight:bold;}
	.cart_container .cart_event{width:286px;height:194px;margin-left:30px;padding-left:30px;background:url(../images/bg_line1.png) repeat-y left;}
	.cart_container .cart_total{width:230px;height:194px;margin-left:30px;padding-left:30px;background:url(../images/bg_line1.png) repeat-y left;}
	.cart_container .cart_total h3{font-size:15px;color:#403324;margin-bottom:4px;}
	.cart_container .cart_total table{width:100%;margin-bottom:15px;}
	.cart_container .cart_total table th,.cart_container .cart_total table td{border-top:*1px solid #808080;height:30px;}
	
	.cart_container .cart_total table tfoot th,.cart_container .cart_total table tfoot td{*height:50px;}
	.cart_container .cart_total table th{text-align:left;width:50px;}
	.cart_container .cart_total table td{text-align:right;font-family:Tahoma;font-weight:bold;font-size:15px;color:#555555;}
	.cart_container .cart_total table td span{font-weight:normal;font-family:YG76;font-size:13px;}
	.cart_container .cart_total table tfoot td{font-size:21px;color:#FF0000;}
	.car
 다음글 CI SQL JOIN 질문입니다!!!(난이도 하) 도와... (10)
 이전글 Php에서 배열 값을 이전 다음을 찾을 수 있을까요? (2)
목록

댓글

한대승(불의회상) / 2016/01/20 15:17:07 / 추천 0

가비아 템플릿 인것 같군요.

가비아 사용중 이신분 도움 부탁 드립니다.

 

게시물 이동 합니다.