app/template/kinkodo/index.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. {% set body_class = 'front_page' %}
  15. {% block stylesheet %}
  17.     <link rel="stylesheet" href="{{ asset('assets/assets/css/index.css') }}"/>
  19. {% endblock %}
  21. {% block javascript %}{% endblock javascript %}
  23. {% block main %}
  24.     <section id="mainimg">
  25.     {# 
  26.         <div id="mainslider">
  27.             <img src="{{ asset('assets/assets/images/mainimg.jpg') }}">
  28.             <img src="{{ asset('assets/assets/images/mainimg2.jpg') }}">
  29.             <img src="{{ asset('assets/assets/images/mainimg3.jpg') }}">
  30.         </div>
  31.  #}
  32.         {{ TabaBannerManager('top_mainslider')|raw }}
  35.     </section>
  36.     <section id="bnrs">
  37.     {#     <div class="bnr over parabox">
  38.             <a href="">
  39.                 <img src="{{ asset('assets/assets/images/bnr1.png') }}">
  40.             </a>
  41.         </div>
  42.         <div class="bnr yellow parabox">
  43.             <a href="">
  44.                 <img src="{{ asset('assets/assets/images/bnr2.jpg') }}">
  45.             </a>
  46.         </div>
  47.         <div class="bnr red parabox">
  48.             <a href="">
  49.             
  50.                 <img src="{{ asset('assets/assets/images/bnr3.jpg') }}">
  51.             </a>
  52.         </div>
  53.         <div class="bnr green parabox">
  54.             <a href="">
  55.                 <img src="{{ asset('assets/assets/images/bnr4.jpg') }}">
  56.             </a>
  57.         </div>
  58.         <div class="bnr red parabox">
  59.             <a href="">
  60.                 <img src="{{ asset('assets/assets/images/bnr5.jpg') }}">
  61.             </a>
  62.         </div> #}
  64.          {{ TabaBannerManager('top_bnr')|raw }}
  67.     </section>
  69.     <!-- 20260216 -->
  70.     <h1 class="scn_h1">名入れカレンダー印刷・企業カレンダー制作｜10冊〜の小ロット対応【きんこうどう】</h1>
  71.     <!-- 20260216 -->
  73.     <section id="search">
  74.         <h2>
  75.             <span>カレンダーを探す</span>
  76.             <small>PRODUCT LIST</small>
  77.         </h2>
  78.         <div class="inner">
  79.             <span class="shape"></span>
  82. <div class="tabscontent">
  85.             <div class="searchcategory">
  86.                 <ul>
  87.                     <li class="tabbtn open wallhanging">壁掛けから探す</li>
  88.                     <li class="tabbtn tabletop">卓上から探す</li>
  89.                     <li class="tabbtn features">特徴から探す</li>
  90.                     
  91.                 </ul>
  92.             </div>
  95.             {# 壁掛けから探す #}
  96.             <div class="contents tabblock">
  97.                 <div class="block">
  98.                     <a href="/products/list?category_id=28">
  99.                         <div class="image">
  100.                             <img src="{{ asset('assets/assets/images/top_search/OT-101__00.webp') }}">
  101.                         </div>
  102.                         <div class="size">
  103.                             <p class="title">レギュラーサイズ</p>
  104.                             <p class="text">
  105.                                 46/4切
  106.                                 <br>
  107.                                 約535×380m/m
  108.                             </p>
  109.                         </div>
  110.                     </a>
  111.                 </div>
  112.                 <div class="block">
  113.                     <a href="/products/list?category_id=27">
  114.                         <div class="image">
  115.                             <img src="{{ asset('assets/assets/images/top_search/NK-186__00.webp') }}">
  116.                         </div>
  117.                         <div class="size">
  118.                             <p class="title">ラージサイズ</p>
  119.                             <p class="text">
  120.                                 A/2切
  121.                                 <br>
  122.                                 約610×425 m/m
  123.                             </p>
  124.                         </div>
  125.                     </a>
  126.                 </div>
  127.                 <div class="block">
  128.                     <a href="/products/list?category_id=20">
  129.                         <div class="image">
  130.                             <img src="{{ asset('assets/assets/images/top_search/OT-302__00.webp') }}">
  131.                         </div>
  132.                         <div class="size">
  133.                             <p class="title">ジャンボサイズ</p>
  134.                             <p class="text">
  135.                                 46/2切
  136.                                 <br>
  137.                                 約760×504 m/m
  138.                             </p>
  139.                         </div>
  140.                     </a>
  141.                 </div>
  142.                 <div class="block">
  143.                     <a href="/products/list?category_id=75">
  144.                         <div class="image">
  145.                             <img src="{{ asset('assets/assets/images/top_search/NK-189__00.webp') }}">
  146.                         </div>
  147.                         <div class="size">
  148.                             <p class="title">縦長サイズ</p>
  149.                             <p class="text">
  150.                                 46/3切
  151.                                 <br>
  152.                                 約760×350 m/m
  153.                             </p>
  154.                         </div>
  155.                     </a>
  156.                 </div>
  157.                 <div class="block">
  158.                     <a href="/products/list?category_id=74">
  159.                         <div class="image">
  160.                             <img src="{{ asset('assets/assets/images/top_search/NK-182__00.webp') }}">
  161.                         </div>
  162.                         <div class="size">
  163.                             <p class="title">縦長・小サイズ</p>
  164.                             <p class="text">
  165.                                 46/6切
  166.                                 <br>
  167.                                 約535×260m/m
  168.                             </p>
  169.                         </div>
  170.                     </a>
  171.                 </div>
  172.                 <div class="block">
  173.                     <a href="/products/list?category_id=23">
  174.                         <div class="image">
  175.                             <img src="{{ asset('assets/assets/images/top_search/TD-964__00.webp') }}">
  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=17">
  184.                         <div class="image">
  185.                             <img src="{{ asset('assets/assets/images/top_search/TD-691__00.webp') }}">
  186.                         </div>
  187.                         <div class="size">
  188.                             <p class="title">インデックス(壁掛け)</p>
  189.                             <p class="text">
  190.                                 46/4切
  191.                                 <br>
  192.                                 約535×380m/m
  193.                             </p>
  194.                         </div>
  195.                     </a>
  196.                 </div>
  197.                 <div class="block">
  198.                     <a href="/products/list?category_id=29">
  199.                         <div class="image">
  200.                             <img src="{{ asset('assets/assets/images/top_search/NP-402__00.webp') }}">
  201.                         </div>
  202.                         <div class="size">
  203.                             <p class="title">中綴じ製本</p>
  204.                         </div>
  205.                     </a>
  206.                 </div>
  207.                 <div class="block">
  208.                     <a href="/products/list?category_id=69">
  209.                         <div class="image">
  210.                             <img src="{{ asset('assets/assets/images/top_search/NK-118__00.webp') }}">
  211.                         </div>
  212.                         <div class="size">
  213.                             <p class="title">海外仕様（外玉）</p>
  214.                         </div>
  215.                     </a>
  216.                 </div>
  217.             </div>
  220.             {# 卓上から探す #}
  221.             <div class="contents tabblock">
  222.                 <div class="block">
  223.                     <a href="/products/list?category_id=16">
  224.                         <div class="image">
  225.                             <img src="{{ asset('assets/assets/images/top_search/NK-528__00.webp') }}">
  226.                         </div>
  227.                         <div class="size">
  228.                             <p class="title">インデックス（卓上）</p>
  229.                             <p class="text">
  230.                                 下部・ヨコにインデックスが付いて便利!!
  231.                             </p>
  232.                         </div>
  233.                     </a>
  234.                 </div>
  235.                 <div class="block">
  236.                     <a href="/products/list?category_id=18">
  237.                         <div class="image">
  238.                             <img src="{{ asset('assets/assets/images/top_search/TS-400B__00.webp') }}">
  239.                         </div>
  240.                         <div class="size">
  241.                             <p class="title">エコリング製本</p>
  242.                             <p class="text">
  243.                                 素材がすべて紙で出来ている環境に優しい!!
  244.                             </p>
  245.                         </div>
  246.                     </a>
  247.                 </div>
  248.                 <div class="block">
  249.                     <a href="/products/list?category_id=78">
  250.                         <div class="image">
  251.                             <img src="{{ asset('assets/assets/images/top_search/NK-510__00.webp') }}">
  252.                         </div>
  253.                         <div class="size">
  254.                             <p class="title">金具リング製本</p>
  255.                             <p class="text">
  256.                                 めくり易さで選ぶ金具製本タイプ!!
  257.                             </p>
  258.                         </div>
  259.                     </a>
  260.                 </div>
  261.                 <div class="block">
  262.                     <a href="/products/list?category_id=21">
  263.                         <div class="image">
  264.                             <img src="{{ asset('assets/assets/images/top_search/NK-526__00.webp') }}">
  265.                         </div>
  266.                         <div class="size">
  267.                             <p class="title">セパレートタイプ</p>
  268.                             <p class="text">
  269.                                 予定管理に最適な2ヶ月・3ヶ月タイプ!!
  270.                             </p>
  271.                         </div>
  272.                     </a>
  273.                 </div>
  274.                 <div class="block">
  275.                     <a href="/products/list?category_id=24">
  276.                         <div class="image">
  277.                             <img src="{{ asset('assets/assets/images/top_search/NK-485__00.webp') }}">
  278.                         </div>
  279.                         <div class="size">
  280.                             <p class="title">プラスチックスタンド</p>
  281.                             <p class="text">
  282.                                 プラスチックの型枠・薄型で携帯性に抜群!!
  283.                             </p>
  284.                         </div>
  285.                     </a>
  286.                 </div>
  287.                 <div class="block">
  288.                     <a href="/products/list?category_id=72">
  289.                         <div class="image">
  290.                             <img src="{{ asset('assets/assets/images/top_search/NK-521__00.webp') }}">
  291.                         </div>
  292.                         <div class="size">
  293.                             <p class="title">紙スタンド</p>
  294.                             <p class="text">
  295.                                 地球環境に配慮した定番タイプ!!
  296.                             </p>
  297.                         </div>
  298.                     </a>
  299.                 </div>
  300.                 <div class="block">
  301.                     <a href="/products/list?category_id=71">
  302.                         <div class="image">
  303.                             <img src="{{ asset('assets/assets/images/top_search/SG-9340__00.webp') }}">
  304.                         </div>
  305.                         <div class="size">
  306.                             <p class="title">箔押しデザイン</p>
  307.                             <p class="text">
  308.                                 箔押し印刷で高級感のあるデザイン!!
  309.                             </p>
  310.                         </div>
  311.                     </a>
  312.                 </div>
  313.                 <div class="block">
  314.                     <a href="/products/list?category_id=19">
  315.                         <div class="image">
  316.                             <img src="{{ asset('assets/assets/images/top_search/NK-578__00.webp') }}">
  317.                         </div>
  318.                         <div class="size">
  319.                             <p class="title">カラー印刷対応</p>
  320.                             <p class="text">
  321.                                 会社のロゴやイメージをカラーで名入れ!!
  322.                             </p>
  323.                         </div>
  324.                     </a>
  325.                 </div>
  326.                 <div class="block">
  327.                     <a href="/products/list?category_id=22">
  328.                         <div class="image">
  329.                             <img src="{{ asset('assets/assets/images/top_search/SB-463__00.webp') }}">
  330.                         </div>
  331.                         <div class="size">
  332.                             <p class="title">その他</p>
  333.                             <p class="text">
  334.                                 実用性のある個性的なカレンダー!!
  335.                             </p>
  336.                         </div>
  337.                     </a>
  338.                 </div>
  339.             </div>
  343.             {# 特徴から探す #}
  344.             <div class="contents tabblock">
  345.                 <div class="block">
  346.                     <a href="/products/list?category_id=66">
  347.                         <div class="image">
  348.                             <img src="{{ asset('assets/assets/images/top_search/NA-504__00.webp') }}">
  349.                         </div>
  350.                         <div class="size">
  351.                             <p class="title">新企画・新商品</p>
  352.                             <p class="text">
  353.                                 2026年度の新企画・新商品!!
  354.                             </p>
  355.                         </div>
  356.                     </a>
  357.                 </div>
  358.                 <div class="block">
  359.                     <a href="/products/list?category_id=76">
  360.                         <div class="image">
  361.                             <img src="{{ asset('assets/assets/images/top_search/NK-154__00.webp') }}">
  362.                         </div>
  363.                         <div class="size">
  364.                             <p class="title">表紙ナシ</p>
  365.                             <p class="text">
  366.                                 表紙ナシで環境に配慮したカレンダー!!
  367.                             </p>
  368.                         </div>
  369.                     </a>
  370.                 </div>
  371.                 <div class="block">
  372.                     <a href="/products/list?category_id=15">
  373.                         <div class="image">
  374.                             <img src="{{ asset('assets/assets/images/top_search/NK-82__00.webp') }}">
  375.                         </div>
  376.                         <div class="size">
  377.                             <p class="title">Webにつながる</p>
  378.                             <p class="text">
  379.                                 Webコンテンツが楽しめるカレンダー!!
  380.                             </p>
  381.                         </div>
  382.                     </a>
  383.                 </div>
  384.                 <div class="block">
  385.                     <a href="/products/list?category_id=30">
  386.                         <div class="image">
  387.                             <img src="{{ asset('/html/user_data/YK-873.jpg') }}">
  388.                         </div>
  389.                         <div class="size">
  390.                             <p class="title">六曜ナシ</p>
  391.                             <p class="text">
  392.                                 日付だけのシンプルなカレンダー!!
  393.                             </p>
  394.                         </div>
  395.                     </a>
  396.                 </div>
  397.                 <div class="block">
  398.                     <a href="/products/list?category_id=67">
  399.                         <div class="image">
  400.                             <img src="{{ asset('assets/assets/images/top_search/NK-196__00.webp') }}">
  401.                         </div>
  402.                         <div class="size">
  403.                             <p class="title">晴雨表付き</p>
  404.                             <p class="text">
  405.                                 天候に関わる職業の方にオススメ!!
  406.                             </p>
  407.                         </div>
  408.                     </a>
  409.                 </div>
  410.                 <div class="block">
  411.                     <a href="/products/list?category_id=26">
  412.                         <div class="image">
  413.                             <img src="{{ asset('assets/assets/images/top_search/TD-788__00.webp') }}">
  414.                         </div>
  415.                         <div class="size">
  416.                             <p class="title">ミシン目入り</p>
  417.                             <p class="text">
  418.                                 二ヶ月・三ヶ月表示で次の月も見れて便利!!
  419.                             </p>
  420.                         </div>
  421.                     </a>
  422.                 </div>
  423.                 <div class="block">
  424.                     <a href="/products/list?category_id=63">
  425.                         <div class="image">
  426.                             <img src="{{ asset('assets/assets/images/top_search/NY-0001__00.webp') }}">
  427.                         </div>
  428.                         <div class="size">
  429.                             <p class="title">封筒で発送</p>
  430.                             <p class="text">
  431.                             メール便・封筒で発送対応!!
  432.                             </p>
  433.                         </div>
  434.                     </a>
  435.                 </div>
  436.                 <div class="block">
  437.                     <a href="/products/list?category_id=25">
  438.                         <div class="image">
  439.                             <img src="{{ asset('assets/assets/images/top_search/SP-143__00.webp') }}">
  440.                         </div>
  441.                         <div class="size">
  442.                             <p class="title">ヘッダー名入れ</p>
  443.                             <p class="text">
  444.                                 ヘッダー部分に名入れでイメージアップ!!
  445.                             </p>
  446.                         </div>
  447.                     </a>
  448.                 </div>
  449.                 <div class="block">
  450.                     <a href="/products/list?category_id=68">
  451.                         <div class="image">
  452.                             <img src="{{ asset('assets/assets/images/top_search/NK-465__00.webp') }}">
  453.                         </div>
  454.                         <div class="size">
  455.                             <p class="title">月の満ち欠け・潮汐表</p>
  456.                             <p class="text">
  457.                                 月の満ち欠け・潮汐表入りで実用性も抜群!!
  458.                             </p>
  459.                         </div>
  460.                     </a>
  461.                 </div>
  462.                 <div class="block">
  463.                     <a href="/products/list?category_id=73">
  464.                         <div class="image">
  465.                             <img src="{{ asset('assets/assets/images/top_search/TD-883__00.webp') }}">
  466.                         </div>
  467.                         <div class="size">
  468.                             <p class="title">縁起物</p>
  469.                             <p class="text">
  470.                                 開運の象徴のカレンダーを揃えました!!
  471.                             </p>
  472.                         </div>
  473.                     </a>
  474.                 </div>
  475.             </div>
  479. </div>
  485.         </div>
  486.     </section>
  489.     <section id="carender">
  490.         <article>
  491.             <h2 class="parabox">
  492.                 特選卓上カレンダー12選
  493.                 <small>DESK CALENDAR</small>
  494.             </h2>
  497.             <div class="contents parabox">
  499.         
  503.     {% set Category = repository('Eccube\\Entity\\Category').find(8) %}
  504. {% set products = repository('Eccube\\Entity\\Product')
  505.     .createQueryBuilder('p')
  506.     .innerJoin('p.ProductCategories', 'pc')
  507.     .where('pc.Category = :category_id')
  508.     .andWhere('p.Status = 1')
  509.     .setParameter('category_id', Category.id)
  510.     .orderBy('p.plg_sort_no', 'ASC')
  511.     .setMaxResults(12)
  512.     .getQuery()
  513.     .getResult()
  514. %}
  516.             {% if products %}
  517.             {% for Product in products %}
  518.            
  520. <div class="block">
  521.                                  <a href="{{ url('product_detail', {'id': Product.id}) }}">
  523.                                   {% if Product.stock_find %}
  524.                                     <div class="image">
  525.                                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  526.                                     </div>
  527. {% else %}
  528. <div class="image souldout">
  529.                                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  530.                                     </div>
  531. {% endif %}
  533.                                     <p class="title">
  534.                                         {{ Product.name }}
  535.                                     </p>
  536.                                     {% if Product.code_min is not empty %}<p class="type">{{ Product.code_min }}</p>{% endif %}
  541. {# 価格表示ここから #}
  543. {# 在庫があるかどうか #}
  544. {% if Product.stock_find %}
  546. {# 販売価格にテキストがあるかどうか #}
  547. {% if Product.ViewData(11) is not empty %}
  548. <p class="price"><span>{{Product.ViewData(11)}}</span></p>
  550. {# 販売価格にテキストがない場合価格を表示　０円の場合は準備中のテキストを表示 #}
  551. {% else %}
  552. {% if Product.hasProductClass -%}
  553.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  555.                                 <p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
  557.                             {% else %}
  558.                                 <p class="price"><span>{{ Product.getPrice02IncTaxMin|price }}
  559.                                         ～
  560.                                         {{ Product.getPrice02IncTaxMax|price }}</span>/100冊</p>
  561.                             {% endif %}
  562.                         {% else %}
  563.                        <p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
  564.                         {% endif %}
  566. {% endif %}
  569. {# 在庫がない場合 #}
  570.  {% else %}
  572.  {# 販売価格にテキストがあるかどうか #}
  573. {% if Product.ViewData(11) is not empty %}
  574. <p class="price"><span>{{Product.ViewData(11)}}</span></p>
  575. {# 販売価格にテキストがない場合 #}
  576. {% else %}
  577. <p class="price"><span>{{ include('Block/textcampaign.twig') }}</span></p>
  578. {% endif %}
  580. {% endif %}
  581. {# 価格表示ここまで #}
  588.                                 </a>
  589.                             </div>
  592.             {% endfor %}
  593.             {% endif %}
  597.             </div>
  602.         </article>
  604.         <article>
  605.             <h2 class="parabox">
  606.                 特選壁掛けカレンダー
  607.                 <small>WALL CALENDAR</small>
  608.             </h2>
  609.             <div class="contents parabox">
  611.     {% set Category = repository('Eccube\\Entity\\Category').find(7) %}
  612. {% set products = repository('Eccube\\Entity\\Product')
  613.     .createQueryBuilder('p')
  614.     .innerJoin('p.ProductCategories', 'pc')
  615.     .where('pc.Category = :category_id')
  616.     .andWhere('p.Status = 1')
  617.     .setParameter('category_id', Category.id)
  618.     .orderBy('p.plg_sort_no', 'ASC')
  619.     .setMaxResults(12)
  620.     .getQuery()
  621.     .getResult()
  622. %}
  624.             {% if products %}
  628.             {% for Product in products %}
  630.              
  631.            
  633. <div class="block">
  634.                                  <a href="{{ url('product_detail', {'id': Product.id}) }}">
  636.                                   {% if Product.stock_find %}
  637.                                     <div class="image">
  638.                                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  639.                                     </div>
  640. {% else %}
  641. <div class="image souldout">
  642.                                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  643.                                     </div>
  644. {% endif %}
  646.                                     <p class="title">
  647.                                         {{ Product.name }}
  648.                                     </p>
  649.                                     {% if Product.code_min is not empty %}<p class="type">{{ Product.code_min }}</p>{% endif %}
  654. {# 価格表示ここから #}
  656. {# 在庫があるかどうか #}
  657. {% if Product.stock_find %}
  659. {# 販売価格にテキストがあるかどうか #}
  660. {% if Product.ViewData(11) is not empty %}
  661. <p class="price"><span>{{Product.ViewData(11)}}</span></p>
  663. {# 販売価格にテキストがない場合価格を表示　０円の場合は準備中のテキストを表示 #}
  664. {% else %}
  665. {% if Product.hasProductClass -%}
  666.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  668.                                 <p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
  670.                             {% else %}
  671.                                 <p class="price"><span>{{ Product.getPrice02IncTaxMin|price }}
  672.                                         ～
  673.                                         {{ Product.getPrice02IncTaxMax|price }}</span>/100冊</p>
  674.                             {% endif %}
  675.                         {% else %}
  676.                        <p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
  677.                         {% endif %}
  679. {% endif %}
  682. {# 在庫がない場合 #}
  683.  {% else %}
  685.  {# 販売価格にテキストがあるかどうか #}
  686. {% if Product.ViewData(11) is not empty %}
  687. <p class="price"><span>{{Product.ViewData(11)}}</span></p>
  688. {# 販売価格にテキストがない場合 #}
  689. {% else %}
  690. <p class="price"><span>{{ include('Block/textcampaign.twig') }}</span></p>
  691. {% endif %}
  693. {% endif %}
  694. {# 価格表示ここまで #}
  697.                                 </a>
  698.                             </div>
  701.             {% endfor %}
  702.             {% endif %}
  708. </div>
  712.             </article>
  714.         </section>
  717. {# <script>
  718.         $(function() {
  719.             $('.blogsRole__blogs').each(function() {
  720.                 var listLength = $(this).find('.blogsRole__blogsItem').length;
  721.                 if (listLength > 4) {
  722.                     $(this).find('.blogsRole__blogsItem:gt(3)').each(function() {
  723.                         $(this).hide();
  724.                     });
  725.                     var dispNum = 4;
  726.                     $(this).find('#news_readmore').click(function() {
  727.                         dispNum += 4;
  728.                         $(this).parent().find('.blogsRole__blogsItem:lt(' + dispNum + ')').show();
  729.                         if (dispNum >= listLength) {
  730.                             $(this).hide();
  731.                         }
  732.                     })
  733.                 }
  734.             });
  735.         });
  736.     </script> #}
  738.         <section id="news">
  739.             <div class="inner">
  740.                 <article class="animationLR">
  741.                     <h2>
  742.                         お知らせ
  743.                         <small>NEWS</small>
  744.                     </h2>
  745.                     <div class="contents">
  747. {% set Category_news = repository("Plugin\\Blogs42\\Entity\\Category").find(2) %}
  748. {% 
  749. set BlogsList_news = repository('Plugin\\Blogs42\\Entity\\Blogs')
  750. .getQueryBuilderBySearchData({'blogs_category_id':Category_news})
  751. .setMaxResults(4)
  752. .getQuery()
  753. .getResult()
  754. %}
  755. {% if BlogsList_news %}
  756.     
  757.                 {% for Blogs in BlogsList_news %}
  758.                      <article>
  759.                             <a href="{{ url('blogs42_detail', {'id': Blogs.id}) }}">
  760.                                     <time>{{ Blogs.publish_date|date_format('', 'Y.m.d') }}</time>
  761.                                     <p class="title">{{ Blogs.title|raw|nl2br }}</p>
  762.                                 </a>
  763.                             </article>
  764.                 {% endfor %}
  765.             
  766. {% endif %}
  769. {# 
  770.                         <article>
  771.                             <a href="">
  772.                                 <time>2025.01.20</time>
  773.                                 <p class="title">2026年版廃番になりましたリストページです…</p>
  774.                             </a>
  775.                         </article>
  776.                         <article>
  777.                             <a href="">
  778.                                 <time>2024.12.13</time>
  779.                                 <p class="title">年内発送確約の受付は、12月16日(月)正午ま…</p>
  780.                             </a>
  781.                         </article>
  782.                         <article>
  783.                             <a href="">
  784.                                 <time>2024.11.28</time>
  785.                                 <p class="title">本年度の、黒以外（多色・特色・基本色黒以…</p>
  786.                             </a>
  787.                         </article>
  788.                         <article>
  789.                             <a href="">
  790.                                 <time>2024.11.15</time>
  791.                                 <p class="title">短納期商品のご案内となります。…</p>
  792.                             </a>
  793.                         </article>
  794.  #}
  796.                     </div>
  797.                     <div class="btn">
  798.                         <a href="/blogs/list?blogs_category_id=2">お知らせ一覧へ</a>
  799.                     </div>
  800.                 </article>
  801.                 <article class="animationLR">
  802.                     <h2>
  803.                         スタッフブログ
  804.                         <small>BLOG</small>
  805.                     </h2>
  806.                     <div class="contents">
  808. {% set Category_sblog = repository("Plugin\\Blogs42\\Entity\\Category").find(1) %}
  809. {% 
  810. set BlogsList_sblog = repository('Plugin\\Blogs42\\Entity\\Blogs')
  811. .getQueryBuilderBySearchData({'blogs_category_id':Category_sblog})
  812. .setMaxResults(4)
  813. .getQuery()
  814. .getResult()
  815. %}
  816. {% if BlogsList_sblog %}
  817.     
  818.                 {% for Blogs in BlogsList_sblog %}
  819.                      <article>
  820.                             <a href="{{ url('blogs42_detail', {'id': Blogs.id}) }}">
  821.                     
  822.                                     <time>{{ Blogs.publish_date|date_format('', 'Y.m.d') }}</time>
  823.                                     <p class="title">{{ Blogs.title|raw|nl2br }}</p>
  824.                                 </a>
  825.                             </article>
  826.                 {% endfor %}
  827.             
  828. {% endif %}
  829.                     {# 
  830.                         <article>
  831.                             <a href="">
  832.                                 <time>2025.01.20</time>
  833.                                 <p class="title">2026年版廃番リスト</p>
  834.                             </a>
  835.                         </article>
  836.                         <article>
  837.                             <a href="">
  838.                                 <time>2025.01.17</time>
  839.                                 <p class="title">4月始まりカレンダー</p>
  840.                             </a>
  841.                         </article>
  842.                         <article>
  843.                             <a href="">
  844.                                 <time>2024.10.25</time>
  845.                                 <p class="title">二十四節気カレンダー</p>
  846.                             </a>
  847.                         </article>
  848.                         <article>
  849.                             <a href="">
  850.                                 <time>2024.10.23</time>
  851.                                 <p class="title">ジャンボカレンダー</p>
  852.                             </a>
  853.                         </article>
  854.  #}
  856.                     </div>
  857.                     <div class="btn">
  858.                         <a href="/blogs/list?blogs_category_id=1">スタッフブログ一覧へ</a>
  859.                     </div>
  860.                 </article>
  861.             </div>
  862.         </section>
  863.     {% endblock %}