제로보드로 쇼핑몰 만들기

제로보드로 쇼핑몰 만들기(한꼬마님 글 퍼옴--home--)
 

쇼핑몰의 기본틀을 생각하지 말고 제로보드로 지금까지 나온 쇼핑몰보다 훌륭한 쇼핑몰을 만들수 있습니다.

1. 준비물

제로보드 4.1
모닝카트 최근 버전 (데이콤 카드 결제 가능, 별도 관리자 모드제공)

2. 쇼핑몰의 기본 화면

쇼핑몰의 기본 화면은 겔러리를 이용합니다. 가만히 따지고 보면 겔러리 이상 괜찮은 모양도 없는것 같습니다. 
쇼핑몰 대부분이 상품 그림을 나열하고 그 밑에 제품명이나 규격을 나타나게 합니다. 
겔러리를 변경하여 쇼핑몰의 초기 화면을 제작 할 수 있습니다.

3. 쇼핑몰의 입력화면

쇼핑몰의 입력화면은 몇개의 필드를 쇼핑몰에 맞게 바꾸어야 합니다. 
필드는 필요한 필드만 지정하면 되므로 데이터 베이스를 손볼 필요 없이 프로그램만 변경하면 됩니다.

4. 쇼핑몰의 구입화면

쇼핑몰의 구입화면은 모닝카트에서 제공하는 프로그램을 그대로 이용합니다.
여기까지만 두 프로그램을 연결하면 쇼핑몰이 구현됩니다.

 

1)모닝카트 설치  모닝카트 프로그램 다운 
-------------------------------------------------------------------------------

1. 압축을 풉니다. 
2. 자신의 계정에 디렉토리를 하나만듭니다.(ex. morningshop/) 
3. 디렉토리의 퍼미션을 777로 지정합니다. (ex. chmod 777 morningshop) 
4. 모든화일 만든 디렉토리로 복사합니다
3. 모든 디렉토리의 퍼미션을 777로 지정합니다. (ex. cart,data, ~~ 등등 
디렉토리 퍼미션은 777 입니다) 
5. 퍼미션을 755로 지정합니다. (ex. chmod 755 sendmail.php) 

반드시 디렉토리 퍼미션은 777 입니다. 확인 필수

설치 끝

top.html : 쇼핑몰의 상단 HTML 코드 상황에 맞게 만드시면 됩니다.
bottom.html : 쇼핑몰의 하단 HTML 코드 상황에 맞게 만드시면 됩니다

semple.html : 판매될 상품은 샘플에 맞게 제작하여 올리시면 됩니다 
히든 속성을 갇는 입력 값은 ex)  
<input type="hidden" name="Goods_Origin" value="한국">
name는 같은 이름을 사용 하시고 대소문자 구별을 하므로 주의 하셔서 만드세요 value 는 
상품의 속성에 맡게 바꾸시면 됩니다
모든 보여지는 값 밑에는 히든 속성 갇는 입력 값이 있으므로 넣지 않을 경우 장바구니는 
작동 하지 않습니다.
판매될 상품의 진열은 디자인만 잘하시면 됩니다..
카테고리는 나눌 경우 제일 하위에 상품 진열을 샘플 식으로 하시면 됩니다

admin.php : 관리자 모드  // 관리 자로 연결 시킬때 링크 하시면 됩니다 
config.php : 환경 설정 // 이 부분의 관리자 패스워드 변경 꼭 바꾸셔야 합니다
// 환경 설정을 맞게 설정하여 주십시오

func.php 
cart.php : 카트 쇼핑몰 핵심 내용에 맞게 들어오는 어떤 데이터도 제어가 가능 합니다.

delivery.php : 배송 주문 확인 입니다 링크를 하시면 됩니다

ecredit.php : 카드 관련 사항 


-------------------------------------------------------------------------------
기능 
-------------------------------------------------------------------------------
어떤 상품 이던 판매가 가능하다 500 품목 이상 가능.. 1000 품목 까지 시험
주민 번호 사용 여부 (단 주민 등록 번호가 올바른지 검사는 하지 않습니다)
성인 전용 쇼핑몰로 사용 가능 주민 번호 성인 여부 검색
같은 물건 다른 색상이나 사이즈는 따로 계산
어드민에서 주문 내용 보기 기능
어드민에서 주문 내용 삭제 가능
배송 주문 확인 가능

어드민에 보안강화.
메일에서 주문자 제목 표시.
top.html bottom.html 을 사용 해서 쉽게 디자인을 변경 가능.


<!-- 
1. 입풋 네임명은 바꾸지 마세요.
2. 필요없는 필드는 삭제 하면 됩니다.
   단 상품명 , 상품 가격 , 상품 수량은 꼭 필요합니다.
3. 디지인은 마음대로 바꾸셔도 됩니다.
-->

<table border="0" width="100%" cellspacing="1" cellpadding="3" bgcolor="#B0B0B0">
<tr>
<td width="30%" align="center" bgcolor="#F7F7F7">상품명</td>
<td width="70%" bgcolor="#FFFFFF">쁘리메로클래식남티셔츠</td>
<input type="hidden" name="Goods_Name" value="쁘리메로클래식남티셔츠">    
</tr>   
<tr>   
<td width="30%" align="center" bgcolor="#F7F7F7">상품코드</td>   
<td width="70%" bgcolor="#FFFFFF">CLO_1</td>
<input type="hidden" name="Goods_Code" value="CLO_1">    
</tr>   
<tr>   
<td width="30%" align="center" bgcolor="#F7F7F7">제조사</td>   
<td width="70%" bgcolor="#FFFFFF">세정</td>
<input type="hidden" name="Goods_Company" value="세정">   
</tr>   
<tr>   
<td width="30%" align="center" bgcolor="#F7F7F7">원산지</td>   
<td width="70%" bgcolor="#FFFFFF">한국</td>
<input type="hidden" name="Goods_Origin" value="한국">   
</tr>   
<tr>   
<td width="30%" align="center" bgcolor="#F7F7F7">색상</td>   
<td width="70%" bgcolor="#FFFFFF"><select size="1" name="Goods_Color">   
<option value="베이지">베이지</option>   
<option value="검정색">검정색</option>   
<option value="힌색">힌색</option>   
</select></td>   
</tr>   
<tr>   
<td width="30%" align="center" bgcolor="#F7F7F7">크기</td>   
<td width="70%" bgcolor="#FFFFFF"><select size="1" name="Goods_Size">   
<option value="95">95</option>
<option value="100" selected>100</option>
<option value="105">105</option>
<option value="110">110</option>
</select></td>
</tr>
<tr>
<td width="30%" align="center" bgcolor="#F7F7F7">수량</td>
<td width="70%" bgcolor="#FFFFFF"><input type="text" name="Goods_Num" size="5" value="1" maxlength="5"> 
EA</td>           
</tr>           
<tr>           
<td width="30%" align="center" bgcolor="#F7F7F7">판매가격</td>           
<td width="70%" bgcolor="#FFFFFF">69,000원</td> 
<input type="hidden" name="Goods_Price" value="69000">        
</tr>         
<tr>         
<td width="30%" align="center" bgcolor="#F7F7F7">재고</td>         
<td width="70%" bgcolor="#FFFFFF">있음</td>         
</tr>         
<tr>         
<td width="30%" align="center" bgcolor="#F7F7F7">최종수정일</td>         
<td width="70%" bgcolor="#FFFFFF">2001년 5월 25일</td>           
</tr>           
<tr>           
<td width="30%" align="center" bgcolor="#F7F7F7">　</td>           
<td width="70%" bgcolor="#FFFFFF">
<input type="image" src="image/cart.gif" width="75" height="19" border="0" onclick="this.form.submit()"></td>         
</tr>         
</table>

-------------------------------------------------------------------------------

2)초기 화면 부분 만들기
제로보드의 기본 스킨중 zero_pic_gallery 스킨이 있습니다.
이 스킨의 파일중에 list_main.php 파일을 변경해야 합니다.

46 줄에 보면 

/*** 갤러리 스킨에서 계산하는 부분.. 지우지 마세요. ^^;; ****/
if($data[file_name1])
{
  $s_info = @getimagesize($data[file_name1]);

if($s_info[2]>0&&$s_info[2]<4)
{
  $_xsize = $s_info[0];
  if($_xsize>$_hsize) $_xsize=$_hsize;
  $_srcname = $data[file_name1];
  $_sp1 = $data[file_link1];
  $_alink="<a href=javascript:void(window.open('$dir/show_pic.php?file=$data[file_name1]','$data[no]','width=$s_info[0],height=$s_info[1],resizable=yes,toolbars=no,scrollbars=auto')) onfocus=blur()>";
              $_alink="<a href=http://모닝카드경로/sale.html?no=$data[no]>";
}
}

위와 같이 변경해 주세요. 그리고 본문되는 부분도 변경해야 합니다.

74번째 줄 수정 부분

<!-- 갤러리 출력 부분 -->
<Table border=0 cellspacing=0 cellpadding=0 width=<?=$_hsize?>>  
<tr align=center bgcolor=<?=$_color1?>>
<td align=center width=<?=$_hsize?> style=padding:5px valign=top><?=$_alink?><img src=<?=$_srcname?> border=0 width=<?=$_xsize?>></a></td>
</tr>
<tr>

<td>
<Table border=0 cellspacing=0 cellpadding=5 width=100% bgcolor=<?=$_color2?>>  
<tr>
  <td style='word-break:break-all;'>
   <?=$hide_cart_start?><input type=checkbox name=cart value="<?=$data[no]?>"><?=$hide_cart_end?>제품명 : <?=$subject?> <br><?=$hide_category_start?>구분 : <b><?=$category_name?></b><?=$hide_category_end?><br>규격 : <?=$data[sitelink1]?><font style=font-family:굴림;font-size:6pt><?=$comment_num?></font>
  </td>
</tr>
</table>

</td>

</tr>
</table>

이렇게 변경해 주시면 초기 화면 부분이 완성됩니다.

-------------------------------------------------------------------------------

3)쇼핑몰의 입력화면

스킨 디렉토리에 write.php파일을 다음과 같이 변경하세요.

76번째 줄부터 변경하시면 됩니다.
<?=$hide_start?>

<tr>
  <td align=right><b>비밀번호</b></td>
  <td> <input type=password name=password <?=size(20)?> maxlength=20 class=input> </td>
</tr>

<tr>
  <td align=right><b>이 름</b></td> 
  <td> <input type=text name=name value="<?=$name?>" <?=size(20)?> maxlength=20 class=input> </td>
</tr>

<tr>
  <td align=right><B>E-Mail</b></td>
  <td> <input type=text name=email value="<?=$email?>" <?=size(40)?> maxlength=200 class=input> </td>
</tr>

<tr>
  <td align=right><b>홈페이지</b></td>
  <td> <input type=text name=homepage value="<?=$homepage?>" <?=size(40)?> maxlength=200 class=input> </td>
</tr>

<?=$hide_end?>

<tr>
  <td align=right><b>기능설정</b></td>
  <td style=font-family:matchworks;font-size:8pt>
                         <?=$category_kind?>
       <?=$hide_notice_start?> <input type=checkbox name=notice <?=$notice?> value=1> NOTICE <?=$hide_notice_end?>
       <?=$hide_html_start?> <input type=checkbox name=use_html <?=$use_html?> value=1> HTML <?=$hide_html_end?>
       <input type=checkbox name=reply_mail <?=$reply_mail?> value=1> REPLY MAIL      
       <?=$hide_secret_start?> <input type=checkbox name=is_secret <?=$secret?> value=1> SECRET <?=$hide_secret_end?>
  </td>
</tr>

<tr>
  <td align=right><b>제품명</b></td>
  <td> <input type=text name=subject value="<?=$subject?>" <?=size(60)?> maxlength=200 class=input> </td>
</tr>

<tr>
  <td align=right><b>특징</b></td>
  <td><textarea name=memo <?=size2(80)?> rows=20 class=textarea><?=$memo?></textarea></td>
</tr>


<?=$hide_sitelink1_start?>
<tr>
  <td align=right><b>규격</b></td>
  <td> <input type=text name=sitelink1 value="<?=$sitelink1?>" <?=size(60)?> maxlength=200 class=input> </td>
</tr>
<?=$hide_sitelink1_end?>


<?=$hide_sitelink2_start?>
<tr>
  <td align=right><b>가격</b></td>
  <td> <input type=text name=sitelink2 value="<?=$sitelink2?>" <?=size(60)?> maxlength=200 class=input> </td>
</tr>
<?=$hide_sitelink2_end?>

상세한 설명을 필요 없을것 같습니다. 기존 필드에 이름만 바꾸어 사용하는 방식이므로 별도의 설명을 하기 않아도 될 듯합니다.

-------------------------------------------------------------------------------

4)쇼핑몰의 구입화면

모닝카트를 설치하고 다음을 기준으로 html을 제작해 주세요.

<head>
<STYLE>
<!--
A:link {text-decoration:none; color:black;}
A:visited {text-decoration:none; color:black;}
A:hover {  text-decoration:none;  color:brown;}
p,br,body,td,table,tr {color:black; font-size:9pt;}
-->
</STYLE>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0(Trial)">
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<form method="post" action="cart.php"> 
<table align="center" border="0" cellpadding="0" cellspacing="0" width="770">
    <tr>
        <td width="974" height='2'>

        </td>
    </tr>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="1" width="770" bgcolor="black">
    <tr>
        <td width="770" height=2 bgcolor="white">
<html>

<head>

// 제로보드의 데이터를 가져 봅니다. $no를 넘겨 왔기 때문에 $no를 기준으로 만들면 됩니다.
<?
   mysql_connect("localhost","db아이디","비밀번호"); 
   mysql_select_db("db명"); 

   $result=mysql_query("select * from zetyx_board_제로보드 게시판명 where no=$no"); 
   while($data=mysql_fetch_array($result)) 
   { 
   $no = $data[no];
   $pic=$data[file_name1];
   $subject=$data[subject];
   $sitelink1=$data[sitelink1];
   $sitelink2=$data[sitelink2];
   $memo=$data[memo];
    } 

   mysql_close(); 
?>

<meta http-equiv='Content-Type' content='text/html; charset=euc-kr'>

<title></title>
<link rel=StyleSheet HREF=morning.css type=text/css title=MORNING>

</head>  <table border="0" width="600" bgcolor="#B0B0B0" cellspacing="1" cellpadding="3" align="center">
    <tr>
      <td width="100%" bgcolor="#F7F7F7" colspan="2">
       
        <p align="center"><? echo "$subject"; ?></td>
    </tr>
    <tr>
      <td width="40%" bgcolor="#FFFFFF" valign="top">
        <table border="0" width="100%" cellspacing="0" cellpadding="3">
          <tr>
            <td width="100%">
<p align="center"><img src='http://제로보드 경로/<? echo "$pic";?>' border="0"></p>     </td>
          </tr>
        </table>
      </td>
      <td width="60%" bgcolor="#FFFFFF" valign="top">
        <table border="0" width="100%" cellspacing="1" cellpadding="3" bgcolor="#B0B0B0">
          <tr>   
            <td width="30%" align="center" bgcolor="#F7F7F7">상품코드</td>   
            <td width="70%" bgcolor="#FFFFFF">        <p align="left"><? echo "$no"; ?></td>
            <input type="hidden" name="Goods_Code" value="<? echo "$no"; ?>">    
          </tr>   
          <tr>
            <td width="30%" align="center" bgcolor="#F7F7F7">상품명</td>
            <td width="70%" bgcolor="#FFFFFF">       
        <p align="left"><? echo "$subject"; ?></td>
            <input type="hidden" name="Goods_Name" value="<? echo "$subject"; ?>">    
          </tr>   
          <tr>   
            <td width="30%" align="center" bgcolor="#F7F7F7">규격</td>   
            <td width="70%" bgcolor="#FFFFFF">       
        <p align="left"><? echo "$sitelink1"; ?></td>
          </tr>
          <tr>
            <td width="30%" align="center" bgcolor="#F7F7F7">수량</td>
            <td width="70%" bgcolor="#FFFFFF"><input type="text" name="Goods_Num" size="5" value="1" maxlength="5"> 
              EA</td>           
          </tr>           
          <tr>           
            <td width="30%" align="center" bgcolor="#F7F7F7">판매가격</td>           
            <td width="70%" bgcolor="#FFFFFF">       
        <p align="left"><? echo "$sitelink2"; ?></td> 
            <input type="hidden" name="Goods_Price" value="<? echo "$sitelink2"; ?>">        
          </tr>         
          <tr>         
            <td width="30%" align="center" bgcolor="#F7F7F7">최종수정일</td>         
            <td width="70%" bgcolor="#FFFFFF">2002년 5월 05일</td>           
          </tr>           
          <tr>           
            <td width="30%" align="center" bgcolor="#F7F7F7">　</td>           
            <td width="70%" bgcolor="#FFFFFF">
            <input type="image" src="image/cart.gif" width="75" height="19" border="0" onclick="this.form.submit()"></td>        
          </tr>         
        </table>         
      </td>         
    </tr>         
    <tr>         
      <td width="100%" bgcolor="#FFFFFF" colspan="2"> [ 상품상세정보 ]       
        <p><? echo "$memo"; ?></td>     
    </tr>     
    <tr>     
      <td width="100%" bgcolor="#F7F7F7" colspan="2">　</td>     
    </tr>     
  </table>     
<p> </p>
</td>
    </tr>
</table>
    <p align="center"> </p>
</body>