app/template/bynoiezam/Block/new_item.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. #}
  12. {% block javascript %}
  13.     <script>
  14.         {% set arrowLeft = asset('assets/icon/slick-arrow-left-white.svg') %}
  15.         {% set arrowRight = asset('assets/icon/slick-arrow-right-white.svg') %}
  16.         $(function() {
  17.             $('.ec-newItemRole__list').slick({
  18.                 slidesToShow: 4,
  19.                 dots: false,
  20.                 arrows: true,
  21.                 autoplay: false,
  22.                 speed: 300,
  23.                 infinite: false,
  24.                 appendArrows: $('.item-arrows'),
  25.                 prevArrow: '<button type="button" class="btn"><img src="{{ arrowLeft }}" alt=""></button>',
  26.                 nextArrow: '<button type="button" class="btn btn-juliet"><img src="{{ arrowRight }}" alt=""></button>',
  27.                 responsive: [{
  28.                     breakpoint: 768,
  29.                     settings: {
  30.                       slidesToShow: 2
  31.                     }
  32.                 }]
  33.             });
  34.             $('.ec-campaignRole__List').slick({
  35.                 slidesToShow: 4,
  36.                 dots: false,
  37.                 arrows: true,
  38.                 autoplay: false,
  39.                 speed: 300,
  40.                 infinite: false,
  41.                 appendArrows: $('.campaign-arrows'),
  42.                 prevArrow: '<button type="button" class="btn"><img src="{{ arrowLeft }}" alt=""></button>',
  43.                 nextArrow: '<button type="button" class="btn btn-juliet"><img src="{{ arrowRight }}" alt=""></button>',
  44.                 responsive: [{
  45.                     breakpoint: 768,
  46.                     settings: {
  47.                       slidesToShow: 2
  48.                     }
  49.                 }]
  50.             });
  51.             $('.ec-rankingRole__List').slick({
  52.                 slidesToShow: 4,
  53.                 dots: false,
  54.                 arrows: true,
  55.                 autoplay: false,
  56.                 speed: 300,
  57.                 infinite: false,
  58.                 appendArrows: $('.ranking-arrows'),
  59.                 prevArrow: '<button type="button" class="btn"><img src="{{ arrowLeft }}" alt=""></button>',
  60.                 nextArrow: '<button type="button" class="btn btn-juliet"><img src="{{ arrowRight }}" alt=""></button>',
  61.                 responsive: [{
  62.                     breakpoint: 768,
  63.                     settings: {
  64.                       slidesToShow: 2
  65.                     }
  66.                 }]
  67.             });
  68.             $(".ec-headerCategoryAreaSp__heading").on("click", function() {
  69.                 $(this).next().slideToggle();
  70.                 if($(this).hasClass('active')) {
  71.                     $(this).find('img').attr('src','{{ asset("assets/icon/side-arrow-right-gray.svg") }}');
  72.                     $(this).removeClass('active');
  73.                 } else {
  74.                     $(this).find('img').attr('src','{{ asset("assets/icon/side-arrow-down-gray.svg") }}');
  75.                     $(this).addClass('active');
  76.                 }
  77.             });
  78.             $(".ec-headerCategoryAreaSp .ec-itemNav__nav a").on("click", function() {
  79.                 if($(this).hasClass('active')) {
  80.                     $(this).find('img').attr('src','{{ asset("assets/icon/side-arrow-right-gray.svg") }}');
  81.                     $(this).removeClass('active');
  82.                 } else {
  83.                     $(this).css({
  84.                         'border':'none'
  85.                     });
  86.                     $(this).find('img').attr('src','{{ asset("assets/icon/side-arrow-down-gray.svg") }}');
  87.                     $(this).addClass('active');
  88.                 }
  89.             });
  90.         });
  91.     </script>
  92. {% endblock javascript %}
  93. <!-- ▼バナー -->
  94. <div class="ec-role">
  95.     <div class="ec-banner">
  96.         <div class="ec-banner__left">
  97.             <a href="{{ url('product_list') }}?category_id={{ 21 }}"><img src="{{ asset('/html/user_data/TOP/banner/left-banner.png') }}" alt="フルオーダーPC・フルオーダーメイドPC" /></a>
  98.         </div>
  99.         <div class="ec-banner_right">
  100.             <a href="{{ url('product_list') }}?category_id={{ 24 }}"><img src="{{ asset('/html/user_data/TOP/banner/right-banner.png') }}" alt="中古PCの買取、販売" /></a>
  101.         </div>
  102.     </div>
  103. </div>
  104. <!-- ▲バナー -->
  105. <!-- ▼期間限定商品 -->
  106. <div class="ec-role">
  107.     <div class="ec-newItemRole ec-contentRole">
  108.         <div class="ec-secHeading">
  109.             <div>
  110.                 <span class="ec-secHeading__en">{{ 'SPECIAL'|trans }}</span>
  111.                 <img src="{{ asset('assets/icon/slash.svg') }}" alt="" class="ec-slash is-pc">
  112.                 <div class="ec-secHeading__ja">{{ '期間限定商品'|trans }}</div>
  113.             </div>
  114.             <div class="item-arrows content-arrows"></div>
  115.         </div>
  116.         <div class="ec-newItemRole__list ec-contentRole__list">
  117.             <div class="ec-contentRole__listItem">
  118.                 <a href="{{ url('product_list') }}?category_id={{ 25 }}">
  119.                     <img src="{{ asset('/html/user_data/SpecialItem/sp02.jpg', 'save_image') }}">
  120.                     <p class="ec-contentRole__listItemTitle">{{ 'お買い得品'|trans }}</p>
  121.                 </a>
  122.             </div>
  123.             <div class="ec-contentRole__listItem">
  124.                 <a href="{{ url('product_detail', {'id': '281'}) }}">
  125.                     <img src="{{ asset('/html/user_data/device/248BLACK.jpg', 'save_image') }}">
  126.                     <p class="ec-contentRole__listItemTitle">{{ 'PX248WAVE[ブラック]'|trans }}</p>
  127.                     <p class="ec-contentRole__listItemPrice">{{ '￥25,800'|trans }}</p>
  128.                 </a>
  129.             </div>
  130.             <div class="ec-contentRole__listItem">
  131.                 <a href="{{ url('product_detail', {'id': '279'}) }}">
  132.                     <img src="{{ asset('/html/user_data/device/248WHITE.jpg', 'save_image') }}">
  133.                     <p class="ec-contentRole__listItemTitle">{{ 'PX248WAVE[ホワイト]'|trans }}</p>
  134.                     <p class="ec-contentRole__listItemPrice">{{ '￥25,800'|trans }}</p>
  135.                 </a>
  136.             </div>
  137.             <div class="ec-contentRole__listItem">
  138.                 <a href="{{ url('product_detail', {'id': '129'}) }}">
  139.                     <img src="{{ asset('/html/user_data/SpecialItem/0926194749_6512b6d55162a.jpg', 'save_image') }}">
  140.                     <p class="ec-contentRole__listItemTitle">{{ 'Thermaltake Core P6 TG [Green]'|trans }}</p>
  141.                     <p class="ec-contentRole__listItemPrice">{{ '￥13,000'|trans }}</p>
  142.                 </a>
  143.             </div>
  144. {#            <div class="ec-contentRole__listItem">
  145.                 <a href="{{ url('product_detail', {'id': '121'}) }}">
  146.                     <img src="{{ asset('/html/user_data/SpecialItem/sp01.jpg', 'save_image') }}">
  147.                     <p class="ec-contentRole__listItemTitle">{{ '"X"フォロワー1万人突破記念'|trans }}</p>
  148.                     <p class="ec-contentRole__listItemPrice">{{ ''|trans }}</p>
  149.                     <p class="ec-contentRole__listItemPrice">{{ '￥110,000~'|trans }}</p>
  150.                 </a>
  151.             </div>
  152. #}
  153.             <div class="ec-contentRole__listItem">
  154.                 <a href="{{ url('product_detail', {'id': '119'}) }}">
  155.                     <img src="{{ asset('/html/user_data/other/blank.jpg', 'save_image') }}">
  156.                     <p class="ec-contentRole__listItemTitle">{{ '準備中'|trans }}</p>
  157.                     <p class="ec-contentRole__listItemPrice">{{ ''|trans }}</p>
  158.                 </a>
  159.             </div>
  160.                         <div class="ec-contentRole__listItem">
  161.                 <a href="{{ url('product_detail', {'id': '119'}) }}">
  162.                     <img src="{{ asset('/html/user_data/other/blank.jpg', 'save_image') }}">
  163.                     <p class="ec-contentRole__listItemTitle">{{ '準備中'|trans }}</p>
  164.                     <p class="ec-contentRole__listItemPrice">{{ ''|trans }}</p>
  165.                 </a>
  166.             </div>
  167.         </div>
  168.     </div>
  169. </div>
  170. <!-- ▲期間限定商品 -->
  171. <!-- ▼コラボPC -->
  172. <div class="ec-role">
  173.     <div class="ec-campaignRole ec-contentRole">
  174.         <div class="ec-secHeading">
  175.             <div>
  176.                 <span class="ec-secHeading__en">{{ 'COLLABO'|trans }}</span>
  177.                 <img src="{{ asset('assets/icon/slash.svg') }}" alt="" class="ec-slash is-pc">
  178.                 <span class="ec-secHeading__ja">{{ 'コラボPC'|trans }}</span>
  179.             </div>
  180.             <div class="campaign-arrows content-arrows"></div>
  181.         </div>
  182.         <div class="ec-campaignRole__List">
  183.             <div class="ec-contentRole__listItem">
  184.                 <a href="{{ url('product_list') }}?category_id={{ 45 }}">
  185.                     <img src="{{ asset('/html/user_data/Category/collabo/suzune.jpg', 'save_image') }}">
  186.                     <p class="ec-contentRole__listItemTitle">{{ 'すず音'|trans }}</p>
  187.                     <p class="ec-contentRole__listItemPrice">{{ '￥160,000~'|trans }}</p>
  188.                 </a>
  189.             </div>
  190.             <div class="ec-contentRole__listItem">
  191.                 <a href="{{ url('product_list') }}?category_id={{ 31 }}">
  192.                     <img src="{{ asset('/html/user_data/Category/collabo/FqnocOEaUAEPiD7 1.jpg', 'save_image') }}">
  193.                     <p class="ec-contentRole__listItemTitle">{{ '眠田イナ'|trans }}</p>
  194.                     <p class="ec-contentRole__listItemPrice">{{ '￥160,000~'|trans }}</p>
  195.                 </a>
  196.             </div>
  197.             <div class="ec-contentRole__listItem">
  198.                 <a href="{{ url('product_list') }}?category_id={{ 33 }}">
  199.                     <img src="{{ asset('/html/user_data/Category/collabo/888.jpg', 'save_image') }}">
  200.                     <p class="ec-contentRole__listItemTitle">{{ 'ねくすと'|trans }}</p>
  201.                     <p class="ec-contentRole__listItemPrice">{{ '￥160,000~'|trans }}</p>
  202.                 </a>
  203.             </div>
  204. {#            <div class="ec-contentRole__listItem">
  205.                 <a href="{{ url('product_list') }}?category_id={{ 32 }}">
  206.                     <img src="{{ asset('/html/user_data/Category/collabo/logo02.png', 'save_image') }}">
  207.                     <p class="ec-contentRole__listItemTitle">{{ 'せきめ'|trans }}</p>
  208.                     <p class="ec-contentRole__listItemPrice">{{ '￥160,000~'|trans }}</p>
  209.                 </a>
  210.             </div>#}
  211.         </div>
  212.     </div>
  213. </div>
  214. <!-- ▲コラボPC -->
  215. <!-- ▼トピック -->
  216. <div class="ec-role">
  217.     <div class="ec-rankingRole ec-contentRole">
  218.         <div class="ec-secHeading">
  219.             <div>
  220.                 <span class="ec-secHeading__en">{{ 'NEW'|trans }}</span>
  221.                 <img src="{{ asset('assets/icon/slash.svg') }}" alt="" class="ec-slash is-pc">
  222.                 <span class="ec-secHeading__ja">{{ '新着商品'|trans }}</span>
  223.             </div>
  224.             <div class="ranking-arrows content-arrows"></div>
  225.         </div>
  226.         <div class="ec-rankingRole__List">
  227.             <div class="ec-contentRole__listItem">
  228.                 <a href="{{ url('product_detail', {'id': '398'}) }}">
  229.                     <img src="{{ asset('/html/user_data/SpecialItem/aaaaaaaaaa.jpg', 'save_image') }}">
  230.                     <p class="ec-contentRole__listItemTitle">{{ 'ゲーミングPC'|trans }}</p>
  231.                     <p class="ec-contentRole__listItemPrice">{{ '¥140,000'|trans }}</p>
  232.                 </a>
  233.             </div>
  234.             <div class="ec-contentRole__listItem">
  235.                 <a href="{{ url('product_detail', {'id': '407'}) }}">
  236.                     <img src="{{ asset('/html/user_data/SpecialItem/04047.jpg', 'save_image') }}">
  237.                     <p class="ec-contentRole__listItemTitle">{{ 'ハイスペックゲーミングPC'|trans }}</p>
  238.                     <p class="ec-contentRole__listItemPrice">{{ '¥430,000~'|trans }}</p>
  239.                 </a>
  240.             </div>
  241.             <div class="ec-contentRole__listItem">
  242.                 <a href="{{ url('product_detail', {'id': '297'}) }}">
  243.                     <img src="{{ asset('/html/user_data/SpecialItem/700ryzen.jpg', 'save_image') }}">
  244.                     <p class="ec-contentRole__listItemTitle">{{ 'モンハン推奨PC”G級”'|trans }}</p>
  245.                     <p class="ec-contentRole__listItemPrice">{{ '¥222,000~'|trans }}</p>
  246.                 </a>
  247.             </div>
  248.             <div class="ec-contentRole__listItem">
  249.                 <a href="{{ url('product_detail', {'id': '120'}) }}">
  250.                     <img src="{{ asset('/html/user_data/other/blank.png', 'save_image') }}">
  251.                     <p class="ec-contentRole__listItemTitle">{{ 'のいえあ侍オリジナルファンWH'|trans }}</p>
  252.                     <p class="ec-contentRole__listItemPrice">{{ '¥3,800~'|trans }}</p>
  253.                 </a>
  254.             </div>
  255.         </div>
  256.     </div>
  257. </div>
  258. <!-- ▲トピック -->
  259. <!-- ▼SPバナー -->
  260. <div class="ec-banner3 is-sp">
  261.     <a href="https://www.youtube.com/@noiezam" target="_blank" rel="noopener">
  262.     <img src="{{ asset('/html/user_data/TOP/leftside/Left-banner012.png') }}" alt="のいえあ侍　Youtube　動画"></a>
  263. <br><br>
  264.     <a tabindex="-1">
  265.     <img src="{{ asset('/html/user_data/TOP/leftside/ELSA.jpg') }}" alt="エルザジャパン正規販売代理店"></a>
  266. <br><br>
  267.     <a tabindex="-1">
  268.     <img src="{{ asset('/html/user_data/TOP/leftside/wtwwtwtw.png') }}" alt="pixio ゲーミングモニター"></a>
  269. <br><br>
  270.     <a href="https://twitter.com/gajiro15" target="_blank" rel="noopener">
  271.     <img src="{{ asset('/html/user_data/TOP/leftside/gaji.jpg') }}" alt="ガジロー"></a>
  272. </div>
  273. <!-- ▲SPバナー -->
  274. <!-- ▼SPカテゴリー -->
  275. {% set Categories = repository('Eccube\\Entity\\Category').getList() %}
  276. {% macro tree(Category) %}
  277.     {% from _self import tree %}
  278.     <a href="{{ url('product_list') }}?category_id={{ Category.id }}">
  279.         {{ Category.name }}
  280.         <img src="{{ asset('assets/icon/side-arrow-right-gray.svg') }}" alt="">
  281.     </a>
  282.     {% if Category.children|length > 0 %}
  283.         <ul>
  284.             {% for ChildCategory in Category.children %}
  285.                 <li>
  286.                     {{ tree(ChildCategory) }}
  287.                 </li>
  288.             {% endfor %}
  289.         </ul>
  290.     {% endif %}
  291. {% endmacro %}
  292. {# @see https://github.com/bolt/bolt/pull/2388 #}
  293. {% from _self import tree %}
  294. <div class="ec-headerCategoryAreaSp is-sp">
  295.     <div class="ec-headerCategoryAreaSp__heading">
  296.         <p>{{ 'カテゴリ一覧'|trans }}</p>
  297.     </div>
  298.     <div class="ec-itemNav">
  299.         <ul class="ec-itemNav__nav">
  300.             <li class="ec-sideCategoryList__all">
  301.                 <a href="{{ url('product_list') }}?category_id=">全ての商品</a>
  302.             </li>
  303.             {% for Category in Categories %}
  304.                 <li>
  305.                     {{ tree(Category) }}
  306.                 </li>
  307.             {% endfor %}
  308.         </ul>
  309.     </div>
  310. </div>
  311. <!-- ▲SPカテゴリー -->