app/template/default/Product/apply_sticker_cutting.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.     <style>
  15.       .background-color {
  16.         background-color: hsla(60, 0%, 100%, 1);
  17.       }
  18.       .background-image {
  19.         background-image:
  20.           radial-gradient(at 4% 10%, rgba(238,238,238,0.644) 0px, transparent 20%),
  21.           radial-gradient(circle at 28% 0%, #c5a60000 0px, transparent 20%),
  22.           radial-gradient(at 18% 20%, hsla(60,45%,94%,0.92) 0px, transparent 50%),
  23.           radial-gradient(at 82% 10%, rgba(238,238,238,0.644) 0px, transparent 50%),
  24.           radial-gradient(at 44% 100%, hsla(61,0%,100%,1) 0px, transparent 50%),
  25.           radial-gradient(at 11% 100%, hsla(60,0%,100%,1) 0px, transparent 50%);
  26.         background-repeat: no-repeat;
  27.         background-size: cover;
  28.         margin: 0 calc(50% - 50vw);
  29.         width: 100vw;
  30.       }
  31.       .background-color.background-image {
  32.         box-shadow: inset 0 8px 12px -5px rgba(0,0,0,0.1);
  33.       }
  34.       .as-h1 {
  35.         color: #C5A600;
  36.         font-size: 16px;
  37.         font-weight: bold;
  38.         border-left: 4px solid #C5A600;
  39.         padding-left: 8px;
  40.         margin: 20px 0;
  41.       }
  42.     </style>
  43. {% endblock %}
  45. {% block main %}
  46. <div class="ec-role">
  47.     <div class="ec-pageHeader">
  48.         <h1>{{ 'カッティングステッカーの貼り方・注意点・メンテナンス'|trans }}</h1>
  49.     </div>
  50.     <!-- セクション1 -->
  51.     <section class="ec-sec">
  52.         <div class="ec-secBody">
  53.             <div class="d-flex gap-2 mt-3">
  54.                 <img src="{{ asset('assets/img/guide/img_apply_cutting_transparent01.jpg') }}" style="width:20%; height:auto;">
  55.                 <img src="{{ asset('assets/img/guide/img_apply_cutting_transparent02.jpg') }}" style="width:20%; height:auto;">
  56.                 <img src="{{ asset('assets/img/guide/img_apply_cutting_washipaper01.jpg') }}" style="width:20%; height:auto;">
  57.                 <img src="{{ asset('assets/img/guide/img_apply_cutting_washipaper02.jpg') }}" style="width:20%; height:auto;">
  58.             </div>
  59.             <h2 class="ec-section--title mt-4">カッティングステッカーを貼り付けるための「転写シート」</h2>
  60.             <p><strong>カッティングステッカーはデザインを構成する文字やパーツが、切りはなれた状態で1枚の台紙に置かれています。</strong><br>
  61.                 個々に分かれているそれらのデザインパーツを、一度にまとめて貼れるようにするためのアイテムが「転写シート」です。<br>
  62.                 透明フィルムタイプ、和紙タイプ、2つのタイプがあり、指定いただいた転写シート素材が表面に貼り付けられています。</p>
  63.         </div>
  64.     </section>
  65.     <!-- セクション2 -->
  66.     <section class="ec-sec">
  67.         <div class="ec-secBody">
  68.             <h2 class="ec-section--title">下地の処理</h2>
  69.             <p>貼り付け対象になる下地面の、細かなゴミや水分の除去、脂分がある場合は、脂分除去も行なってください。<br>
  70.                 シリコーンオフ（脱脂剤）を使用される場合は、成分が残らないように水拭きし、そのあと下地をよく乾燥させてください。</p>
  71.         </div>
  72.     </section>
  73.     <!-- セクション3 -->
  74.     <section class="ec-sec">
  75.         <div class="ec-secBody">
  76.             <h2 class="ec-section--title">事前確認のお願い</h2>
  77.             <p>セロハンテープ等を試しに貼ってみて、粘着糊が機能する下地になっているかご確認ください。<br>
  78.                 （表面張力により、張り付いて見えるだけになっていないか、状態をご確認ください。）</p>
  79.         </div>
  80.     </section>
  81.     <!-- セクション4 -->
  82.     <section class="ec-sec mb-3">
  83.         <div class="ec-section--title mt-3">
  84.             <div class="text-danger">
  85.                 <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
  86.                     <path
  87.                         d="M8 0.16748C3.5816 0.16748 0 3.74908 0 8.16748C0 12.5859 3.5816 16.1675 8 16.1675C12.4184 16.1675 16 12.5859 16 8.16748C16 3.74908 12.4184 0.16748 8 0.16748ZM8.8 12.1675H7.2V10.5675H8.8V12.1675ZM8.8 8.96748H7.2L6.8 4.16748H9.2L8.8 8.96748Z"
  88.                         fill="#FB2A4F" />
  89.                 </svg>
  90.                 ご注意点
  91.             </div>
  92.         </div>
  93.         <div class="attention p-3">
  94.             <p class="mb-1"><strong>貼り付け温度：10〜38℃</strong></p>
  95.             <p class="mb-4">10℃以下では、本来の粘着性能を発揮できません。より良い作業性を考慮するなら16℃以上あるとベストです。<br>
  96.                 冬場など気温の低い環境では、事前に貼り付け対象の下地をドライヤーなどで適度に温めてから行なってください。<br>
  97.                 または貼り付け中、転写シートを剥がす前に、数分間まるごと適度に温め、そのあと<u>必ず熱を取って</u>から転写シート剥離してください。<br>
  98.                 塩ビ素材のステッカー本体は熱が加わると変形しやすくなる性質があります。<br>
  99.                 貼り付け作業中に加熱した場合は、そのあと静置して、熱を冷ましてから次の工程に移ってください。塩ビ素材は不燃ですが、過剰な加熱は行わない様にしてください。
  100.             </p>
  101.             <p class="mb-1"><strong>貼り付け対象の下地について</strong></p>
  102.             <p class="mb-4">平滑な面にお貼りください。凹凸がある面、粗面はうまく貼り付きません。（粗面対応ステッカーを除く）<br>
  103.                 ステッカーが凹凸に追従しきれず、粘着面の間に隙間ができてしまう様なところは、あとで剥がれてくる原因になり得てしまいます。<br>
  104.                 また、簡単に剥げてしまう塗装面、破れやすい紙など、損傷しやすい下地を対象にしないでください。粘着糊の付いた転写シートを剥がす工程がありますので、剥離の際に痛めてしまう恐れがあります。
  105.             </p>
  106.             <p class="mb-1"><strong><u>下記の下地・素材は全く貼り付かない、非常に貼り付きづらくなることがあります。</u></strong></p>
  107.             <p>・銅板｜真鍮板｜鉛板｜錫板｜仕上げなし木材・石材｜荒材｜コンクリート</p>
  108.             <p>・紙｜布｜革｜壁紙</p>
  109.             <p>・エンボス加工ガラス｜すりガラス</p>
  110.             <p>・ポリカーボネート板｜ポリオレフィン(ポリエチレン、ポリプロピレン）｜シリコーン樹脂板｜フッ素樹脂板</p>
  111.             <p>・市販剤や業者加工のコーティングが施された車両等</p>
  112.             <p>・ガラスコーティング｜撥水｜防汚｜防指紋｜これらが施されている下地</p>
  113.             <p>・シリコーン｜フッ素化合物｜ポリマー系コーティング成分｜ワックス｜界面活性剤｜これらの成分が在留している下地</p>
  114.             <p class="mb-4">（一度貼り付いてたように見えても、後から剥がれてくる可能性があります。）</p>
  116.             <p class="mb-1"><strong>保管される場合</strong></p>
  117.             <p>1年以内にご使用になられるよう推奨させていただきます。長期保管すると転写シート側の粘着力が落ちる場合があり、スムーズな転写が行えなくなることがあります。</p>
  118.         </div>
  119.     </section>
  120. </div>
  121.     <!-- セクション5 -->
  122.     <section class="container-fluid background-color background-image" style="padding: 1rem;">
  123.         <div class="container" style="max-width:1130px;">
  124.             <div class="ec-sec">
  125.                 <h2 class="as-h1">カッティングステッカーの貼り方動画</h2>
  126.             </div>
  127.             <div class="mb-3">
  128.                 <p class="mb-3">この手順は一例です。ここではできるだけ準備を整えた形で、分かりやすい流れを動画にしてみましのたので、参考にしていただければ幸いです。<br>
  129.                     スキージーとマスキングテープは、ステッカー商品を追加した時のカート内でご購入いただくこともできます！</p>
  130.                 <div class="ec-secBody">
  131.                     <div class="row">
  132.                         <!-- 左カラム -->
  133.                         <div class="col-md-6">
  134.                             <div class="ratio ratio-16x9">
  135.                                 <iframe
  136.                                     src="https://www.youtube.com/embed/MgKvjetnd5o?si=zOnVK-HRVwV1FE4o&rel=0&modestbranding=1&autoplay=0&mute=1&enablejsapi=1?autoplay=0"
  137.                                     title="YouTube video player" frameborder="0"
  138.                                     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  139.                                     referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  140.                             </div>
  141.                         </div>
  142.                         <!-- 右カラム -->
  143.                         <div class="col-md-6 mb-3">
  144.                             <h2 class="ec-section--title">あると便利なアイテム</h2>
  145.                             <div class="d-flex flex-wrap gap-4">
  146.                                 <div class="d-flex align-items-center">
  147.                                     <img src="{{ asset('assets/img/guide/icon_apply_cutting_squeegee.png') }}" width="48px" style="width: 48px;">
  148.                                     <span style="color:#3686E4;">スキージー</span>
  149.                                 </div>
  150.                                 <div class="d-flex align-items-center">
  151.                                     <img src="{{ asset('assets/img/guide/icon_apply_cutting_maskingtape.png') }}" width="48px" style="width: 48px;">
  152.                                     <span style="color:#3686E4;">マスキングテープ</span>
  153.                                 </div>
  154.                                 <div class="d-flex align-items-center">
  155.                                     <img src="{{ asset('assets/img/guide/icon_apply_cutting_mistspray.png') }}" width="48px" style="width: 48px;">
  156.                                     <span style="color:#3686E4;">霧吹き（清掃用）</span>
  157.                                 </div>
  158.                                 <div class="d-flex align-items-center">
  159.                                     <img src="{{ asset('assets/img/guide/icon_apply_cutting_cloth.png') }}" width="48px" style="width: 48px;">
  160.                                     <span style="color:#3686E4;">布・雑巾（清掃用）</span>
  161.                                 </div>
  162.                             </div>
  163.                         </div>
  164.                     </div>
  165.                 </div>
  166.             </div>
  167.         </div>
  168.     </section>
  169. <div class="ec-role">
  170.     <!-- セクション6 -->
  171.     <section class="ec-sec">
  172.         <h2 class="as-h1">カッティングステッカーを貼ったあと</h2>
  173.         <h3 class="ec-section--title">メンテナンス</h3>
  174.         <div class="ec-secBody">
  175.             <p class="mb-1"><strong>手間の掛かるお手入れは必要ありません。</strong></p>
  176.             <p class="mb-4">気になる汚れを拭き取る程度で十分です。</p>
  177.             <p class="mb-1"><strong>小さい文字や細い線、鋭角なパーツがある場合</strong></p>
  178.             <p class="mb-4">接着面積が小さい・鋭角になった部分があるパーツを清掃するときは、極力負荷をかけない様に気を付けて拭いてください。端から捲れたり剥がれる可能性があります。</p>
  179.             <p class="mb-1"><strong>塗布剤</strong></p>
  180.             シンナーやクリアラッカーなどの使用は、その含有成分により目に見えない侵食を起こし、ステッカー材料本来の機能性を損ねてしまう可能性があります。使用される場合は、あらかじめご承知置きください。<br>
  181.             なお、溶剤系のものはステッカー自体を溶かしてしまう恐れがありますので、使用しないでください。</p>
  183.         </div>
  184.         <h2 class="ec-section--title">不要になったカッティングステッカーを剥がす</h2>
  185.         <div class="ec-secBody">
  186.             <p class="mb-1"><strong>まずはそのまま剥がしてみる</strong></p>
  187.             <p class="mb-4">最初はそのまま剥がしてみてください。ステッカーが細かく千切れてしまって剥がしづらい場合にはドライヤーの使用を試してください。</p>
  188.             <p class="mb-1"><strong>ドライヤーを使って温める</strong></p>
  189.             <p class="mb-4">フィルムを温めることで、経年により固くなった素材や粘着糊の軟化を試みます。素材がやわらなくなると、比較的剥がしやすくなる場合があります。経年に伴い有効性が落ちていきます。</p>
  190.             <p class="mb-1"><strong>トレーサーを使う</strong></p>
  191.             <p class="mb-4">
  192.                 ステッカー剥がし用のトレーサーを使用します。低回転のドリルにゴムトレーサーを取り付け、回転摩擦で剥がします。摩擦による負荷で強引に剥がすため、下地の傷みなどに注意が必要です。文字数が多くて剥がすのが大変な場合などにとても便利ですが、工具やゴムトレーサーが別途必要となります。
  193.             </p>
  194.             <p class="mb-1"><strong>ステッカー剥がしを使う</strong></p>
  195.             <p class="mb-4">
  196.                 様々なステッカー剥がしが市販されていますが、その種類や強度も様々です。ステッカー本体が残っている状態では、程度の強い溶剤が必要になってくると思われますが、使用することで下地を傷めることもあります。ご使用されるものの説明書をご確認のうえ、ご使用ください。
  197.             </p>
  198.             <p class="mb-4">※トレーサーやステッカー剥がしは当店で販売を行なっておりません。</p>
  199.         </div>
  200.     </section>
  201. </div>
  202. {% endblock %}