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.                 <!-- 20260324 リンクカレンダー　一覧ページへのリンク追加 -->
  218.                 <div class="btn scn-searchcategory-btn">
  219.                     <a href="/products/list?category_id=7">壁掛けカレンダーをもっと見る</a>
  220.                 </div>
  221.                 <!-- //20260324 リンクカレンダー　一覧ページへのリンク追加 -->
  222.             </div>
  225.             {# 卓上から探す #}
  226.             <div class="contents tabblock">
  227.                 <div class="block">
  228.                     <a href="/products/list?category_id=16">
  229.                         <div class="image">
  230.                             <img src="{{ asset('assets/assets/images/top_search/NK-528__00.webp') }}">
  231.                         </div>
  232.                         <div class="size">
  233.                             <p class="title">インデックス（卓上）</p>
  234.                             <p class="text">
  235.                                 下部・ヨコにインデックスが付いて便利!!
  236.                             </p>
  237.                         </div>
  238.                     </a>
  239.                 </div>
  240.                 <div class="block">
  241.                     <a href="/products/list?category_id=18">
  242.                         <div class="image">
  243.                             <img src="{{ asset('assets/assets/images/top_search/TS-400B__00.webp') }}">
  244.                         </div>
  245.                         <div class="size">
  246.                             <p class="title">エコリング製本</p>
  247.                             <p class="text">
  248.                                 素材がすべて紙で出来ている環境に優しい!!
  249.                             </p>
  250.                         </div>
  251.                     </a>
  252.                 </div>
  253.                 <div class="block">
  254.                     <a href="/products/list?category_id=78">
  255.                         <div class="image">
  256.                             <img src="{{ asset('assets/assets/images/top_search/NK-510__00.webp') }}">
  257.                         </div>
  258.                         <div class="size">
  259.                             <p class="title">金具リング製本</p>
  260.                             <p class="text">
  261.                                 めくり易さで選ぶ金具製本タイプ!!
  262.                             </p>
  263.                         </div>
  264.                     </a>
  265.                 </div>
  266.                 <div class="block">
  267.                     <a href="/products/list?category_id=21">
  268.                         <div class="image">
  269.                             <img src="{{ asset('assets/assets/images/top_search/NK-526__00.webp') }}">
  270.                         </div>
  271.                         <div class="size">
  272.                             <p class="title">セパレートタイプ</p>
  273.                             <p class="text">
  274.                                 予定管理に最適な2ヶ月・3ヶ月タイプ!!
  275.                             </p>
  276.                         </div>
  277.                     </a>
  278.                 </div>
  279.                 <div class="block">
  280.                     <a href="/products/list?category_id=24">
  281.                         <div class="image">
  282.                             <img src="{{ asset('assets/assets/images/top_search/NK-485__00.webp') }}">
  283.                         </div>
  284.                         <div class="size">
  285.                             <p class="title">プラスチックスタンド</p>
  286.                             <p class="text">
  287.                                 プラスチックの型枠・薄型で携帯性に抜群!!
  288.                             </p>
  289.                         </div>
  290.                     </a>
  291.                 </div>
  292.                 <div class="block">
  293.                     <a href="/products/list?category_id=72">
  294.                         <div class="image">
  295.                             <img src="{{ asset('assets/assets/images/top_search/NK-521__00.webp') }}">
  296.                         </div>
  297.                         <div class="size">
  298.                             <p class="title">紙スタンド</p>
  299.                             <p class="text">
  300.                                 地球環境に配慮した定番タイプ!!
  301.                             </p>
  302.                         </div>
  303.                     </a>
  304.                 </div>
  305.                 <div class="block">
  306.                     <a href="/products/list?category_id=71">
  307.                         <div class="image">
  308.                             <img src="{{ asset('assets/assets/images/top_search/SG-9340__00.webp') }}">
  309.                         </div>
  310.                         <div class="size">
  311.                             <p class="title">箔押しデザイン</p>
  312.                             <p class="text">
  313.                                 箔押し印刷で高級感のあるデザイン!!
  314.                             </p>
  315.                         </div>
  316.                     </a>
  317.                 </div>
  318.                 <div class="block">
  319.                     <a href="/products/list?category_id=19">
  320.                         <div class="image">
  321.                             <img src="{{ asset('assets/assets/images/top_search/NK-578__00.webp') }}">
  322.                         </div>
  323.                         <div class="size">
  324.                             <p class="title">カラー印刷対応</p>
  325.                             <p class="text">
  326.                                 会社のロゴやイメージをカラーで名入れ!!
  327.                             </p>
  328.                         </div>
  329.                     </a>
  330.                 </div>
  331.                 <div class="block">
  332.                     <a href="/products/list?category_id=22">
  333.                         <div class="image">
  334.                             <img src="{{ asset('assets/assets/images/top_search/SB-463__00.webp') }}">
  335.                         </div>
  336.                         <div class="size">
  337.                             <p class="title">その他</p>
  338.                             <p class="text">
  339.                                 実用性のある個性的なカレンダー!!
  340.                             </p>
  341.                         </div>
  342.                     </a>
  343.                 </div>
  344.                 <!-- 20260324 リンクカレンダー　一覧ページへのリンク追加 -->
  345.                 <div class="btn scn-searchcategory-btn">
  346.                     <a href="/products/list?category_id=8">卓上カレンダーをもっと見る</a>
  347.                 </div>
  348.                 <!-- //20260324 リンクカレンダー　一覧ページへのリンク追加 -->
  349.             </div>
  353.             {# 特徴から探す #}
  354.             <div class="contents tabblock">
  355.                 <div class="block">
  356.                     <a href="/products/list?category_id=66">
  357.                         <div class="image">
  358.                             <img src="{{ asset('assets/assets/images/top_search/NA-504__00.webp') }}">
  359.                         </div>
  360.                         <div class="size">
  361.                             <p class="title">新企画・新商品</p>
  362.                             <p class="text">
  363.                                 2027年度の新企画・新商品!!
  364.                             </p>
  365.                         </div>
  366.                     </a>
  367.                 </div>
  368.                 <div class="block">
  369.                     <a href="/products/list?category_id=76">
  370.                         <div class="image">
  371.                             <img src="{{ asset('assets/assets/images/top_search/NK-154__00.webp') }}">
  372.                         </div>
  373.                         <div class="size">
  374.                             <p class="title">表紙ナシ</p>
  375.                             <p class="text">
  376.                                 表紙ナシで環境に配慮したカレンダー!!
  377.                             </p>
  378.                         </div>
  379.                     </a>
  380.                 </div>
  381.                 <div class="block">
  382.                     <a href="/products/list?category_id=15">
  383.                         <div class="image">
  384.                             <img src="{{ asset('assets/assets/images/top_search/NK-82__00.webp') }}">
  385.                         </div>
  386.                         <div class="size">
  387.                             <p class="title">Webにつながる</p>
  388.                             <p class="text">
  389.                                 Webコンテンツが楽しめるカレンダー!!
  390.                             </p>
  391.                         </div>
  392.                     </a>
  393.                 </div>
  394.                 <div class="block">
  395.                     <a href="/products/list?category_id=30">
  396.                         <div class="image">
  397.                             <img src="{{ asset('/html/user_data/YK-873.jpg') }}">
  398.                         </div>
  399.                         <div class="size">
  400.                             <p class="title">六曜ナシ</p>
  401.                             <p class="text">
  402.                                 日付だけのシンプルなカレンダー!!
  403.                             </p>
  404.                         </div>
  405.                     </a>
  406.                 </div>
  407.                 <div class="block">
  408.                     <a href="/products/list?category_id=67">
  409.                         <div class="image">
  410.                             <img src="{{ asset('assets/assets/images/top_search/NK-196__00.webp') }}">
  411.                         </div>
  412.                         <div class="size">
  413.                             <p class="title">晴雨表付き</p>
  414.                             <p class="text">
  415.                                 天候に関わる職業の方にオススメ!!
  416.                             </p>
  417.                         </div>
  418.                     </a>
  419.                 </div>
  420.                 <div class="block">
  421.                     <a href="/products/list?category_id=26">
  422.                         <div class="image">
  423.                             <img src="{{ asset('assets/assets/images/top_search/TD-788__00.webp') }}">
  424.                         </div>
  425.                         <div class="size">
  426.                             <p class="title">ミシン目入り</p>
  427.                             <p class="text">
  428.                                 二ヶ月・三ヶ月表示で次の月も見れて便利!!
  429.                             </p>
  430.                         </div>
  431.                     </a>
  432.                 </div>
  433.                 <div class="block">
  434.                     <a href="/products/list?category_id=63">
  435.                         <div class="image">
  436.                             <img src="{{ asset('assets/assets/images/top_search/NY-0001__00.webp') }}">
  437.                         </div>
  438.                         <div class="size">
  439.                             <p class="title">封筒で発送</p>
  440.                             <p class="text">
  441.                             メール便・封筒で発送対応!!
  442.                             </p>
  443.                         </div>
  444.                     </a>
  445.                 </div>
  446.                 <div class="block">
  447.                     <a href="/products/list?category_id=25">
  448.                         <div class="image">
  449.                             <img src="{{ asset('assets/assets/images/top_search/SP-143__00.webp') }}">
  450.                         </div>
  451.                         <div class="size">
  452.                             <p class="title">ヘッダー名入れ</p>
  453.                             <p class="text">
  454.                                 ヘッダー部分に名入れでイメージアップ!!
  455.                             </p>
  456.                         </div>
  457.                     </a>
  458.                 </div>
  459.                 <div class="block">
  460.                     <a href="/products/list?category_id=68">
  461.                         <div class="image">
  462.                             <img src="{{ asset('assets/assets/images/top_search/NK-465__00.webp') }}">
  463.                         </div>
  464.                         <div class="size">
  465.                             <p class="title">月の満ち欠け・潮汐表</p>
  466.                             <p class="text">
  467.                                 月の満ち欠け・潮汐表入りで実用性も抜群!!
  468.                             </p>
  469.                         </div>
  470.                     </a>
  471.                 </div>
  472.                 <div class="block">
  473.                     <a href="/products/list?category_id=73">
  474.                         <div class="image">
  475.                             <img src="{{ asset('assets/assets/images/top_search/TD-883__00.webp') }}">
  476.                         </div>
  477.                         <div class="size">
  478.                             <p class="title">縁起物</p>
  479.                             <p class="text">
  480.                                 開運の象徴のカレンダーを揃えました!!
  481.                             </p>
  482.                         </div>
  483.                     </a>
  484.                 </div>
  485.             </div>
  489. </div>
  495.         </div>
  496.     </section>
  499.     <section id="carender">
  500.         <article>
  501.             <h2 class="parabox">
  502.                 特選卓上カレンダー12選
  503.                 <small>DESK CALENDAR</small>
  504.             </h2>
  507.             <div class="contents parabox">
  509.         
  513.     {% set Category = repository('Eccube\\Entity\\Category').find(8) %}
  514. {% set products = repository('Eccube\\Entity\\Product')
  515.     .createQueryBuilder('p')
  516.     .innerJoin('p.ProductCategories', 'pc')
  517.     .where('pc.Category = :category_id')
  518.     .andWhere('p.Status = 1')
  519.     .setParameter('category_id', Category.id)
  520.     .orderBy('p.plg_sort_no', 'ASC')
  521.     .setMaxResults(12)
  522.     .getQuery()
  523.     .getResult()
  524. %}
  526.             {% if products %}
  527.             {% for Product in products %}
  528.            
  530. <div class="block">
  531.                                  <a href="{{ url('product_detail', {'id': Product.id}) }}">
  533.                                   {% if Product.stock_find %}
  534.                                     <div class="image">
  535.                                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  536.                                     </div>
  537. {% else %}
  538. <div class="image souldout">
  539.                                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  540.                                     </div>
  541. {% endif %}
  543.                                     <p class="title">
  544.                                         {{ Product.name }}
  545.                                     </p>
  546.                                     {% if Product.code_min is not empty %}<p class="type">{{ Product.code_min }}</p>{% endif %}
  551. {# 価格表示ここから #}
  553. {# 在庫があるかどうか #}
  554. {% if Product.stock_find %}
  556. {# 販売価格にテキストがあるかどうか #}
  557. {% if Product.ViewData(11) is not empty %}
  558. <p class="price"><span>{{Product.ViewData(11)}}</span></p>
  560. {# 販売価格にテキストがない場合価格を表示　０円の場合は準備中のテキストを表示 #}
  561. {% else %}
  562. {% if Product.hasProductClass -%}
  563.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  565.                                 <p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
  567.                             {% else %}
  568.                                 <p class="price"><span>{{ Product.getPrice02IncTaxMin|price }}
  569.                                         ～
  570.                                         {{ Product.getPrice02IncTaxMax|price }}</span>/100冊</p>
  571.                             {% endif %}
  572.                         {% else %}
  573.                        <p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
  574.                         {% endif %}
  576. {% endif %}
  579. {# 在庫がない場合 #}
  580.  {% else %}
  582.  {# 販売価格にテキストがあるかどうか #}
  583. {% if Product.ViewData(11) is not empty %}
  584. <p class="price"><span>{{Product.ViewData(11)}}</span></p>
  585. {# 販売価格にテキストがない場合 #}
  586. {% else %}
  587. <p class="price"><span>{{ include('Block/textcampaign.twig') }}</span></p>
  588. {% endif %}
  590. {% endif %}
  591. {# 価格表示ここまで #}
  598.                                 </a>
  599.                             </div>
  602.             {% endfor %}
  603.             {% endif %}
  607.             </div>
  612.         </article>
  614.         <article>
  615.             <h2 class="parabox">
  616.                 特選壁掛けカレンダー
  617.                 <small>WALL CALENDAR</small>
  618.             </h2>
  619.             <div class="contents parabox">
  621.     {% set Category = repository('Eccube\\Entity\\Category').find(7) %}
  622. {% set products = repository('Eccube\\Entity\\Product')
  623.     .createQueryBuilder('p')
  624.     .innerJoin('p.ProductCategories', 'pc')
  625.     .where('pc.Category = :category_id')
  626.     .andWhere('p.Status = 1')
  627.     .setParameter('category_id', Category.id)
  628.     .orderBy('p.plg_sort_no', 'ASC')
  629.     .setMaxResults(12)
  630.     .getQuery()
  631.     .getResult()
  632. %}
  634.             {% if products %}
  638.             {% for Product in products %}
  640.              
  641.            
  643. <div class="block">
  644.                                  <a href="{{ url('product_detail', {'id': Product.id}) }}">
  646.                                   {% if Product.stock_find %}
  647.                                     <div class="image">
  648.                                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  649.                                     </div>
  650. {% else %}
  651. <div class="image souldout">
  652.                                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  653.                                     </div>
  654. {% endif %}
  656.                                     <p class="title">
  657.                                         {{ Product.name }}
  658.                                     </p>
  659.                                     {% if Product.code_min is not empty %}<p class="type">{{ Product.code_min }}</p>{% endif %}
  664. {# 価格表示ここから #}
  666. {# 在庫があるかどうか #}
  667. {% if Product.stock_find %}
  669. {# 販売価格にテキストがあるかどうか #}
  670. {% if Product.ViewData(11) is not empty %}
  671. <p class="price"><span>{{Product.ViewData(11)}}</span></p>
  673. {# 販売価格にテキストがない場合価格を表示　０円の場合は準備中のテキストを表示 #}
  674. {% else %}
  675. {% if Product.hasProductClass -%}
  676.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  678.                                 <p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
  680.                             {% else %}
  681.                                 <p class="price"><span>{{ Product.getPrice02IncTaxMin|price }}
  682.                                         ～
  683.                                         {{ Product.getPrice02IncTaxMax|price }}</span>/100冊</p>
  684.                             {% endif %}
  685.                         {% else %}
  686.                        <p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
  687.                         {% endif %}
  689. {% endif %}
  692. {# 在庫がない場合 #}
  693.  {% else %}
  695.  {# 販売価格にテキストがあるかどうか #}
  696. {% if Product.ViewData(11) is not empty %}
  697. <p class="price"><span>{{Product.ViewData(11)}}</span></p>
  698. {# 販売価格にテキストがない場合 #}
  699. {% else %}
  700. <p class="price"><span>{{ include('Block/textcampaign.twig') }}</span></p>
  701. {% endif %}
  703. {% endif %}
  704. {# 価格表示ここまで #}
  707.                                 </a>
  708.                             </div>
  711.             {% endfor %}
  712.             {% endif %}
  718. </div>
  722.             </article>
  724.             <!-- 20260513 用途別ランキング項目の追加 -->
  725.             <article class="scn-useage-ranking">
  726.                 <h2 class="parabox">用途別ランキング<small>RANKING BY USEAGE</small></h2>
  727.                 <div class="inner parabox">
  728.                     <div class="tabscontent">
  729.                         <div class="searchcategory">
  730.                             <ul>
  731.                                 <li class="tabbtn wallhanging open">営業・販促配布向け</li>
  732.                                 <li class="tabbtn tabletop">コスパ重視</li>
  733.                                 <li class="tabbtn features">デザイン重視</li>
  734.                             </ul>
  735.                         </div>
  736.                         <div class="contents tabblock">
  737.                             <div class="item scn-useage-ranking__item">
  738.                                 <p class="scn-useage-ranking__rank">1位</p>
  739.                                 <a href="https://kinkodo-calendar.com/products/detail/2185">
  740.                                     <div class="image">
  741.                                         <img src="/html/upload/save_image/0323102443_69c0965b6ca14.jpg">
  742.                                     </div>
  743.                                     <div class="size">
  744.                                         <p class="title">TD-190_ポケットカレンダー・ベーシック(メモ付き)　</p>
  745.                                         <p class="text">47枚（リング含む123×70m/m） （台紙のみ120×70m/m）</p>
  746.                                     </div>
  747.                                 </a>
  748.                             </div>
  749.                             <div class="item scn-useage-ranking__item">
  750.                                 <p class="scn-useage-ranking__rank">2位</p>
  751.                                 <a href="https://kinkodo-calendar.com/products/detail/482">
  752.                                     <div class="image">
  753.                                         <img src="/html/upload/save_image/0320170047_69bcfeafed6d9.jpg">
  754.                                     </div>
  755.                                     <div class="size">
  756.                                         <p class="title">TD-88_金運吉日ごよみ</p>
  757.                                         <p class="text">179×123m/m・１枚</p>
  758.                                     </div>
  759.                                 </a>
  760.                             </div>
  761.                             <div class="item scn-useage-ranking__item">
  762.                                 <p class="scn-useage-ranking__rank">3位</p>
  763.                                 <a href="https://kinkodo-calendar.com/products/detail/273">
  764.                                     <div class="image">
  765.                                         <img src="/html/upload/save_image/0413162041_69dc99497ec10.jpg">
  766.                                     </div>
  767.                                     <div class="size">
  768.                                         <p class="title">TS-521CF_DMサイズカレンダー（六曜有）（カード・フルカラー印刷）</p>
  769.                                         <p class="text">8枚（99×150m/m ）｜表紙+前年12月・1枚 ｜1月～12月シート・6枚 ｜使用説明シート・1枚</p>
  770.                                     </div>
  771.                                 </a>
  772.                             </div>
  773.                         </div>
  774.                         <div class="contents tabblock" style="display: none;">
  775.                             <div class="item scn-useage-ranking__item">
  776.                                 <p class="scn-useage-ranking__rank">1位</p>
  777.                                 <a href="https://kinkodo-calendar.com/products/detail/367">
  778.                                     <div class="image">
  779.                                         <img src="/html/upload/save_image/0319150920_69bb93103fd99.jpg">
  780.                                     </div>
  781.                                     <div class="size">
  782.                                         <p class="title">OT-101_3色文字月表</p>
  783.                                         <p class="text">46/4切・13枚 （535×380m/m）</p>
  784.                                     </div>
  785.                                 </a>
  786.                             </div>
  787.                             <div class="item scn-useage-ranking__item">
  788.                                 <p class="scn-useage-ranking__rank">2位</p>
  789.                                 <a href="https://kinkodo-calendar.com/products/detail/439">
  790.                                     <div class="image">
  791.                                         <img src="/html/upload/save_image/0318114526_69ba11c6b7a00.jpg">
  792.                                     </div>
  793.                                     <div class="size">
  794.                                         <p class="title">SP-110_ブルージャンボ</p>
  795.                                         <p class="text">Ｂ2切・13枚 （765×515m/m）</p>
  796.                                     </div>
  797.                                 </a>
  798.                             </div>
  799.                             <div class="item scn-useage-ranking__item">
  800.                                 <p class="scn-useage-ranking__rank">3位</p>
  801.                                 <a href="https://kinkodo-calendar.com/products/detail/641">
  802.                                     <div class="image">
  803.                                         <img src="/html/upload/save_image/0326091744_69c47b28101d6.jpg">
  804.                                     </div>
  805.                                     <div class="size">
  806.                                         <p class="title">IC-852_卓上 マンスリーカラー（インデックス付）</p>
  807.                                         <p class="text">155×180m/m</p>
  808.                                     </div>
  809.                                 </a>
  810.                             </div>
  811.                         </div>
  812.                         <div class="contents tabblock" style="display: none;">
  813.                             <div class="item scn-useage-ranking__item">
  814.                                 <p class="scn-useage-ranking__rank">1位</p>
  815.                                 <a href="https://kinkodo-calendar.com/products/detail/2133">
  816.                                     <div class="image">
  817.                                         <img src="/html/upload/save_image/0326090651_69c4789b83674.jpg">
  818.                                     </div>
  819.                                     <div class="size">
  820.                                         <p class="title">IC-523H_WEEK　HEADER　JUMBO（ウィーク　ヘッダー　ジャンボ）</p>
  821.                                         <p class="text">46/2切・13枚（760×515ｍ/ｍ）</p>
  822.                                     </div>
  823.                                 </a>
  824.                             </div>
  825.                             <div class="item scn-useage-ranking__item">
  826.                                 <p class="scn-useage-ranking__rank">2位</p>
  827.                                 <a href="https://kinkodo-calendar.com/products/detail/146">
  828.                                     <div class="image">
  829.                                         <img src="/html/upload/save_image/0320163650_69bcf912e6c44.jpg">
  830.                                     </div>
  831.                                     <div class="size">
  832.                                         <p class="title">TD-794_グッドルック3ヶ月（日付マーカー付）－上から順タイプ－</p>
  833.                                         <p class="text">B/3切タテ・6枚 （750×350m/m）</p>
  834.                                     </div>
  835.                                 </a>
  836.                             </div>
  837.                             <div class="item scn-useage-ranking__item">
  838.                                 <p class="scn-useage-ranking__rank">3位</p>
  839.                                 <a href="https://kinkodo-calendar.com/products/detail/327">
  840.                                     <div class="image">
  841.                                         <img src="/html/upload/save_image/0319172336_69bbb288d05e5.jpg">
  842.                                     </div>
  843.                                     <div class="size">
  844.                                         <p class="title">TD-257_卓上L・白抜き文字　～カラーリングで楽しく～</p>
  845.                                         <p class="text">15枚（リング含む156×180m/m ）（台紙のみ153×180m/m ）</p>
  846.                                     </div>
  847.                                 </a>
  848.                             </div>
  849.                         </div>
  850.                     </div>
  851.                 </div>
  852.             </article>
  853.             <!-- //20260513 用途別ランキング項目の追加 -->
  855.             <!-- 20260309 -->
  856.             <article>
  857.               <h2 class="parabox">
  858.                 お客様の声
  859.                 <small>VOICE</small>
  860.               </h2>
  862.               <div class="contents parabox">
  863.                 <div class="scn-top-voice">
  864.                   <div class="scn-top-voice-wrap">
  865.                     <p class="scn-top-voice__title">
  866.                       M建築所様 東京都内
  867.                     </p>
  868.                     <p class="scn-top-voice__text">
  869.                       初めてカレンダーを作成したので出来上がりが不安でしたが、大変満足しています。<br>
  870.                       また今回納期がギリギリの工程でしたが、柔軟に対応していただきましたので感謝しています。<br>
  871.                       次回作成する際は別のカレンダーも作成したいと思います。
  872.                     </p>
  873.                   </div>
  875.                   <div class="scn-top-voice-wrap">
  876.                     <p class="scn-top-voice__title">
  877.                       中古車販売業 S様 宮崎県
  878.                     </p>
  879.                     <p class="scn-top-voice__text">
  880.                       当社は、長年２色印刷でカレンダーを作っていたのですがどうしてもコスト的に悩んでいました。たまたま見つけた「きんこうどう」に問合せ、もらった見積もりにびっくり。聞いたところ自社での印刷との事。商品も印刷の仕上がりも問題なく今後も頼もうと思っています。
  881.                     </p>
  882.                   </div>
  884.                   <div class="scn-top-voice-wrap">
  885.                     <p class="scn-top-voice__title">
  886.                       ペット美容室 A様 神奈川県
  887.                     </p>
  888.                     <p class="scn-top-voice__text">
  889.                       初めてカレンダーを作りました。自分のイメージが微妙だったんですが、「きんこうどう」さんがいろいろな書体・パターンで校正案を送ってくれてこんな感じになるんだーと感動しました。悩んだ末、選んだ原稿で作ってもらったカレンダーは、お客さんにもすごく好評です。
  890.                     </p>
  891.                   </div>
  893.                   <div class="scn-top-voice-wrap">
  894.                     <p class="scn-top-voice__title">
  895.                       動物病院　T様　大阪府
  896.                     </p>
  897.                     <p class="scn-top-voice__text">
  898.                       毎年、頼んでいたカレンダーを今年は注文し忘れて、いろいろな所に聞いてみても2週間ぐらいかかるとの事。だめもとでもう一件、「きんこうどう」さんに聞いてみたら、5日で納品してもらえました。来年は、もっと早く注文します。 小ロットで、買うのを諦めていました。
  899.                     </p>
  900.                   </div>
  901.                 </div><!-- .scn-top-voice -->
  902.               </div>
  903.             <!-- 20260309 -->
  905.         </section>
  908. {# <script>
  909.         $(function() {
  910.             $('.blogsRole__blogs').each(function() {
  911.                 var listLength = $(this).find('.blogsRole__blogsItem').length;
  912.                 if (listLength > 4) {
  913.                     $(this).find('.blogsRole__blogsItem:gt(3)').each(function() {
  914.                         $(this).hide();
  915.                     });
  916.                     var dispNum = 4;
  917.                     $(this).find('#news_readmore').click(function() {
  918.                         dispNum += 4;
  919.                         $(this).parent().find('.blogsRole__blogsItem:lt(' + dispNum + ')').show();
  920.                         if (dispNum >= listLength) {
  921.                             $(this).hide();
  922.                         }
  923.                     })
  924.                 }
  925.             });
  926.         });
  927.     </script> #}
  929.         <section id="news">
  930.             <div class="inner">
  931.                 <article class="animationLR">
  932.                     <h2>
  933.                         お知らせ
  934.                         <small>NEWS</small>
  935.                     </h2>
  936.                     <div class="contents">
  938. {% set Category_news = repository("Plugin\\Blogs42\\Entity\\Category").find(2) %}
  939. {% 
  940. set BlogsList_news = repository('Plugin\\Blogs42\\Entity\\Blogs')
  941. .getQueryBuilderBySearchData({'blogs_category_id':Category_news})
  942. .setMaxResults(4)
  943. .getQuery()
  944. .getResult()
  945. %}
  946. {% if BlogsList_news %}
  947.     
  948.                 {% for Blogs in BlogsList_news %}
  949.                      <article>
  950.                             <a href="{{ url('blogs42_detail', {'id': Blogs.id}) }}">
  951.                                     <time>{{ Blogs.publish_date|date_format('', 'Y.m.d') }}</time>
  952.                                     <p class="title">{{ Blogs.title|raw|nl2br }}</p>
  953.                                 </a>
  954.                             </article>
  955.                 {% endfor %}
  956.             
  957. {% endif %}
  960. {# 
  961.                         <article>
  962.                             <a href="">
  963.                                 <time>2025.01.20</time>
  964.                                 <p class="title">2026年版廃番になりましたリストページです…</p>
  965.                             </a>
  966.                         </article>
  967.                         <article>
  968.                             <a href="">
  969.                                 <time>2024.12.13</time>
  970.                                 <p class="title">年内発送確約の受付は、12月16日(月)正午ま…</p>
  971.                             </a>
  972.                         </article>
  973.                         <article>
  974.                             <a href="">
  975.                                 <time>2024.11.28</time>
  976.                                 <p class="title">本年度の、黒以外（多色・特色・基本色黒以…</p>
  977.                             </a>
  978.                         </article>
  979.                         <article>
  980.                             <a href="">
  981.                                 <time>2024.11.15</time>
  982.                                 <p class="title">短納期商品のご案内となります。…</p>
  983.                             </a>
  984.                         </article>
  985.  #}
  987.                     </div>
  988.                     <div class="btn">
  989.                         <a href="/blogs/list?blogs_category_id=2">お知らせ一覧へ</a>
  990.                     </div>
  991.                 </article>
  992.                 <article class="animationLR">
  993.                     <h2>
  994.                         スタッフブログ
  995.                         <small>BLOG</small>
  996.                     </h2>
  997.                     <div class="contents">
  999. {% set Category_sblog = repository("Plugin\\Blogs42\\Entity\\Category").find(1) %}
  1000. {% 
  1001. set BlogsList_sblog = repository('Plugin\\Blogs42\\Entity\\Blogs')
  1002. .getQueryBuilderBySearchData({'blogs_category_id':Category_sblog})
  1003. .setMaxResults(4)
  1004. .getQuery()
  1005. .getResult()
  1006. %}
  1007. {% if BlogsList_sblog %}
  1008.     
  1009.                 {% for Blogs in BlogsList_sblog %}
  1010.                      <article>
  1011.                             <a href="{{ url('blogs42_detail', {'id': Blogs.id}) }}">
  1012.                     
  1013.                                     <time>{{ Blogs.publish_date|date_format('', 'Y.m.d') }}</time>
  1014.                                     <p class="title">{{ Blogs.title|raw|nl2br }}</p>
  1015.                                 </a>
  1016.                             </article>
  1017.                 {% endfor %}
  1018.             
  1019. {% endif %}
  1020.                     {# 
  1021.                         <article>
  1022.                             <a href="">
  1023.                                 <time>2025.01.20</time>
  1024.                                 <p class="title">2026年版廃番リスト</p>
  1025.                             </a>
  1026.                         </article>
  1027.                         <article>
  1028.                             <a href="">
  1029.                                 <time>2025.01.17</time>
  1030.                                 <p class="title">4月始まりカレンダー</p>
  1031.                             </a>
  1032.                         </article>
  1033.                         <article>
  1034.                             <a href="">
  1035.                                 <time>2024.10.25</time>
  1036.                                 <p class="title">二十四節気カレンダー</p>
  1037.                             </a>
  1038.                         </article>
  1039.                         <article>
  1040.                             <a href="">
  1041.                                 <time>2024.10.23</time>
  1042.                                 <p class="title">ジャンボカレンダー</p>
  1043.                             </a>
  1044.                         </article>
  1045.  #}
  1047.                     </div>
  1048.                     <div class="btn">
  1049.                         <a href="/blogs/list?blogs_category_id=1">スタッフブログ一覧へ</a>
  1050.                     </div>
  1051.                 </article>
  1052.             </div>
  1053.         </section>
  1055. <!-- 20260309 -->
  1056. <section id="scn_faq">
  1057.     <h2>よくある質問<small>QandA</small></h2>
  1058.     <div class="contents">
  1059.         <div class="txtset">当社に寄せられた、お客様からのご質問を下記にまとめました。<br>その他、ご質問等ございましたらお気軽にお問い合わせ下さい。</div>
  1062.         <div class="q-ablock close notLast">
  1063.             <div class="q">
  1064.                 <p class="title">支払方法は何がありますか？</p>
  1065.                 <span class="btn close"></span>
  1066.             </div>
  1067.             <div class="a">
  1068.                 <div class="text">
  1069.                     <p>当店の、お支払い方法は
  1070.                         <strong>銀行振込（前払い）・代金引換（後払い）</strong>の対応をさせて頂いております。<br>
  1071.                         <a href="/user_data/pay">お支払方法について</a>
  1072.                     </p>
  1073.                 </div>
  1074.             </div>
  1075.         </div>
  1076.         <div class="q-ablock close notLast">
  1077.             <div class="q">
  1078.                 <p class="title">在庫状況が知りたいのですが。</p>
  1079.                 <span class="btn close"></span>
  1080.             </div>
  1081.             <div class="a">
  1082.                 <div class="text">
  1083.                     <p>随時情報を更新しておりますが、10月中旬頃になりますと人気商品から品切れになっていきます。<br>
  1084.                         お早目のご注文をお勧め致します。</p>
  1085.                 </div>
  1086.             </div>
  1087.         </div>
  1088.         <div class="q-ablock close notLast">
  1089.             <div class="q">
  1090.                 <p class="title">印刷前にどんな感じになるか確認したいのですが・・・。</p>
  1091.                 <span class="btn close"></span>
  1092.             </div>
  1093.             <div class="a">
  1094.                 <div class="text">
  1095.                     <p>当社で原稿を作成させて頂く場合は、お客様に原稿内容の指示を頂き作成したものを校正して頂きます。お客様から校了を頂くまで何度でも校正させて頂きます。<br>
  1096.                         校了後には、ご注文頂いた商品に名入れ部分をレイアウトしたイメージ画像で確認をして頂き印刷に進みます。<br>
  1097.                         データ入稿して頂いたお客様にも、商品の名入れ部分にレイアウトしたものをイメージ画像で確認して頂き印刷へ進みます。</p>
  1098.                 </div>
  1099.             </div>
  1100.         </div>
  1101.         <div class="q-ablock close notLast">
  1102.             <div class="q">
  1103.                 <p class="title">どんなカレンダーを選んだらいいのか分かりません。</p>
  1104.                 <span class="btn close"></span>
  1105.             </div>
  1106.             <div class="a">
  1107.                 <div class="text">
  1108.                     <p>トップページに各ジャンルおススメを載せています。<br>
  1109.                         また、弊社にご連絡頂けましたら経験豊富な社員がお客様に合ったカレンダーをご提案させて頂きます。<br>
  1110.                         お気軽にご連絡下さい。</p>
  1111.                 </div>
  1112.             </div>
  1113.         </div>
  1114.         <div class="contents">
  1115.             <div class="block">
  1116.                 <div class="btn"><a
  1117.                         href="https://kinkodo-calendar.com/user_data/qanda">その他のよくある質問はこちら</a></div>
  1118.             </div>
  1119.         </div>
  1120.     </div>
  1121. </section>
  1123. <script type="application/ld+json">
  1124. {
  1125. "@context": "https://schema.org",
  1126. "@type": "FAQPage",
  1127. "mainEntity": [{
  1128. "@type": "Question",
  1129. "name": "支払方法は何がありますか？",
  1130. "acceptedAnswer": {
  1131. "@type": "Answer",
  1132. "text": "当店の、お支払い方法は 銀行振込（前払い）・代金引換（後払い）の対応をさせて頂いております。"
  1133. }
  1134. }, {
  1135. "@type": "Question",
  1136. "name": "在庫状況が知りたいのですが。",
  1137. "acceptedAnswer": {
  1138. "@type": "Answer",
  1139. "text": "随時情報を更新しておりますが、10月中旬頃になりますと人気商品から品切れになっていきます。お早目のご注文をお勧め致します。"
  1140. }
  1141. }, {
  1142. "@type": "Question",
  1143. "name": "印刷前にどんな感じになるか確認したいのですが・・・。",
  1144. "acceptedAnswer": {
  1145. "@type": "Answer",
  1146. "text": "当社で原稿を作成させて頂く場合は、お客様に原稿内容の指示を頂き作成したものを校正して頂きます。お客様から校了を頂くまで何度でも校正させて頂きます。校了後には、ご注文頂いた商品に名入れ部分をレイアウトしたイメージ画像で確認をして頂き印刷に進みます。データ入稿して頂いたお客様にも、商品の名入れ部分にレイアウトしたものをイメージ画像で確認して頂き印刷へ進みます。"
  1147. }
  1148. }, {
  1149. "@type": "Question",
  1150. "name": "どんなカレンダーを選んだらいいのか分かりません。",
  1151. "acceptedAnswer": {
  1152. "@type": "Answer",
  1153. "text": "トップページに各ジャンルおススメを載せています。また、弊社にご連絡頂けましたら経験豊富な社員がお客様に合ったカレンダーをご提案させて頂きます。お気軽にご連絡下さい。"
  1154. }
  1155. }
  1156. ]
  1157. }
  1158. </script>
  1159. <!-- 20260309 -->
  1161.     {% endblock %}