Help Center

카페24 소식

공지사항업데이트스토어소식

[주문관리] 온라인 견적서 PDF 파일다운로드 기능 추가

2014-12-10

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

 

쇼핑몰에서 제공되는 견적서 정보제공 기능이 업그레이드 되었습니다.


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

 

■ 적용일자 : 2014-12-10 (수)

■ 업데이트 내용


고객이 견적서를 요청하는 경우 이메일 또는 인쇄로만 제공되었던 견적서 정보제공 기능에

파일 다운로드 기능이 추가되어 PDF파일로 견적서가 제공됩니다.


견적서 다운로드 방식을 제공하기 위해선 HTML 소스 업데이트가 필요합니다.
 다음의 안내와 같이 파일 다운로드 버튼을 추가하시면 견적서 다운로드 기능이 제공됩니다.
※ HTML 소스를 수정하시면 별도의 설정 없이 기능이 적용됩니다.

1) 위치 : 온라인견적서> 온라인견적서 인쇄 (print.html)
   쇼핑몰 기본 언어별로 HTML 소스를 수정해 주셔야 합니다.


▼ 아래와 같이 파란색 소스를 추가합니다. 


[적용 스킨 : 국문, 일문, 중문 간체, 스페인어, 포르투갈어]

 ## 상단생략 ##


    <div module="Estimate_Print">

        <strong>도움말</strong>

        <ul>

            <li>익스플로러 상단메뉴[도구] => [인터넷옵션] => [고급] => [인쇄] 항목의 <br />[배경색 및 이미지인쇄] 에 체크를 하셔야 직인 인쇄가 가능합니다.</li>

            <li class="{$display_email|display}">이메일을 클릭하시면 입력한 이메일 주소로 견적서가 전송됩니다.</li>

        </ul>

        <p>

            <a href="#none" onclick="{$action_print}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/order/btn_estimate_print.gif" alt="인쇄하기" /></a>

            <a href="#none" onclick="{$action_email}" class="{$display_email|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/order/btn_estimate_email.gif" alt="이메일전송" /></a>

+           <a href="{$download_url}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/order/btn_file_download.gif" alt="파일다운로드" /></a>

        </p>

    </div>


 ## 하단생략 ##

 

- 이미지 경로와 alt 태그는 언어별로 제공합니다.
  상단의 예시 소스는 구문 기준입니다. 쇼핑몰 기본언어에 맞게 이미지 경로와 alt 태그를 입력해주세요.

  ① 이미지 경로
     - 국문: http://img.echosting.cafe24.com/skin/base_ko_KR/order/btn_file_download.gif

     - 일문: http://img.echosting.cafe24.com/skin/base_ja_JP/order/btn_file_download.gif
     - 중문 간체: http://img.echosting.cafe24.com/skin/base_zh_CN/order/btn_file_download.gif
     - 스페인어: http://img.echosting.cafe24.com/skin/base_es_ES/order/btn_file_download.gif
     - 포르투갈어: http://img.echosting.cafe24.com/skin/base_pt_PT/order/btn_file_download.gif

  ② alt 태그
     - 국문: 파일다운로드

     - 일문: ファイルダウンロード

     - 중문 간체: 下载文件
     - 스페인어: Bajar archivo
     - 포르투갈어: Baixar arquivo


▼ 아래와 같이 빨간색 소스를 삭제, 파란색 소스를 추가합니다. 


[적용 스킨 : 영문]

 ## 상단생략 ##


    <div module="Estimate_Print">

        <strong>Help</strong>

        <ul>

           <li>To include the official seal in your print out, go to Internet Explorer menu [Tools] => [Internet Options] => <br /> [Advanced] and check <br /> 'Print background color and images' under [Print].</li>

            <li class="{$display_email|display}">If you want to receive the online quote via email, please click on Sendbutton.</li>

        </ul>
        <p>

            <a href="#none" onclick="{$action_print}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/order/btn_estimate_print.gif" alt="Print" /></a>

            <a href="#none" onclick="{$action_email}" class="{$display_email|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/order/btn_estimate_email.gif" alt="Send Email" /></a>

+           <a href="{$download_url}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/order/btn_file_download.gif" alt="Download file" /></a>

        </p>

    </div>


## 하단생략 ##


[적용 스킨 : 중문 번체]

 ## 상단생략 ##


    <div module="Estimate_Print">

        <strong>說明</strong>

       <ul> 

           <li>須點選Internet Explorer的[工具] => [網際網路選項] => [進階] => <br /> [列印] 項目之 <br />[列印背景的色彩及影像]，才可直接列印。</li>

            <li class="{$display_email|display}">點選[寄出E-MAIL]，則報價單會寄到您的電郵中。</li>

        </ul>
        <p>

            <a href="#none" onclick="{$action_print}"><img src="http://img.echosting.cafe24.com/skin/base_zh_TW/order/btn_estimate_print.gif" alt="列印" /></a>

            <a href="#none" onclick="{$action_email}" class="{$display_email|display}"><img src="http://img.echosting.cafe24.com/skin/base_zh_TW/order/btn_estimate_email.gif" alt="寄出E-MAIL" /></a>

+           <a href="{$download_url}"><img src="http://img.echosting.cafe24.com/skin/base_zh_TW/order/btn_file_download.gif" alt="下載檔案" /></a>

        </p>

    </div>


 ## 하단생략 ##




2) 위치 : CSS> 모듈> 견적서> estimateInfo.css
   쇼핑몰 기본 언어별로 HTML 소스를 수정해 주셔야 합니다.


▼ 아래와 같이 빨간색 소스를 삭제, 파란색 소스를 추가합니다. 


[적용 스킨 : 국문, 영문, 일문, 스페인어, 포르투갈어]

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img {margin:0;padding:0;border:0;}

body { font:12px "돋움", Dotum, AppleGothic, sans-serif; color:#333; background:#fff; }

table {width:100%; border-spacing:0; border-collapse:collapse; border:0; margin:0 0 30px; padding:2px; }

table th {text-align:center; }

caption { display:none; }

li { list-style:none; }

 

## 중간생략 ##

 

.xans-estimate-estimateinfo { padding:0 20px 30px; }
.xans-estimate-print ul { float:left; margin:7px 0 0; width:510px; width:410px; color:#757575; font-size:12px; line-height:1.5; }
.xans-estimate-print li { padding:0 0 0 9px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/order/ico_grid.gif") no-repeat 0 7px; }
.xans-estimate-print p { float:right; width:170px; width:257px; }


## 하단생략 ##



[적용 스킨 : 중문 간체, 중문 번체]

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img {margin:0;padding:0;border:0;}

body { font:12px "돋움", Dotum, AppleGothic, sans-serif; color:#333; background:#fff; }

table {width:100%; border-spacing:0; border-collapse:collapse; border:0; margin:0 0 30px; padding:2px; }

table th {text-align:center; }

caption { display:none; }

li { list-style:none; }


## 중간생략 ##

 

.xans-estimate-estimateinfo { padding:0 20px 30px; }
.xans-estimate-print ul { float:left; margin:7px 0 0; width:510px; width:410px; color:#757575; font-size:12px; line-height:1.5; }
.xans-estimate-print li { padding:0 0 0 9px; background:url("http://img.echosting.cafe24.com/skin/base_zh_CN/order/ico_grid.gif") no-repeat 0 7px; }
.xans-estimate-print p { float:right; width:170px; width:262px; }


## 하단생략 ##



▼ 온라인 견적서 정보제공 팝업 (HTML 소스 업데이트 된 쇼핑몰 화면)



1. 온라인 견적서 정보 화면에 파일 다운로드 버튼이 추가됩니다.

2. 버튼을 클릭하면, 견적서를 PDF 파일로 다운로드 할 수 있습니다.


 


카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.

더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

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

이전글

[프로모션] 배송비 할인쿠폰 할인액/할인율 설정 개선

2014-12-08

다음글

[게시판관리] 상품분류별 게시물 검색기능 업그레이드 안내

2014-12-10