app/template/default/Guide/submit.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-section">
  23.             <h2 class="ec-section--title">カッティングステッカー・データ作成編</h2>
  24.             <div class="st-Role">
  25.                 <div class="st-Grid">
  26.                     <div class="st-Grid__item">
  27.                         <a href="{{ url('guide_cutting_ai') }}">
  28.                             <div class="st-Grid__item-img"><img class="img" src="{{ asset('assets/img/guide/icon_press_ai-1.png') }}"></div>
  29.                             <div class="st-Grid__item-title"><p><svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.70191 0.740234H14.2981C15.9059 0.740234 17.2047 2.039 17.2047 3.64686V13.8336C17.2047 15.4415 15.9059 16.7402 14.2981 16.7402H3.70191C2.09405 16.7402 0.795288 15.4415 0.795288 13.8336V3.64686C0.795288 2.039 2.09405 0.740234 3.70191 0.740234Z" fill="#330000"/><path d="M8.74621 10.3335H6.20291L5.68232 11.9413C5.66877 12.0037 5.61454 12.0444 5.55218 12.0362H4.26697C4.19105 12.0362 4.17207 11.9956 4.19105 11.9142L6.39271 5.57767C6.4144 5.50988 6.43338 5.43396 6.4605 5.35262C6.48761 5.20892 6.50117 5.05979 6.50117 4.90795C6.49303 4.8727 6.52286 4.84017 6.55539 4.83203H8.32594C8.38017 4.83203 8.40728 4.85372 8.41542 4.88626L10.9099 11.9278C10.9316 12.0037 10.9099 12.0362 10.8421 12.0362H9.41322C9.36441 12.0444 9.31832 12.0091 9.30476 11.9603L8.7435 10.3335H8.74621ZM6.59878 8.94523H8.33408C8.29341 8.80153 8.23918 8.63071 8.17682 8.45176C8.11445 8.26738 8.0548 8.06945 7.99244 7.86338C7.92465 7.65189 7.86229 7.44583 7.79451 7.23434C7.72672 7.02285 7.66436 6.82491 7.61013 6.62698C7.5559 6.43447 7.5071 6.25823 7.461 6.09283H7.44745C7.38509 6.38567 7.31188 6.68121 7.21427 6.97404C7.11123 7.30212 7.0082 7.64376 6.89974 7.9854C6.80484 8.33517 6.70181 8.65511 6.59878 8.94252V8.94523Z" fill="#FF9700"/><path d="M12.4042 5.99876C12.1792 6.0069 11.9595 5.91742 11.7969 5.76016C11.6396 5.58934 11.5583 5.3643 11.5637 5.13111C11.5555 4.89793 11.645 4.68102 11.8104 4.52376C11.9758 4.3665 12.1927 4.28516 12.4178 4.28516C12.6835 4.28516 12.8896 4.3665 13.0387 4.52376C13.1878 4.68916 13.2719 4.90607 13.2637 5.13111C13.2719 5.3643 13.1878 5.58934 13.0251 5.76016C12.8679 5.92556 12.6347 6.01232 12.4042 5.99876ZM11.6396 11.934V6.67119C11.6396 6.60341 11.6667 6.57629 11.7291 6.57629H13.0821C13.1444 6.57629 13.1715 6.61154 13.1715 6.67119V11.934C13.1715 12.0099 13.1444 12.0425 13.0821 12.0425H11.7426C11.6748 12.0425 11.6396 12.0018 11.6396 11.934Z" fill="#FF9700"/></svg> Adobe Illustratorでデータご用意</p></div>
  30.                         </a>
  31.                     </div>
  32.                     <div class="st-Grid__item">
  33.                         <a href="{{ url('guide_cutting_psd') }}">
  34.                             <div class="st-Grid__item-img"><img class="img" src="{{ asset('assets/img/guide/icon_press_psd.png') }}"></div>
  35.                             <div class="st-Grid__item-title"><p><svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.20191 0.740234H13.7981C15.4059 0.740234 16.7047 2.039 16.7047 3.64686V13.8336C16.7047 15.4415 15.4059 16.7402 13.7981 16.7402H3.20191C1.59405 16.7402 0.295288 15.4415 0.295288 13.8336V3.64686C0.295288 2.039 1.59405 0.740234 3.20191 0.740234Z" fill="#001E36"/><path d="M3.98877 11.964V4.9279C3.98877 4.87909 4.01046 4.85198 4.05655 4.85198C4.17315 4.85198 4.2816 4.85198 4.43886 4.84384C4.60426 4.83571 4.77508 4.83571 4.95945 4.83028C5.14383 4.82215 5.34176 4.82215 5.55325 4.81673C5.76474 4.80859 5.97081 4.80859 6.17416 4.80859C6.73542 4.80859 7.19907 4.87638 7.58138 5.02008C7.92302 5.13667 8.23754 5.32647 8.49784 5.58134C8.71746 5.80097 8.88828 6.06669 8.99673 6.35952C9.09977 6.64693 9.154 6.93976 9.154 7.24886C9.154 7.83723 9.01843 8.32258 8.74457 8.70488C8.47072 9.08719 8.08841 9.3746 7.64374 9.54C7.18009 9.71081 6.66493 9.77318 6.10638 9.77318C5.94098 9.77318 5.83253 9.77318 5.76474 9.76504C5.69696 9.75691 5.59934 9.75691 5.47191 9.75691V11.9504C5.48004 11.9992 5.44479 12.0399 5.39599 12.0453H4.07011C4.01588 12.0453 3.98877 12.0182 3.98877 11.9559V11.964ZM5.48004 6.17243V8.46899C5.57494 8.47712 5.66442 8.48255 5.74576 8.48255H6.10909C6.37481 8.48255 6.64324 8.44188 6.8954 8.36053C7.11502 8.29817 7.30482 8.16802 7.45666 7.99721C7.60036 7.82639 7.66815 7.59321 7.66815 7.29224C7.67628 7.08075 7.61934 6.86926 7.51088 6.68489C7.39429 6.50593 7.23161 6.37036 7.03368 6.29444C6.78152 6.19141 6.50766 6.15074 6.22568 6.15887C6.04673 6.15887 5.88946 6.15887 5.76203 6.16701C5.62646 6.15887 5.52885 6.16701 5.48275 6.17514L5.48004 6.17243Z" fill="#31A5FF"/><path d="M13.4222 8.05212C13.2161 7.94366 12.9992 7.86774 12.766 7.81894C12.5139 7.76471 12.259 7.72946 12.0014 7.72946C11.8658 7.72133 11.7221 7.74302 11.592 7.77827C11.5025 7.79996 11.4266 7.84605 11.3805 7.91384C11.3453 7.96807 11.3263 8.03585 11.3263 8.09821C11.3263 8.16057 11.3534 8.22023 11.3941 8.27717C11.4564 8.35308 11.5378 8.41274 11.6272 8.46154C11.7845 8.54288 11.9499 8.6188 12.1126 8.68659C12.4813 8.8086 12.8365 8.97942 13.1646 9.18549C13.3897 9.32919 13.574 9.5217 13.7042 9.75217C13.8126 9.97179 13.8696 10.2104 13.8614 10.4571C13.8696 10.7798 13.772 11.0997 13.5957 11.3655C13.4032 11.6393 13.1375 11.8508 12.8311 11.9728C12.4949 12.1165 12.0855 12.1924 11.5947 12.1924C11.2802 12.1924 10.9738 12.1653 10.6647 12.103C10.4261 12.0623 10.1875 11.9864 9.96787 11.8833C9.91906 11.8562 9.88652 11.8074 9.89195 11.7532V10.5629C9.89195 10.5412 9.90008 10.5141 9.91906 10.5005C9.94075 10.487 9.95973 10.4924 9.98142 10.5087C10.2471 10.6659 10.5291 10.7744 10.8301 10.8449C11.0904 10.9127 11.3642 10.9479 11.6381 10.9479C11.9119 10.9479 12.0828 10.9127 12.2048 10.853C12.3132 10.8042 12.3892 10.6876 12.3892 10.5656C12.3892 10.4707 12.3349 10.3812 12.2238 10.2917C12.1153 10.2023 11.8875 10.0992 11.554 9.96908C11.2043 9.84707 10.8843 9.68167 10.5834 9.47561C10.3719 9.32648 10.1929 9.12583 10.0628 8.89537C9.95431 8.67574 9.89737 8.43714 9.9055 8.19853C9.9055 7.9057 9.98685 7.62372 10.1387 7.37156C10.3095 7.0977 10.5617 6.87808 10.8572 6.74251C11.1799 6.57711 11.5812 6.50391 12.0665 6.50391C12.3458 6.50391 12.6332 6.5256 12.9152 6.56627C13.1212 6.59338 13.3192 6.64761 13.5035 6.72353C13.5307 6.73166 13.5578 6.75878 13.5713 6.78589C13.5795 6.81301 13.5849 6.84012 13.5849 6.86723V7.98162C13.5849 8.00874 13.5713 8.03585 13.5496 8.04941C13.4873 8.06296 13.4547 8.06296 13.4276 8.04941L13.4222 8.05212Z" fill="#31A5FF"/></svg> Adobe Photoshopでデータご用意</p></div>
  36.                         </a>
  37.                     </div>
  38.                     <div class="st-Grid__item">
  39.                         <a href="{{ url('guide_cutting_inkscape') }}">
  40.                             <div class="st-Grid__item-img"><img class="img" src="{{ asset('assets/img/guide/icon_press_svg.png') }}"></div>
  41.                             <div class="st-Grid__item-title"><p>Free Soft <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.19329 0.881827L0.681907 6.52162C-1.18025 8.82767 1.94919 8.55937 3.29073 9.22357C3.77196 9.71547 1.44621 10.0785 1.92745 10.5709C2.40868 11.0627 4.83739 11.5185 5.31945 12.0104C5.80068 12.5023 4.33442 13.0242 4.81565 13.5161C5.29688 14.008 6.40991 13.5419 6.61832 14.6775C6.76683 15.489 8.62406 15.0262 9.53237 14.3616C10.0136 13.8693 8.61175 13.9157 9.09299 13.4238C10.2897 12.2 11.404 12.9791 11.8134 11.7528C12.0157 11.1469 10.0518 10.8186 10.5338 10.3267C11.9184 9.51813 16.7041 8.99178 14.4333 6.72101L8.72047 0.881827C8.02181 0.211057 6.85586 0.203673 6.19329 0.881827ZM12.524 11.7528C12.524 12.0326 14.5855 12.216 14.5855 11.6868C14.2918 10.8367 12.7677 10.8941 12.524 11.7528ZM3.23739 13.2396C3.7256 13.6617 4.47965 13.1345 4.7057 12.5454C4.23268 11.9169 2.46201 12.568 3.23739 13.2396ZM12.2655 12.3276C11.6362 12.8921 12.3361 13.4648 12.9564 13.1001C13.0946 12.9598 12.9527 12.4679 12.2655 12.3276Z" fill="black"/><path d="M4.87436 9.52832C5.02164 9.61981 7.24933 10.0723 7.79374 10.1626C7.98246 10.2024 7.84872 10.3968 7.58861 10.5281C7.00195 10.684 4.15641 9.52832 4.87436 9.52832Z" fill="white"/><path d="M8.38739 1.27772L10.5679 3.49228C10.7747 3.70357 10.7718 4.113 10.6561 4.23075L9.57345 3.36469L9.36052 4.64716L8.45591 4.16962L7.00729 5.0849L6.5277 3.15546L5.74945 4.50192H4.5597C4.07478 4.50192 4.01775 3.88654 4.45837 3.44592C5.22801 2.61516 6.11129 1.76839 6.59129 1.27772C7.07375 0.784592 7.91437 0.798541 8.38739 1.27772Z" fill="white"/></svg> Inkscapeでデータご用意</p></div>
  42.                         </a>
  43.                     </div>
  44.                     <div class="st-Grid__item">
  45.                         <a href="{{ url('guide_cutting_others') }}">
  46.                             <div class="st-Grid__item-img"><img class="img" src="{{ asset('assets/img/guide/icon_oder_flow-8.png') }}"></div>
  47.                             <div class="st-Grid__item-title"><p>その他のデータ作成</p></div>
  48.                         </a>
  49.                     </div>
  50.                     <div class="st-Grid__item">
  51.                         <a href="{{ url('guide_cutting_text') }}">
  52.                             <div class="st-Grid__item-img"><img class="img" src="{{ asset('assets/img/guide/icon_oder_flow-9.png') }}"></div>
  53.                             <div class="st-Grid__item-title"><p>テキスト入力の場合</p></div>
  54.                         </a>
  55.                     </div>
  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>
  65.         <div class="ec-section">
  66.             <h2 class="ec-section--title">プリントステッカー・データ作成編</h2>
  67.             <div class="st-Role">
  68.                 <div class="st-Grid">
  69.                     <div class="st-Grid__item">
  70.                         <a href="{{ url('guide_print_ai') }}">
  71.                             <div class="st-Grid__item-img"><img class="img" src="{{ asset('assets/img/guide/icon_press_ai-1.png') }}"></div>
  72.                             <div class="st-Grid__item-title"><p><svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.70191 0.740234H14.2981C15.9059 0.740234 17.2047 2.039 17.2047 3.64686V13.8336C17.2047 15.4415 15.9059 16.7402 14.2981 16.7402H3.70191C2.09405 16.7402 0.795288 15.4415 0.795288 13.8336V3.64686C0.795288 2.039 2.09405 0.740234 3.70191 0.740234Z" fill="#330000"/><path d="M8.74621 10.3335H6.20291L5.68232 11.9413C5.66877 12.0037 5.61454 12.0444 5.55218 12.0362H4.26697C4.19105 12.0362 4.17207 11.9956 4.19105 11.9142L6.39271 5.57767C6.4144 5.50988 6.43338 5.43396 6.4605 5.35262C6.48761 5.20892 6.50117 5.05979 6.50117 4.90795C6.49303 4.8727 6.52286 4.84017 6.55539 4.83203H8.32594C8.38017 4.83203 8.40728 4.85372 8.41542 4.88626L10.9099 11.9278C10.9316 12.0037 10.9099 12.0362 10.8421 12.0362H9.41322C9.36441 12.0444 9.31832 12.0091 9.30476 11.9603L8.7435 10.3335H8.74621ZM6.59878 8.94523H8.33408C8.29341 8.80153 8.23918 8.63071 8.17682 8.45176C8.11445 8.26738 8.0548 8.06945 7.99244 7.86338C7.92465 7.65189 7.86229 7.44583 7.79451 7.23434C7.72672 7.02285 7.66436 6.82491 7.61013 6.62698C7.5559 6.43447 7.5071 6.25823 7.461 6.09283H7.44745C7.38509 6.38567 7.31188 6.68121 7.21427 6.97404C7.11123 7.30212 7.0082 7.64376 6.89974 7.9854C6.80484 8.33517 6.70181 8.65511 6.59878 8.94252V8.94523Z" fill="#FF9700"/><path d="M12.4042 5.99876C12.1792 6.0069 11.9595 5.91742 11.7969 5.76016C11.6396 5.58934 11.5583 5.3643 11.5637 5.13111C11.5555 4.89793 11.645 4.68102 11.8104 4.52376C11.9758 4.3665 12.1927 4.28516 12.4178 4.28516C12.6835 4.28516 12.8896 4.3665 13.0387 4.52376C13.1878 4.68916 13.2719 4.90607 13.2637 5.13111C13.2719 5.3643 13.1878 5.58934 13.0251 5.76016C12.8679 5.92556 12.6347 6.01232 12.4042 5.99876ZM11.6396 11.934V6.67119C11.6396 6.60341 11.6667 6.57629 11.7291 6.57629H13.0821C13.1444 6.57629 13.1715 6.61154 13.1715 6.67119V11.934C13.1715 12.0099 13.1444 12.0425 13.0821 12.0425H11.7426C11.6748 12.0425 11.6396 12.0018 11.6396 11.934Z" fill="#FF9700"/></svg> Adobe Illustratorのデータご用意</p></div>
  73.                         </a>
  74.                     </div>
  75.                     <div class="st-Grid__item">
  76.                         <a href="{{ url('guide_print_common') }}">
  77.                             <div class="st-Grid__item-img"><img class="img" src="{{ asset('assets/img/guide/icon_oder_flow-10.png') }}"></div>
  78.                             <div class="st-Grid__item-title"><p>その他のデータ作成</p></div>
  79.                         </a>
  80.                     </div>
  81.                     <div class="st-Grid__item">
  82.                         <a href="{{ url('guide_print_notice') }}">
  83.                             <div class="st-Grid__item-img"><img class="img" src="{{ asset('assets/img/guide/icon_data_notes.png') }}"></div>
  84.                             <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>
  85.                         </a>
  86.                     </div>
  87.                 </div>
  88.             </div>
  89.         </div>
  90.     </div>
  91. {% endblock %}