app/template/default/Guide/print_common.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% block stylesheet %}
  14.     <link rel="stylesheet" href="{{ asset('assets/css/guide.css') }}">
  15. {% endblock %}
  17. {% block main %}
  18.     <div class="ec-role">
  19.         <div class="ec-pageHeader">
  20.             <h1>{{ 'その他のデータ作成 - プリントステッカー'|trans }}</h1>
  21.         </div>
  22.         <div class="ec-pageBody">
  23.             <div class="ec-section">
  24.                 <h2 class="ec-section--title2 mb-4">
  25.                     <img src="{{ asset('assets/img/guide/img_cutting_others-1.png') }}">
  26.                     いつも使っているアプリ・ソフトでプリントステッカー用のデザイン作成。
  27.                 </h2>
  28.                 <p class="ec-section--point mb-4"><span class="label-pill label-point">Point</span>PNG・GIF・JPG・JPEG・PDF・PSD、いずれかのファイル形式で保存してください。</p>
  29.                 <div class="st-Role">
  30.                     <div class="st-Grid">
  31.                         <div class="st-Grid__item border">
  32.                             <div class="st-Grid__item-img"><img src="{{ asset('assets/img/guide/img_print_common-1.png') }}"></div>
  33.                             <dl class="st-Grid__item-text text-left">
  34.                                 <dt>色について</dt>
  35.                                 <dd>
  36.                                     <p>モニター表示用のRGBカラー設定で保存されている場合は、大きく色調が変わることがあります。<br>
  37.                                     ご承知の上、ご依頼をお願いいたします。</p>
  38.                                     <br>
  39.                                     <p class="attention"><small>PNG・GIFファイル、Officeアプリで作ったデータ、特に蛍光色のような明るい色は大きな差が出やすいため、ご注意ください。</small></p>
  40.                                 </dd>
  41.                             </dl>
  42.                         </div>
  43.                         <div class="st-Grid__item border">
  44.                             <div class="st-Grid__item-img"><img src="{{ asset('assets/img/guide/img_print_common-2.png') }}"></div>
  45.                             <dl class="st-Grid__item-text text-left">
  46.                                 <dt>画像の画質について</dt>
  47.                                 <dd>
  48.                                     <p>解像度が不足している場合、低い印刷画質で仕上がります。<br>
  49.                                     PNG・JPG・GIFファイルをお持ちの方はアップロード時に解像度判定が出ますのでご確認ください。</p>
  50.                                 </dd>
  51.                             </dl>
  52.                         </div>
  53.                         <div class="st-Grid__item border">
  54.                             <div class="st-Grid__item-img"><img src="{{ asset('assets/img/guide/img_print_common-3.png') }}"></div>
  55.                             <dl class="st-Grid__item-text text-left">
  56.                                 <dt>画像データファイル以外はPDFで</dt>
  57.                                 <dd>
  58.                                     <p>Office系ファイル（xlsx・docx・pptx等々）でお送り頂くと内容を正しく確認できない恐れがあります。<br>
  59.                                     <br>
  60.                                     使用されているフォントが当店側に無い場合、他の書体に置き換えられて表示されてしまいます。 誤ったデザインで製作しまう事態を防ぐため、PDFファイルに書き出してお送りください。</p>
  61.                                 </dd>
  62.                             </dl>
  63.                         </div>
  64.                     </div>
  65.                 </div>
  66.                 <div class="st-Role mt-5">
  67.                     <div class="st-Grid st-Grid2">
  68.                         <div class="st-Grid__item">
  69.                             <a href="{{ url('guide_print_notice') }}">
  70.                                 <div class="st-Grid__item-img"><img class="img" src="{{ asset('assets/img/guide/icon_data_notes.png') }}"></div>
  71.                                 <div class="st-Grid__item-title"><p><svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 0.740234C3.5816 0.740234 0 4.32183 0 8.74023C0 13.1586 3.5816 16.7402 8 16.7402C12.4184 16.7402 16 13.1586 16 8.74023C16 4.32183 12.4184 0.740234 8 0.740234ZM8.8 12.7402H7.2V11.1402H8.8V12.7402ZM8.8 9.54023H7.2L6.8 4.74023H9.2L8.8 9.54023Z" fill="#FB2A4F"/></svg> データを作る上のご注意点</p></div>
  72.                             </a>
  73.                         </div>
  74.                     </div>
  75.                 </div>
  76.                 <div class="st-Role mt-5">
  77.                     <h2 class="ec-section--title3">製作可能なケースは主に下記の2つとなります。</h2>
  78.                     <div class="st-body">
  79.                         <div class="bg-light-gray pt-4">
  80.                             <div class="ec-off2Grid">
  81.                                 <div class="ec-off2Grid__cell">
  82.                                     <ul>
  83.                                         <li>印刷許容範囲のデータであれば、当店でステッカーをカットするデータのみ付ける</li>
  84.                                         <li>当店でデータ変換が可能な場合</li>
  85.                                     </ul>
  86.                                 </div>
  87.                             </div>
  88.                         </div>
  89.                         <div class="bg-light-gray p-3 p-md-4 p-lg-5">
  90.                             <div class="attention">
  91.                                 <p class="mb-2"><b>出力用のデータ作成・変換（有料）</b></p>
  92.                                 <p class="d-flex gap-2 mb-2"><svg class="mt-1" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 16.2402C12.4183 16.2402 16 12.6585 16 8.24023C16 3.82196 12.4183 0.240234 8 0.240234C3.58172 0.240234 0 3.82196 0 8.24023C0 12.6585 3.58172 16.2402 8 16.2402Z" fill="#4CAF50"/><path d="M12.0387 4.66016L6.85771 9.84111L4.72438 7.70778L3.65771 8.77444L6.85771 11.9744L13.1053 5.72682L12.0387 4.66016Z" fill="#CCFF90"/></svg>
  93.                                 データ変換したデザインについて、次回のデータ変換は不要です。<br>
  94.                                 また変換したデータのサイズ変更は可能となっております。同一デザインのサイズ違いで都度データ変換費用が掛かることはありません。</p>
  95.                                 <img src="{{ asset('assets/img/guide/img_cutting_others-2.png') }}">
  96.                                 <p class="mt-2">画質が荒すぎて細部が見てとれない・全体の輪郭がぼやけていてデザインの把握が困難など、下絵として使用することができずお受けできない場合があります。<br>
  97.                                 デザイン内容によっては再現できずお受けできないことがあります。その際はご容赦ください。</p>
  98.                             </div>
  99.                         </div>
  100.                     </div>
  101.                 </div>
  102.             </div>
  103.         </div>
  104.     </div>
  105. {% endblock %}