Help Center

카페24 소식

[주문관리] 대량주문문의 신청 기능 업그레이드 안내

2015-01-28


안녕하세요, 카페24 운영도우미 입니다.

 

대량주문문의 기능이 업그레이드 되어 안내드립니다.


자세한 내용은 아래를 참조해 주세요.

 



■ 적용일자 : 2015-01-28 (수)

■ 업데이트 내용

쇼핑몰 화면에서 '대량주문문의' 신청서 작성 시 회원인 경우 회원 정보를 자동으로 제공하여
반복적으로 입력하는 불편함이 해소되었습니다.
또한 '회사명' 항목이 추가되어 회사 단위의 대량구매 거래내역 관리가 용이해졌습니다.


- 위치 :  마이쇼핑 > 대량주문문의 관리 > 등록/수정/조회 (상품상세 > 대량주문문의 버튼 클릭)


쇼핑몰 화면 - '대량주문문의 신청서'에서 '고객정보' 화면



1. '대량주문문의' 신청 시 '고객정보' 입력의 번거로움 해소


- 회원이 로그인 상태로 '대량주문문의' 신청서를 작성 할 경우 회원정보가 자동 입력된 상태로 제공되어
  고객정보를 보다 간단히 작성하실 수 있습니다.


2. '대량주문문의' 등록/수정/조회 시 고객정보 입력양식에 '회사명' 항목 추가

- 엑셀파일에서 고객정보 입력항목에 추가된 '회사명' 항목을 확인하실 수 있습니다.
  추가된 정보로 신청서 분류 및 파악에 활용하실 수 있습니다.


▼ 관리자 화면 - '주문관리 > 대량주문문의 관리'에서 엑셀파일 다운로드 시 파일 화면


 

■ PC 쇼핑몰


1. [PC-HTML] 대량구매문의 조회


  - HTML 소스 변경

  - 위치 : 디자인관리>게시판>대량구매문의>대량구매문의 상세보기(/board/inquiry/read.html)


▼ 아래와 같이 파란색 소스를 추가해주세요.

## 상단생략 ##


 <div class="boardView">

    <table border="1" summary="">

    <caption>대량구매문의 상세</caption>

    <colgroup>

        <col style="width:130px;*width:121px;" />

        <col style="width:auto;" />

        <col style="width:130px;" />

        <col style="width:auto;" />

    </colgroup>

    <tbody>

        <tr>

            <th scope="row">제목</th>

            <td colspan="3">{$title}</td>

        </tr>

        <tr>

            <th scope="row">작성자</th>

            <td>{$name}</td>

            <th scope="row" class="quantity">수량</th>

            <td>{$product_cnt} 개</td>

        </tr>

         <tr>

            <th scope="row">회사명</th>

            <td>{$company_name}</td>

            <th scope="row" class="tel">연락처</th>

            <td>{$phone}</td>

        </tr>

        <tr>

            <th scope="row">국가명</th>

            <td>{$country_name}</td>

            <th scope="row" class="email">이메일</th>

            <td>{$email}</td>

        </tr> 

        <tr>

            <th scope="row">답변여부</th>

            <td>{$is_answer}</td>

            <th scope="row" class="date">문의일시</th>

            <td>{$inquiry_date|date:Y-m-d H:i:s}</td>

        </tr>

        <tr>

            <th>주소</th>

            <td colspan="3">

                <p class="zipcode">[{$postcode}]</p>

                <p class="addr1">{$address1}</p>

                <p class="addr2">{$address2}</p>

            </td>

        </tr>

       <tr class="view">

            <td colspan="4">{$inquiry_content}{$content_image}</td>

        </tr>

        <tr module="board_inquiryViewFile_1" class="attach">

            <th>첨부파일</th>

            <td colspan="3">

                <p><a href="{$inquery_file_path}">{$inquiry_file}</a></p>

                <p><a href="{$inquery_file_path}">{$inquiry_file}</a></p>

            </td>

        </tr> 

        <tr>

            <th>카탈로그 신청</th>

            <td colspan="3">{$is_catalog}</td>

        </tr>

    </tbody>

    </table>

</div>


## 하단생략 ##



2. [PC-HTML] 대량구매문의 등록


  - HTML 소스 변경

  - 위치 : 디자인관리>게시판>대량구매문의>대량구매문의 등록(/board/inquiry/write.html)


▼ 아래와 같이 빨간색 소스를 삭제하고 파란색 소스를 추가해주세요.

## 상단생략 ##


        <div class="prdInfo">

            {$user_icon}{$new_icon}{$recommend_icon}{$soldout_icon}{$mileage_icon}

            <h3><a href="/product/detail.html{$param_product}">{$product_name}</a></h3>

            <p class="price">{$product_price}</p>

            <p class="button"><a href="/product/detail.html{$param_product}" title="새창으로 이동"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/board/btn_prd_detail.gif" alt="상품상세보기" /></a></p>

        </div>

    </div>


<p class="required"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수"> 필수입력사항</p>

 

<div class="boardWrite">

    <table border="1" summary="">

    <caption>대량구매문의 글 쓰기 폼</caption>

    <tbody>

        <tr>

            <th scope="row">구매 예정 수량 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td class="quantity">

                <span>

                    {$form.bi_product_cnt}

                    <a href="#none"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_count_up.gif" alt="수량증가" class="up"  onclick="{$action_amount_up}" /></a>

                    <a href="#none"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_count_down.gif" alt="수량감소" class="down"  onclick="{$action_amount_down}" /></a>

                </span>

            </td>

        </tr>

        <tr>

            <th scope="row">제목 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td>{$form.bi_inquire_subject}</td>

        </tr>

        <tr>

            <td colspan="2" class="write">

                {$form.bi_inquire_content}

            </td>

        </tr>

        <tr>

            <th scope="row">첨부파일1</th>

            <td>{$form.inquiry_file1}<p class="grid">첨부파일: 10M 이하 / csv, xls, doc, ppt, pdf</p></td>

        </tr>

        <tr>

            <th scope="row">첨부파일2</th>

            <td>{$form.inquiry_file2}<p class="grid">첨부파일: 10M 이하 / csv, xls, doc, ppt, pdf</p></td>

        </tr>

        <tr>

            <th scope="row">첨부파일3</th>

            <td>{$form.inquiry_file3}<p class="grid">첨부파일: 10M 이하 / csv, xls, doc, ppt, pdf</p></td>

        </tr>

        <tr>

            <th scope="row">첨부파일4</th>

            <td>{$form.inquiry_file4}<p class="grid">첨부파일: 10M 이하 / csv, xls, doc, ppt, pdf</p></td>

        </tr>

        <tr>

            <th scope="row">첨부파일5</th>

            <td>{$form.inquiry_file5}<p class="grid">첨부파일: 10M 이하 / csv, xls, doc, ppt, pdf</p></td>

        </tr>

        <tr>

            <th scope="row">카탈로그 신청 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td>{$form.bi_is_catalog}</td>

        </tr>

    </tbody>

    </table>

</div>

 

 <!-- 로그인을 하지 않은 경우 -->

<div class="title {$display_login|display}">

    <h3>고객 정보</h3>

</div>

<div class="boardWrite {$display_login|display}">

    <table border="1" summary="">

    <caption>대량구매문의 고객정보</caption>

    <tbody>

        <tr>

            <th scope="row">국가 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td>{$form.bi_country_code}</td>

        </tr>

        <tr>

            <th scope="row">고객명 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td>{$form.bi_inquirer_name}</td>

        </tr> 

        <tr>

            <th scope="row">회사명</th>

            <td>{$form.bi_inquirer_company_name}</td>

        </tr>

        <tr>

            <th scope="row">이메일 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td>{$form.bi_inquirer_email}</td>

        </tr>

        <tr>

            <th scope="row">주소 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td>

                {$form.bi_zipcode1} {$form.none_zipcode}<br />

                {$form.bi_inquirer_addr1}<br />

                {$form.bi_inquirer_addr2}

            </td>

        </tr>

        <tr>

            <th scope="row">연락처 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td>{$form.bi_inquirer_phone} (숫자만 입력해주세요.)</td>

        </tr>

    </tbody>

    </table>

</div>

<!-- //로그인을 하지 않은 경우 -->


## 하단생략 ##



3. [PC-HTML] 대량구매문의 수정


  - HTML 소스 변경

  - 위치 : 디자인관리>게시판>대량구매문의>대량구매문의 수정(/board/inquiry/modify.html)


▼ 아래와 같이 빨간색 소스를 삭제하고 파란색 소스를 추가해주세요.

## 상단생략 ##


        <div class="prdInfo">

            {$user_icon}{$new_icon}{$recommend_icon}{$soldout_icon}{$mileage_icon}

            <h3><a href="/product/detail.html{$param_product}">{$product_name}</a></h3>

            <p class="price">{$product_price}</p>

            <p class="button"><a href="/product/detail.html{$param_product}" title="새창으로 이동"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/board/btn_prd_detail.gif" alt="상품상세보기" /></a></p>

        </div>

    </div>


<p class="required"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수"> 필수입력사항</p>

 

<div class="boardWrite">

    <table border="1" summary="">

    <caption>대량구매문의 글 수정 폼</caption>

    <tbody>

        <tr>

            <th scope="row">구매 예정 수량 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td class="quantity">

                <span>

                    {$form.bi_product_cnt}

                    <a href="#none"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_count_up.gif" alt="수량증가" class="up" onclick="{$action_amount_up}" /></a>

                    <a href="#none"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_count_down.gif" alt="수량감소" class="down" onclick="{$action_amount_down}" /></a>

                </span>

            </td>

        </tr>

        <tr>

            <th scope="row">제목 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td>{$form.bi_inquire_subject}</td>

        </tr>

        <tr>

            <td colspan="2" class="write">

                {$form.bi_inquire_content}

            </td>

        </tr>

        <tr>

            <th scope="row">첨부파일1</th>

            <td>{$form.inquiry_file1}<p class="grid">첨부파일: 10M 이하 / csv, xls, doc, ppt, pdf</p></td>

        </tr>

        <tr>

            <th scope="row">첨부파일2</th>

            <td>{$form.inquiry_file2}<p class="grid">첨부파일: 10M 이하 / csv, xls, doc, ppt, pdf</p></td>

        </tr>

        <tr>

            <th scope="row">첨부파일3</th>

            <td>{$form.inquiry_file3}<p class="grid">첨부파일: 10M 이하 / csv, xls, doc, ppt, pdf</p></td>

        </tr>

        <tr>

            <th scope="row">첨부파일4</th>

            <td>{$form.inquiry_file4}<p class="grid">첨부파일: 10M 이하 / csv, xls, doc, ppt, pdf</p></td>

        </tr>

        <tr>

            <th scope="row">첨부파일5</th>

            <td>{$form.inquiry_file5}<p class="grid">첨부파일: 10M 이하 / csv, xls, doc, ppt, pdf</p></td>

        </tr>

        <tr>

            <th scope="row">카탈로그 신청 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td>{$form.bi_is_catalog}</td>

        </tr>

    </tbody>

    </table>

</div>

 

<div class="title">

    <h3>고객 정보</h3>

</div>

<div class="boardWrite">

    <table border="1" summary="">

    <caption>대량구매문의 고객정보</caption>

    <tbody>

        <tr>

            <th scope="row">국가 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td>{$form.bi_country_code}</td>

        </tr>

        <tr>

            <th scope="row">고객명 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td>{$form.bi_inquirer_name}</td>

        </tr>

        <tr>

            <th scope="row">회사명</th>

            <td>{$form.bi_inquirer_company_name}</td>

        </tr>

        <tr>

            <th scope="row">이메일 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td>{$form.bi_inquirer_email}</td>

        </tr>

        <tr>

            <th scope="row">주소 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td>

                {$form.bi_zipcode1} {$form.none_zipcode}<br />

                {$form.bi_inquirer_addr1}<br />

                {$form.bi_inquirer_addr2}

            </td>

        </tr>

        <tr>

            <th scope="row">연락처 <img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/ico_required.gif" alt="필수" /></th>

            <td>{$form.bi_inquirer_phone} (숫자만 입력해주세요.)</td>

        </tr>

    </tbody>

    </table>

</div>


## 하단생략 ##



4. [PC-CSS]  대량구매문의 조회 관련 CSS 추가


  - CSS 소스 변경

  - 위치 : 디자인관리>css>모듈>게시판>inquiryView.css(/css/module/board/inquiryView.css)


▼ 아래와 같이 파란색 소스를 추가해주세요.

## 상단 생략 ##


.xans-board-inquiryview .boardView th.quantity,

.xans-board-inquiryview .boardView th.date,

.xans-board-inquiryview .boardView th.tel,

.xans-board-inquiryview .boardView th.email { border-left:1px solid #e8e8e8; }


## 하단 생략 ##



5. [PC-CSS]  대량구매문의 등록 관련 CSS 추가


  - CSS 소스 변경

  - 위치 : 디자인관리>css>모듈>게시판>inquiryForm.css(/css/module/board/inquiryForm.css)


▼ 아래와 같이 빨간색 소스를 삭제하고 파란색 소스를 추가해주세요.

## 상단 생략 ##


.xans-board-inquiryform .title h3

.xans-board-inquiryform .required { margin:0 0 10px; text-align:right; }


## 중간 생략 ##


.xans-board-inquiryform .boardWrite #bi_inquirer_name { height:14px; padding:3px; }

.xans-board-inquiryform .boardWrite #bi_inquirer_name,

.xans-board-inquiryform .boardWrite #bi_inquirer_company_name { height:14px; padding:3px; }


## 중간 생략 ##


.xans-board-inquiryform .boardWrite #bi_zipcode2

.xans-board-inquiryform .boardWrite #bi_zipcode1 { width:65px; }


## 중간 생략 ##


.xans-board-inquiryform .boardWrite #bi_inquirer_phone3

.xans-board-inquiryform .boardWrite #bi_inquirer_phone2 { width:90px; }

.xans-board-inquiryform .boardWrite img { vertical-align:middle; }


## 하단 생략 ##



6. [PC-CSS]  대량구매문의 수정 관련 CSS 추가


  - CSS 소스 변경

  - 위치 : 디자인관리>css>모듈>게시판>inquiryModify.css(/css/module/board/inquiryModify.css)


▼ 아래와 같이 빨간색 소스를 삭제하고 파란색 소스를 추가해주세요.

/* 맨위에 추가 */

.xans-board-inquirymodify .title h3 { margin:50px 0 7px; color:#444; font-size:12px; }

.xans-board-inquirymodify .required { margin:0 0 10px; text-align:right; }

 

## 중간 생략 ##


.xans-board-inquirymodify .boardWrite select { height:22px;  margin:0 4px 0 0; }

.xans-board-inquirymodify .boardWrite #bi_inquire_subject { width:390px; height:14px; padding:3px; }

.xans-board-inquirymodify .boardWrite #bi_inquirer_name,

.xans-board-inquirymodify .boardWrite #bi_inquirer_company_name { height:14px; padding:3px; }

.xans-board-inquirymodify .boardWrite #bi_inquirer_email { width:280px; height:14px; padding:3px; }

.xans-board-inquirymodify .boardWrite #bi_zipcode1,

.xans-board-inquirymodify .boardWrite #bi_zipcode2 { width:40px; height:14px; padding:3px; }

.xans-board-inquirymodify .boardWrite #bi_zipcode1 { width:65px; }

.xans-board-inquirymodify .boardWrite #bi_inquirer_addr1,

.xans-board-inquirymodify .boardWrite #bi_inquirer_addr2 { width:280px; height:14px; margin:5px 0 0; padding:3px; }

.xans-board-inquirymodify .boardWrite #bi_inquirer_phone2,

.xans-board-inquirymodify .boardWrite #bi_inquirer_phone3 { width:50px; margin:0 4px; height:14px; padding:3px; }

.xans-board-inquirymodify .boardWrite #bi_inquirer_phone2 { width:90px; }

.xans-board-inquirymodify .boardWrite img { vertical-align:middle; }

.xans-board-inquirymodify .boardWrite input[type=radio],


## 하단 생략 ##





카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]