app/template/user_data/sample.twig line 1

Open in your IDE?
  1. {% extends '@user_data/layout/default_frame.twig' %}
  2. {% block title %}
  3. サンプル購入 | オリジナル缶バッジ/カンバッチ製作【個人小ロットから業務用OEMまで激安印刷】ZEAMI Goods
  4. {% endblock %}
  6. {% block js %}
  7. <!-- // ++ Guide jQuery ++ /////////////////////////////////////////////////////////// -->
  8. <link href="{{ asset('assets/js/fancybox02/jquery.fancybox.css') }}" rel="stylesheet" type="text/css" media="screen, projection">
  9. <script src="{{ asset('assets/js/fancybox02/jquery.fancybox.pack.js') }}" type="text/javascript"></script>
  10. <script src="{{ asset('assets/js/fancybox02/jquery.mousewheel-3.0.6.pack.js') }}" type="text/javascript"></script>
  11. <script src="{{ asset('assets/js/fancybox02/jquery.easing-1.3.pack.js') }}" type="text/javascript"></script>
  12. <script src="{{ asset('assets/js/guide.js') }}" type="text/javascript"></script>
  13. <script src="{{ asset('assets/js/home/sample_product.js') }}" type="text/javascript"></script>
  15. {% endblock %}
  18. {% block content %}
  19. <!-- // ++ パンクズ ++ //////////////////////////////////////////////////////////// // -->
  20. <div id="bread_crumbBloc" class="fades">
  21. <ul id="breadCrumb" class="fades">
  22. <li class="up">
  23. <a href="/"><img src="{{ asset('assets/img/icon_home.png') }}" alt="ホーム"></a>
  24. </li>
  25. <li class="up">サンプル購入</li>
  26. </ul>
  27. <!-- ///// #breadCrumb +++++ ///// -->
  28. <!-- ///// +++++ #bread_crumbBloc +++++ ///// -->
  29. </div>
  32. <!-- ▼▼ MAIN CONTENTS __________________________________________________________________________________________________ ▼▼ -->
  33. <main
  34. id="mainContents" class="">
  37. <!-- // == MAIN ================================================================================ // -->
  38. <section
  39. id="Sample" class="section_basic full">
  41. <!-- // ++ ページタイトル ++ /////////////////////////////////////////////////////////////// -->
  42. <div id="section_titleBloc" class="fades twolayout_body">
  43. <div id="title_twoLayout">
  44. <h3 class="section_title up">サンプル購入</h3>
  45. <p class="title_cap up">クオリティが売りの当店アイテムを是非手に取ってご確認ください</p>
  46. <p class="section_note up">実製品サンプルから用紙サンプルまで幅広く全アイテムのサンプルをご購入いただけます。<br>ご依頼前にご確認いただいてもヨシ！<br>ご依頼時に気になっている他のアイテムのサンプルをご注文いただいてもヨシ！</p>
  47. </div>
  48. <!-- //// ++++ #title_twoLayout ++++ //// -->
  50. <figure id="titlePic" class="two_layout"><img src="{{ asset('assets/img/sample/sample_title_pic.jpg') }}"></figure>
  51. <!-- ///// #section_titleBloc +++++ ///// -->
  52. </div>
  55. <!-- // ++ カテゴリ ++ /////////////////////////////////////////////////////////////// -->
  56. <div id="Category" class="one_box fades">
  57. <form
  58. action="" class="input_content">
  60. <!-- // △△ カテゴリ ++ △△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△ -->
  61. <h3 class="section_title up">カテゴリを選択してください</h3>
  62. <ul id="detail_checkList" class="confirm fades">
  63. {% for category in productCates %}
  64. <!-- ☆☆ ++ ステッカー ++ ☆☆ -->
  65. <li class="type_check up">
  66. <label><input type="radio" name="category" value="{{ category.category.id }}" class="form_check"/>
  67. <span>{{category.category.name}}</span>
  68. </label>
  69. </li>
  70. {% endfor %}
  72. </ul>
  73. <!-- //// ++++ .detail_checkList ++++ //// -->
  76. <!-- // △△ アイテム ++ △△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△ -->
  77. <h3 class="section_title up sample-products" >アイテムを選択してください</h3>
  78. <ul id="sample_itemList" class="sample-products fades">
  79. </ul>
  80. <!-- //// ++++ #choice_itemList ++++ //// -->
  82. </section>
  83. <!-- ///// +++++ #Sample +++++ ///// -->
  84. <!-- ///// +++++ #mainContents +++++ ///// -->
  85. </main>
  88. <!-- // ++ パンクズ ++ //////////////////////////////////////////////////////////// // -->
  89. <div id="bread_crumbBloc" class="fades">
  90. <ul id="breadCrumb" class="fades">
  91. <li class="up">
  92. <a href="/"><img src="{{ asset('assets/img/icon_home.png') }}" alt="ホーム"></a>
  93. </li>
  94. <li class="up">サンプル購入</li>
  95. </ul>
  96. <!-- ///// #breadCrumb +++++ ///// -->
  97. <!-- ///// +++++ #bread_crumbBloc +++++ ///// -->
  98. </div>
  99. {% endblock %}