app/template/kinkodo/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  3. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  4. http://www.ec-cube.co.jp/
  5. For the full copyright and license information, please view the LICENSE
  6. file that was distributed with this source code.
  7. #}
  8. {% extends 'default_frame.twig' %}
  9. {% set body_class = 'front_page' %}
  10. {% block stylesheet %}
  11.     <link rel="stylesheet" href="{{ asset('assets/assets/css/index.css') }}"/>
  12. {% endblock %}
  13. {% block javascript %}{% endblock javascript %}
  14. {% block main %}
  15.     <section id="mainimg">
  16.     {# 
  17.         <div id="mainslider">
  18.             <img src="{{ asset('assets/assets/images/mainimg.jpg') }}">
  19.             <img src="{{ asset('assets/assets/images/mainimg2.jpg') }}">
  20.             <img src="{{ asset('assets/assets/images/mainimg3.jpg') }}">
  21.         </div>
  22.  #}
  23.         {{ TabaBannerManager('top_mainslider')|raw }}
  24.     </section>
  25.     <section id="bnrs">
  26.     {#     <div class="bnr over parabox">
  27.             <a href="">
  28.                 <img src="{{ asset('assets/assets/images/bnr1.png') }}">
  29.             </a>
  30.         </div>
  31.         <div class="bnr yellow parabox">
  32.             <a href="">
  33.                 <img src="{{ asset('assets/assets/images/bnr2.jpg') }}">
  34.             </a>
  35.         </div>
  36.         <div class="bnr red parabox">
  37.             <a href="">
  38.             
  39.                 <img src="{{ asset('assets/assets/images/bnr3.jpg') }}">
  40.             </a>
  41.         </div>
  42.         <div class="bnr green parabox">
  43.             <a href="">
  44.                 <img src="{{ asset('assets/assets/images/bnr4.jpg') }}">
  45.             </a>
  46.         </div>
  47.         <div class="bnr red parabox">
  48.             <a href="">
  49.                 <img src="{{ asset('assets/assets/images/bnr5.jpg') }}">
  50.             </a>
  51.         </div> #}
  52.          {{ TabaBannerManager('top_bnr')|raw }}
  53.     </section>
  54.     <section id="search">
  55.         <h2>
  56.             <span>カレンダーを探す</span>
  57.             <small>PRODUCT LIST</small>
  58.         </h2>
  59.         <div class="inner">
  60.             <span class="shape"></span>
  61. <div class="tabscontent">
  62.             <div class="searchcategory">
  63.                 <ul>
  64.                     <li class="tabbtn open wallhanging">壁掛けから探す</li>
  65.                     <li class="tabbtn tabletop">卓上から探す</li>
  66.                     <li class="tabbtn features">特徴から探す</li>
  67.                     
  68.                 </ul>
  69.             </div>
  70.             {# 壁掛けから探す #}
  71.             <div class="contents tabblock">
  72.                 <div class="block">
  73.                     <a href="/products/list?category_id=28">
  74.                         <div class="image">
  75.                             <img src="{{ asset('assets/assets/images/top_search/OT-101__00.jpg') }}">
  76.                         </div>
  77.                         <div class="size">
  78.                             <p class="title">レギュラーサイズ</p>
  79.                             <p class="text">
  80.                                 46/4切
  81.                                 <br>
  82.                                 約535×380m/m
  83.                             </p>
  84.                         </div>
  85.                     </a>
  86.                 </div>
  87.                 <div class="block">
  88.                     <a href="/products/list?category_id=27">
  89.                         <div class="image">
  90.                             <img src="{{ asset('assets/assets/images/top_search/NK-186__00.jpg') }}">
  91.                         </div>
  92.                         <div class="size">
  93.                             <p class="title">ラージサイズ</p>
  94.                             <p class="text">
  95.                                 A/2切
  96.                                 <br>
  97.                                 約610×425 m/m
  98.                             </p>
  99.                         </div>
  100.                     </a>
  101.                 </div>
  102.                 <div class="block">
  103.                     <a href="/products/list?category_id=20">
  104.                         <div class="image">
  105.                             <img src="{{ asset('assets/assets/images/top_search/OT-302__00.jpg') }}">
  106.                         </div>
  107.                         <div class="size">
  108.                             <p class="title">ジャンボサイズ</p>
  109.                             <p class="text">
  110.                                 46/2切
  111.                                 <br>
  112.                                 約760×504 m/m
  113.                             </p>
  114.                         </div>
  115.                     </a>
  116.                 </div>
  117.                 <div class="block">
  118.                     <a href="/products/list?category_id=75">
  119.                         <div class="image">
  120.                             <img src="{{ asset('assets/assets/images/top_search/NK-189__00.jpg') }}">
  121.                         </div>
  122.                         <div class="size">
  123.                             <p class="title">縦長サイズ</p>
  124.                             <p class="text">
  125.                                 46/3切
  126.                                 <br>
  127.                                 約760×350 m/m
  128.                             </p>
  129.                         </div>
  130.                     </a>
  131.                 </div>
  132.                 <div class="block">
  133.                     <a href="/products/list?category_id=74">
  134.                         <div class="image">
  135.                             <img src="{{ asset('assets/assets/images/top_search/NK-182__00.jpg') }}">
  136.                         </div>
  137.                         <div class="size">
  138.                             <p class="title">縦長・小サイズ</p>
  139.                             <p class="text">
  140.                                 46/6切
  141.                                 <br>
  142.                                 約535×260m/m
  143.                             </p>
  144.                         </div>
  145.                     </a>
  146.                 </div>
  147.                 <div class="block">
  148.                     <a href="/products/list?category_id=23">
  149.                         <div class="image">
  150.                             <img src="{{ asset('assets/assets/images/top_search/TD-964__00.jpg') }}">
  151.                         </div>
  152.                         <div class="size">
  153.                             <p class="title">その他サイズ</p>
  154.                         </div>
  155.                     </a>
  156.                 </div>
  157.                 <div class="block">
  158.                     <a href="/products/list?category_id=17">
  159.                         <div class="image">
  160.                             <img src="{{ asset('assets/assets/images/top_search/TD-691__00.jpg') }}">
  161.                         </div>
  162.                         <div class="size">
  163.                             <p class="title">インデックス(壁掛け)</p>
  164.                             <p class="text">
  165.                                 46/4切
  166.                                 <br>
  167.                                 約535×380m/m
  168.                             </p>
  169.                         </div>
  170.                     </a>
  171.                 </div>
  172.                 <div class="block">
  173.                     <a href="/products/list?category_id=29">
  174.                         <div class="image">
  175.                             <img src="{{ asset('assets/assets/images/top_search/NP-402__00.jpg') }}">
  176.                         </div>
  177.                         <div class="size">
  178.                             <p class="title">中綴じ製本</p>
  179.                         </div>
  180.                     </a>
  181.                 </div>
  182.                 <div class="block">
  183.                     <a href="/products/list?category_id=69">
  184.                         <div class="image">
  185.                             <img src="{{ asset('assets/assets/images/top_search/NK-118__00.jpg') }}">
  186.                         </div>
  187.                         <div class="size">
  188.                             <p class="title">海外仕様(外玉)</p>
  189.                         </div>
  190.                     </a>
  191.                 </div>
  192.             </div>
  193.             {# 卓上から探す #}
  194.             <div class="contents tabblock">
  195.                 <div class="block">
  196.                     <a href="/products/list?category_id=16">
  197.                         <div class="image">
  198.                             <img src="{{ asset('assets/assets/images/top_search/NK-528__00.jpg') }}">
  199.                         </div>
  200.                         <div class="size">
  201.                             <p class="title">インデックス(卓上)</p>
  202.                             <p class="text">
  203.                                 下部・ヨコにインデックスが付いて便利!!
  204.                             </p>
  205.                         </div>
  206.                     </a>
  207.                 </div>
  208.                 <div class="block">
  209.                     <a href="/products/list?category_id=18">
  210.                         <div class="image">
  211.                             <img src="{{ asset('assets/assets/images/top_search/TS-400B__00.jpg') }}">
  212.                         </div>
  213.                         <div class="size">
  214.                             <p class="title">エコリング製本</p>
  215.                             <p class="text">
  216.                                 素材がすべて紙で出来ている環境に優しい!!
  217.                             </p>
  218.                         </div>
  219.                     </a>
  220.                 </div>
  221.                 <div class="block">
  222.                     <a href="/products/list?category_id=78">
  223.                         <div class="image">
  224.                             <img src="{{ asset('assets/assets/images/top_search/NK-510__00.jpg') }}">
  225.                         </div>
  226.                         <div class="size">
  227.                             <p class="title">金具リング製本</p>
  228.                             <p class="text">
  229.                                 めくり易さで選ぶ金具製本タイプ!!
  230.                             </p>
  231.                         </div>
  232.                     </a>
  233.                 </div>
  234.                 <div class="block">
  235.                     <a href="/products/list?category_id=21">
  236.                         <div class="image">
  237.                             <img src="{{ asset('assets/assets/images/top_search/NK-526__00.jpg') }}">
  238.                         </div>
  239.                         <div class="size">
  240.                             <p class="title">セパレートタイプ</p>
  241.                             <p class="text">
  242.                                 予定管理に最適な2ヶ月・3ヶ月タイプ!!
  243.                             </p>
  244.                         </div>
  245.                     </a>
  246.                 </div>
  247.                 <div class="block">
  248.                     <a href="/products/list?category_id=24">
  249.                         <div class="image">
  250.                             <img src="{{ asset('assets/assets/images/top_search/NK-485__00.jpg') }}">
  251.                         </div>
  252.                         <div class="size">
  253.                             <p class="title">プラスチックスタンド</p>
  254.                             <p class="text">
  255.                                 プラスチックの型枠・薄型で携帯性に抜群!!
  256.                             </p>
  257.                         </div>
  258.                     </a>
  259.                 </div>
  260.                 <div class="block">
  261.                     <a href="/products/list?category_id=72">
  262.                         <div class="image">
  263.                             <img src="{{ asset('assets/assets/images/top_search/NK-521__00.jpg') }}">
  264.                         </div>
  265.                         <div class="size">
  266.                             <p class="title">紙スタンド</p>
  267.                             <p class="text">
  268.                                 地球環境に配慮した定番タイプ!!
  269.                             </p>
  270.                         </div>
  271.                     </a>
  272.                 </div>
  273.                 <div class="block">
  274.                     <a href="/products/list?category_id=71">
  275.                         <div class="image">
  276.                             <img src="{{ asset('assets/assets/images/top_search/SG-9340__00.jpg') }}">
  277.                         </div>
  278.                         <div class="size">
  279.                             <p class="title">箔押しデザイン</p>
  280.                             <p class="text">
  281.                                 箔押し印刷で高級感のあるデザイン!!
  282.                             </p>
  283.                         </div>
  284.                     </a>
  285.                 </div>
  286.                 <div class="block">
  287.                     <a href="/products/list?category_id=19">
  288.                         <div class="image">
  289.                             <img src="{{ asset('assets/assets/images/top_search/NK-578__00.jpg') }}">
  290.                         </div>
  291.                         <div class="size">
  292.                             <p class="title">カラー印刷対応</p>
  293.                             <p class="text">
  294.                                 会社のロゴやイメージをカラーで名入れ!!
  295.                             </p>
  296.                         </div>
  297.                     </a>
  298.                 </div>
  299.                 <div class="block">
  300.                     <a href="/products/list?category_id=22">
  301.                         <div class="image">
  302.                             <img src="{{ asset('assets/assets/images/top_search/SB-463__00.jpg') }}">
  303.                         </div>
  304.                         <div class="size">
  305.                             <p class="title">その他</p>
  306.                             <p class="text">
  307.                                 実用性のある個性的なカレンダー!!
  308.                             </p>
  309.                         </div>
  310.                     </a>
  311.                 </div>
  312.             </div>
  313.             {# 特徴から探す #}
  314.             <div class="contents tabblock">
  315.                 <div class="block">
  316.                     <a href="/products/list?category_id=66">
  317.                         <div class="image">
  318.                             <img src="{{ asset('assets/assets/images/top_search/NA-504__00.jpg') }}">
  319.                         </div>
  320.                         <div class="size">
  321.                             <p class="title">新企画・新商品</p>
  322.                             <p class="text">
  323.                                 2026年度の新企画・新商品!!
  324.                             </p>
  325.                         </div>
  326.                     </a>
  327.                 </div>
  328.                 <div class="block">
  329.                     <a href="/products/list?category_id=76">
  330.                         <div class="image">
  331.                             <img src="{{ asset('assets/assets/images/top_search/NK-154__00.jpg') }}">
  332.                         </div>
  333.                         <div class="size">
  334.                             <p class="title">表紙ナシ</p>
  335.                             <p class="text">
  336.                                 表紙ナシで環境に配慮したカレンダー!!
  337.                             </p>
  338.                         </div>
  339.                     </a>
  340.                 </div>
  341.                 <div class="block">
  342.                     <a href="/products/list?category_id=15">
  343.                         <div class="image">
  344.                             <img src="{{ asset('assets/assets/images/top_search/NK-82__00.jpg') }}">
  345.                         </div>
  346.                         <div class="size">
  347.                             <p class="title">Webにつながる</p>
  348.                             <p class="text">
  349.                                 Webコンテンツが楽しめるカレンダー!!
  350.                             </p>
  351.                         </div>
  352.                     </a>
  353.                 </div>
  354.                 <div class="block">
  355.                     <a href="/products/list?category_id=30">
  356.                         <div class="image">
  357.                             <img src="{{ asset('assets/assets/images/top_search/DK-161__00.jpg') }}">
  358.                         </div>
  359.                         <div class="size">
  360.                             <p class="title">六曜ナシ</p>
  361.                             <p class="text">
  362.                                 日付だけのシンプルなカレンダー!!
  363.                             </p>
  364.                         </div>
  365.                     </a>
  366.                 </div>
  367.                 <div class="block">
  368.                     <a href="/products/list?category_id=67">
  369.                         <div class="image">
  370.                             <img src="{{ asset('assets/assets/images/top_search/NK-196__00.jpg') }}">
  371.                         </div>
  372.                         <div class="size">
  373.                             <p class="title">晴雨表付き</p>
  374.                             <p class="text">
  375.                                 天候に関わる職業の方にオススメ!!
  376.                             </p>
  377.                         </div>
  378.                     </a>
  379.                 </div>
  380.                 <div class="block">
  381.                     <a href="/products/list?category_id=26">
  382.                         <div class="image">
  383.                             <img src="{{ asset('assets/assets/images/top_search/TD-788__00.jpg') }}">
  384.                         </div>
  385.                         <div class="size">
  386.                             <p class="title">ミシン目入り</p>
  387.                             <p class="text">
  388.                                 二ヶ月・三ヶ月表示で次の月も見れて便利!!
  389.                             </p>
  390.                         </div>
  391.                     </a>
  392.                 </div>
  393.                 <div class="block">
  394.                     <a href="/products/list?category_id=63">
  395.                         <div class="image">
  396.                             <img src="{{ asset('assets/assets/images/top_search/NY-0001__00.jpg') }}">
  397.                         </div>
  398.                         <div class="size">
  399.                             <p class="title">封筒で発送</p>
  400.                             <p class="text">
  401.                             メール便・封筒で発送対応!!
  402.                             </p>
  403.                         </div>
  404.                     </a>
  405.                 </div>
  406.                 <div class="block">
  407.                     <a href="/products/list?category_id=25">
  408.                         <div class="image">
  409.                             <img src="{{ asset('assets/assets/images/top_search/SP-143__00.jpg') }}">
  410.                         </div>
  411.                         <div class="size">
  412.                             <p class="title">ヘッダー名入れ</p>
  413.                             <p class="text">
  414.                                 ヘッダー部分に名入れでイメージアップ!!
  415.                             </p>
  416.                         </div>
  417.                     </a>
  418.                 </div>
  419.                 <div class="block">
  420.                     <a href="/products/list?category_id=68">
  421.                         <div class="image">
  422.                             <img src="{{ asset('assets/assets/images/top_search/NK-465__00.jpg') }}">
  423.                         </div>
  424.                         <div class="size">
  425.                             <p class="title">月の満ち欠け・潮汐表</p>
  426.                             <p class="text">
  427.                                 月の満ち欠け・潮汐表入りで実用性も抜群!!
  428.                             </p>
  429.                         </div>
  430.                     </a>
  431.                 </div>
  432.                 <div class="block">
  433.                     <a href="/products/list?category_id=73">
  434.                         <div class="image">
  435.                             <img src="{{ asset('assets/assets/images/top_search/TD-883__00.jpg') }}">
  436.                         </div>
  437.                         <div class="size">
  438.                             <p class="title">縁起物</p>
  439.                             <p class="text">
  440.                                 開運の象徴のカレンダーを揃えました!!
  441.                             </p>
  442.                         </div>
  443.                     </a>
  444.                 </div>
  445.             </div>
  446. </div>
  447.         </div>
  448.     </section>
  449.     <section id="carender">
  450.         <article>
  451.             <h2 class="parabox">
  452.                 特選卓上カレンダー
  453.                 <small>DESK CALENDAR</small>
  454.             </h2>
  455.             <div class="contents parabox">
  456.         
  457.     {% set Category = repository('Eccube\\Entity\\Category').find(8) %}
  458. {% set products = repository('Eccube\\Entity\\Product')
  459.     .createQueryBuilder('p')
  460.     .innerJoin('p.ProductCategories', 'pc')
  461.     .where('pc.Category = :category_id')
  462.     .andWhere('p.Status = 1')
  463.     .setParameter('category_id', Category.id)
  464.     .orderBy('p.plg_sort_no', 'ASC')
  465.     .setMaxResults(12)
  466.     .getQuery()
  467.     .getResult()
  468. %}
  469.             {% if products %}
  470.             {% for Product in products %}
  471.            
  472. <div class="block">
  473.                                  <a href="{{ url('product_detail', {'id': Product.id}) }}">
  474.                                   {% if Product.stock_find %}
  475.                                     <div class="image">
  476.                                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  477.                                     </div>
  478. {% else %}
  479. <div class="image souldout">
  480.                                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  481.                                     </div>
  482. {% endif %}
  483.                                     <p class="title">
  484.                                         {{ Product.name }}
  485.                                     </p>
  486.                                     {% if Product.code_min is not empty %}<p class="type">{{ Product.code_min }}</p>{% endif %}
  487. {# 価格表示ここから #}
  488. {# 在庫があるかどうか #}
  489. {% if Product.stock_find %}
  490. {# 販売価格にテキストがあるかどうか #}
  491. {% if Product.ViewData(11) is not empty %}
  492. <p class="price"><span>{{Product.ViewData(11)}}</span></p>
  493. {# 販売価格にテキストがない場合価格を表示 0円の場合は準備中のテキストを表示 #}
  494. {% else %}
  495. {% if Product.hasProductClass -%}
  496.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  497.                                 <p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
  498.                             {% else %}
  499.                                 <p class="price"><span>{{ Product.getPrice02IncTaxMin|price }}
  500.                                         ~
  501.                                         {{ Product.getPrice02IncTaxMax|price }}</span>/100冊</p>
  502.                             {% endif %}
  503.                         {% else %}
  504.                        <p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
  505.                         {% endif %}
  506. {% endif %}
  507. {# 在庫がない場合 #}
  508.  {% else %}
  509.  {# 販売価格にテキストがあるかどうか #}
  510. {% if Product.ViewData(11) is not empty %}
  511. <p class="price"><span>{{Product.ViewData(11)}}</span></p>
  512. {# 販売価格にテキストがない場合 #}
  513. {% else %}
  514. <p class="price"><span>{{ include('Block/textcampaign.twig') }}</span></p>
  515. {% endif %}
  516. {% endif %}
  517. {# 価格表示ここまで #}
  518.                                 </a>
  519.                             </div>
  520.             {% endfor %}
  521.             {% endif %}
  522.             </div>
  523.         </article>
  524.         <article>
  525.             <h2 class="parabox">
  526.                 特選壁掛けカレンダー
  527.                 <small>WALL CALENDAR</small>
  528.             </h2>
  529.             <div class="contents parabox">
  530.     {% set Category = repository('Eccube\\Entity\\Category').find(7) %}
  531. {% set products = repository('Eccube\\Entity\\Product')
  532.     .createQueryBuilder('p')
  533.     .innerJoin('p.ProductCategories', 'pc')
  534.     .where('pc.Category = :category_id')
  535.     .andWhere('p.Status = 1')
  536.     .setParameter('category_id', Category.id)
  537.     .orderBy('p.plg_sort_no', 'ASC')
  538.     .setMaxResults(12)
  539.     .getQuery()
  540.     .getResult()
  541. %}
  542.             {% if products %}
  543.             {% for Product in products %}
  544.              
  545.            
  546. <div class="block">
  547.                                  <a href="{{ url('product_detail', {'id': Product.id}) }}">
  548.                                   {% if Product.stock_find %}
  549.                                     <div class="image">
  550.                                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  551.                                     </div>
  552. {% else %}
  553. <div class="image souldout">
  554.                                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  555.                                     </div>
  556. {% endif %}
  557.                                     <p class="title">
  558.                                         {{ Product.name }}
  559.                                     </p>
  560.                                     {% if Product.code_min is not empty %}<p class="type">{{ Product.code_min }}</p>{% endif %}
  561. {# 価格表示ここから #}
  562. {# 在庫があるかどうか #}
  563. {% if Product.stock_find %}
  564. {# 販売価格にテキストがあるかどうか #}
  565. {% if Product.ViewData(11) is not empty %}
  566. <p class="price"><span>{{Product.ViewData(11)}}</span></p>
  567. {# 販売価格にテキストがない場合価格を表示 0円の場合は準備中のテキストを表示 #}
  568. {% else %}
  569. {% if Product.hasProductClass -%}
  570.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  571.                                 <p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
  572.                             {% else %}
  573.                                 <p class="price"><span>{{ Product.getPrice02IncTaxMin|price }}
  574.                                         ~
  575.                                         {{ Product.getPrice02IncTaxMax|price }}</span>/100冊</p>
  576.                             {% endif %}
  577.                         {% else %}
  578.                        <p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
  579.                         {% endif %}
  580. {% endif %}
  581. {# 在庫がない場合 #}
  582.  {% else %}
  583.  {# 販売価格にテキストがあるかどうか #}
  584. {% if Product.ViewData(11) is not empty %}
  585. <p class="price"><span>{{Product.ViewData(11)}}</span></p>
  586. {# 販売価格にテキストがない場合 #}
  587. {% else %}
  588. <p class="price"><span>{{ include('Block/textcampaign.twig') }}</span></p>
  589. {% endif %}
  590. {% endif %}
  591. {# 価格表示ここまで #}
  592.                                 </a>
  593.                             </div>
  594.             {% endfor %}
  595.             {% endif %}
  596. </div>
  597.             </article>
  598.         </section>
  599. {# <script>
  600.         $(function() {
  601.             $('.blogsRole__blogs').each(function() {
  602.                 var listLength = $(this).find('.blogsRole__blogsItem').length;
  603.                 if (listLength > 4) {
  604.                     $(this).find('.blogsRole__blogsItem:gt(3)').each(function() {
  605.                         $(this).hide();
  606.                     });
  607.                     var dispNum = 4;
  608.                     $(this).find('#news_readmore').click(function() {
  609.                         dispNum += 4;
  610.                         $(this).parent().find('.blogsRole__blogsItem:lt(' + dispNum + ')').show();
  611.                         if (dispNum >= listLength) {
  612.                             $(this).hide();
  613.                         }
  614.                     })
  615.                 }
  616.             });
  617.         });
  618.     </script> #}
  619.         <section id="news">
  620.             <div class="inner">
  621.                 <article class="animationLR">
  622.                     <h2>
  623.                         お知らせ
  624.                         <small>NEWS</small>
  625.                     </h2>
  626.                     <div class="contents">
  627. {% set Category_news = repository("Plugin\\Blogs42\\Entity\\Category").find(2) %}
  628. {% 
  629. set BlogsList_news = repository('Plugin\\Blogs42\\Entity\\Blogs')
  630. .getQueryBuilderBySearchData({'blogs_category_id':Category_news})
  631. .setMaxResults(4)
  632. .getQuery()
  633. .getResult()
  634. %}
  635. {% if BlogsList_news %}
  636.     
  637.                 {% for Blogs in BlogsList_news %}
  638.                      <article>
  639.                             <a href="{{ url('blogs42_detail', {'id': Blogs.id}) }}">
  640.                                     <time>{{ Blogs.publish_date|date_format('', 'Y.m.d') }}</time>
  641.                                     <p class="title">{{ Blogs.title|raw|nl2br }}</p>
  642.                                 </a>
  643.                             </article>
  644.                 {% endfor %}
  645.             
  646. {% endif %}
  647. {# 
  648.                         <article>
  649.                             <a href="">
  650.                                 <time>2025.01.20</time>
  651.                                 <p class="title">2026年版廃番になりましたリストページです…</p>
  652.                             </a>
  653.                         </article>
  654.                         <article>
  655.                             <a href="">
  656.                                 <time>2024.12.13</time>
  657.                                 <p class="title">年内発送確約の受付は、12月16日(月)正午ま…</p>
  658.                             </a>
  659.                         </article>
  660.                         <article>
  661.                             <a href="">
  662.                                 <time>2024.11.28</time>
  663.                                 <p class="title">本年度の、黒以外(多色・特色・基本色黒以…</p>
  664.                             </a>
  665.                         </article>
  666.                         <article>
  667.                             <a href="">
  668.                                 <time>2024.11.15</time>
  669.                                 <p class="title">短納期商品のご案内となります。…</p>
  670.                             </a>
  671.                         </article>
  672.  #}
  673.                     </div>
  674.                     <div class="btn">
  675.                         <a href="/blogs/list?blogs_category_id=2">お知らせ一覧へ</a>
  676.                     </div>
  677.                 </article>
  678.                 <article class="animationLR">
  679.                     <h2>
  680.                         スタッフブログ
  681.                         <small>BLOG</small>
  682.                     </h2>
  683.                     <div class="contents">
  684. {% set Category_sblog = repository("Plugin\\Blogs42\\Entity\\Category").find(1) %}
  685. {% 
  686. set BlogsList_sblog = repository('Plugin\\Blogs42\\Entity\\Blogs')
  687. .getQueryBuilderBySearchData({'blogs_category_id':Category_sblog})
  688. .setMaxResults(4)
  689. .getQuery()
  690. .getResult()
  691. %}
  692. {% if BlogsList_sblog %}
  693.     
  694.                 {% for Blogs in BlogsList_sblog %}
  695.                      <article>
  696.                             <a href="{{ url('blogs42_detail', {'id': Blogs.id}) }}">
  697.                     
  698.                                     <time>{{ Blogs.publish_date|date_format('', 'Y.m.d') }}</time>
  699.                                     <p class="title">{{ Blogs.title|raw|nl2br }}</p>
  700.                                 </a>
  701.                             </article>
  702.                 {% endfor %}
  703.             
  704. {% endif %}
  705.                     {# 
  706.                         <article>
  707.                             <a href="">
  708.                                 <time>2025.01.20</time>
  709.                                 <p class="title">2026年版廃番リスト</p>
  710.                             </a>
  711.                         </article>
  712.                         <article>
  713.                             <a href="">
  714.                                 <time>2025.01.17</time>
  715.                                 <p class="title">4月始まりカレンダー</p>
  716.                             </a>
  717.                         </article>
  718.                         <article>
  719.                             <a href="">
  720.                                 <time>2024.10.25</time>
  721.                                 <p class="title">二十四節気カレンダー</p>
  722.                             </a>
  723.                         </article>
  724.                         <article>
  725.                             <a href="">
  726.                                 <time>2024.10.23</time>
  727.                                 <p class="title">ジャンボカレンダー</p>
  728.                             </a>
  729.                         </article>
  730.  #}
  731.                     </div>
  732.                     <div class="btn">
  733.                         <a href="/blogs/list?blogs_category_id=1">スタッフブログ一覧へ</a>
  734.                     </div>
  735.                 </article>
  736.             </div>
  737.         </section>
  738.     {% endblock %}