app/template/default/Guide/cutting_others.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、いずれかのファイル形式での保存してください。</p>
  29.                 <div class="st-Role">
  30.                     <div class="st-Grid st-Grid3">
  31.                         <div class="st-Grid__item border">
  32.                             <div class="st-Grid__item-img"><img src="{{ asset('assets/img/guide/img_cutting_ai-card-1.png') }}"></div>
  33.                             <dl class="st-Grid__item-text text-left">
  34.                                 <dt>画像データの画質について</dt>
  35.                                 <dd>
  36.                                     <p>PNG・GIF・JPG・JPEGは、この画像データを下絵にし、基本的には手動でデータ変換を行います。<br>
  37.                                     画像が小さい、ぼやけているなど細部が確認できないものは下絵として使用ができなくなるため、鮮明で大きめの画像をご用意ください。</p>
  38.                                 </dd>
  39.                             </dl>
  40.                         </div>
  41.                         <div class="st-Grid__item border">
  42.                             <div class="st-Grid__item-img"><img src="{{ asset('assets/img/guide/img_cutting_ai-card-2.png') }}"></div>
  43.                             <dl class="st-Grid__item-text text-left">
  44.                                 <dt>画像データファイル以外はPDFで</dt>
  45.                                 <dd>
  46.                                     <p>Office系ファイル（xlsx・docx・pptx等々）でお送り頂くと内容を正しく確認できない恐れがあります。<br>
  47.                                     <br>
  48.                                     使用されているフォントが当店側に無い場合、他の書体に置き換えられて表示されてしまいます。 誤ったデザインで製作しまう事態を防ぐため、PDFファイルに書き出してお送りください。</p>
  49.                                 </dd>
  50.                             </dl>
  51.                         </div>
  52.                     </div>
  53.                 </div>
  54.                 <div class="st-Role mt-5">
  55.                     <div class="st-Grid st-Grid2">
  56.                         <div class="st-Grid__item">
  57.                             <a href="{{ url('guide_cutting_notice') }}">
  58.                                 <div class="st-Grid__item-img"><img class="img" src="{{ asset('assets/img/guide/icon_data_notes.png') }}"></div>
  59.                                 <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>
  60.                             </a>
  61.                         </div>
  62.                     </div>
  63.                 </div>
  64.                 <div class="st-Role mt-5">
  65.                     <h2 class="ec-section--title3">製作可能なケースは主に下記の2つとなります。</h2>
  66.                     <div class="st-body">
  67.                         <div class="bg-light-gray pt-4">
  68.                             <div class="ec-off4Grid">
  69.                                 <div class="ec-off4Grid__cell">
  70.                                     <ul>
  71.                                         <li>当店でデータ変換が可能</li>
  72.                                         <li>近似の書体、または別の書体に置き換える</li>
  73.                                     </ul>
  74.                                 </div>
  75.                             </div>
  76.                         </div>
  77.                         <div class="bg-light-gray p-3 p-md-4 p-lg-5">
  78.                             <div class="attention">
  79.                                 <p class="mb-2"><b>出力用のデータ作成・変換（有料）</b></p>
  80.                                 <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>
  81.                                 データ変換したデザインについて、次回のデータ変換は不要です。<br>
  82. また変換したデータのサイズ変更は可能となっております。同一デザインのサイズ違いで都度データ変換費用が掛かることはありません。</p>
  83.                                 <img src="{{ asset('assets/img/guide/img_cutting_others-2.png') }}">
  84.                                 <p class="mt-2">画質が荒すぎて細部が見てとれない・全体の輪郭がぼやけていてデザインの把握が困難など、下絵として使用することができずお受けできない場合があります。<br>
  85.                                 デザイン内容によっては再現できずお受けできないことがあります。その際はご容赦ください。</p>
  86.                             </div>
  87.                         </div>
  88.                     </div>
  89.                 </div>
  90.                 <div class="st-Role mt-5">
  91.                     <div class="d-flex gap-2">
  92.                         <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 0.240234C3.5816 0.240234 0 3.82183 0 8.24023C0 12.6586 3.5816 16.2402 8 16.2402C12.4184 16.2402 16 12.6586 16 8.24023C16 3.82183 12.4184 0.240234 8 0.240234ZM8.8 12.2402H7.2V10.6402H8.8V12.2402ZM8.8 9.04023H7.2L6.8 4.24023H9.2L8.8 9.04023Z" fill="#FB2A4F"/></svg>
  93.                         <dl>
  94.                             <dt>写真の原稿について</dt>
  95.                             <dd>
  96.                                 <p> 確認用としてお送りいただく分には問題ありませんが、データ変換用の下絵原稿としては不向きになっております。下記の場合は他に原稿をご用意していただく必要があります。</p>
  97.                                 <ul>
  98.                                     <li>正面から撮られていない</li>
  99.                                     <li>対象が平面ではない</li>
  100.                                     <li>角度が付いてしまっている</li>
  101.                                     <li>ピンボケしている（輪郭が見てとれない）</li>
  102.                                     <li>小さい・解像度が低すぎてデザインの細部が確認できない</li>
  103.                                 </ul>
  104.                             </dd>
  105.                         </dl>
  106.                     </div>
  107.                 </div>
  108.             </div>
  109.         </div>
  110.     </div>
  111. {% endblock %}