{#
This file is part of EC-CUBE
Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
http://www.ec-cube.co.jp/
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{% extends 'default_frame.twig' %}
{% set body_class = 'front_page' %}
{% block stylesheet %}
<link rel="stylesheet" href="{{ asset('assets/assets/css/index.css') }}"/>
{% endblock %}
{% block javascript %}{% endblock javascript %}
{% block main %}
<section id="mainimg">
{#
<div id="mainslider">
<img src="{{ asset('assets/assets/images/mainimg.jpg') }}">
<img src="{{ asset('assets/assets/images/mainimg2.jpg') }}">
<img src="{{ asset('assets/assets/images/mainimg3.jpg') }}">
</div>
#}
{{ TabaBannerManager('top_mainslider')|raw }}
</section>
<section id="bnrs">
{# <div class="bnr over parabox">
<a href="">
<img src="{{ asset('assets/assets/images/bnr1.png') }}">
</a>
</div>
<div class="bnr yellow parabox">
<a href="">
<img src="{{ asset('assets/assets/images/bnr2.jpg') }}">
</a>
</div>
<div class="bnr red parabox">
<a href="">
<img src="{{ asset('assets/assets/images/bnr3.jpg') }}">
</a>
</div>
<div class="bnr green parabox">
<a href="">
<img src="{{ asset('assets/assets/images/bnr4.jpg') }}">
</a>
</div>
<div class="bnr red parabox">
<a href="">
<img src="{{ asset('assets/assets/images/bnr5.jpg') }}">
</a>
</div> #}
{{ TabaBannerManager('top_bnr')|raw }}
</section>
<section id="search">
<h2>
<span>カレンダーを探す</span>
<small>PRODUCT LIST</small>
</h2>
<div class="inner">
<span class="shape"></span>
<div class="tabscontent">
<div class="searchcategory">
<ul>
<li class="tabbtn open wallhanging">壁掛けから探す</li>
<li class="tabbtn tabletop">卓上から探す</li>
<li class="tabbtn features">特徴から探す</li>
</ul>
</div>
{# 壁掛けから探す #}
<div class="contents tabblock">
<div class="block">
<a href="/products/list?category_id=28">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/OT-101__00.jpg') }}">
</div>
<div class="size">
<p class="title">レギュラーサイズ</p>
<p class="text">
46/4切
<br>
約535×380m/m
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=27">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NK-186__00.jpg') }}">
</div>
<div class="size">
<p class="title">ラージサイズ</p>
<p class="text">
A/2切
<br>
約610×425 m/m
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=20">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/OT-302__00.jpg') }}">
</div>
<div class="size">
<p class="title">ジャンボサイズ</p>
<p class="text">
46/2切
<br>
約760×504 m/m
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=75">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NK-189__00.jpg') }}">
</div>
<div class="size">
<p class="title">縦長サイズ</p>
<p class="text">
46/3切
<br>
約760×350 m/m
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=74">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NK-182__00.jpg') }}">
</div>
<div class="size">
<p class="title">縦長・小サイズ</p>
<p class="text">
46/6切
<br>
約535×260m/m
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=23">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/TD-964__00.jpg') }}">
</div>
<div class="size">
<p class="title">その他サイズ</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=17">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/TD-691__00.jpg') }}">
</div>
<div class="size">
<p class="title">インデックス(壁掛け)</p>
<p class="text">
46/4切
<br>
約535×380m/m
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=29">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NP-402__00.jpg') }}">
</div>
<div class="size">
<p class="title">中綴じ製本</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=69">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NK-118__00.jpg') }}">
</div>
<div class="size">
<p class="title">海外仕様(外玉)</p>
</div>
</a>
</div>
</div>
{# 卓上から探す #}
<div class="contents tabblock">
<div class="block">
<a href="/products/list?category_id=16">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NK-528__00.jpg') }}">
</div>
<div class="size">
<p class="title">インデックス(卓上)</p>
<p class="text">
下部・ヨコにインデックスが付いて便利!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=18">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/TS-400B__00.jpg') }}">
</div>
<div class="size">
<p class="title">エコリング製本</p>
<p class="text">
素材がすべて紙で出来ている環境に優しい!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=78">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NK-510__00.jpg') }}">
</div>
<div class="size">
<p class="title">金具リング製本</p>
<p class="text">
めくり易さで選ぶ金具製本タイプ!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=21">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NK-526__00.jpg') }}">
</div>
<div class="size">
<p class="title">セパレートタイプ</p>
<p class="text">
予定管理に最適な2ヶ月・3ヶ月タイプ!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=24">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NK-485__00.jpg') }}">
</div>
<div class="size">
<p class="title">プラスチックスタンド</p>
<p class="text">
プラスチックの型枠・薄型で携帯性に抜群!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=72">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NK-521__00.jpg') }}">
</div>
<div class="size">
<p class="title">紙スタンド</p>
<p class="text">
地球環境に配慮した定番タイプ!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=71">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/SG-9340__00.jpg') }}">
</div>
<div class="size">
<p class="title">箔押しデザイン</p>
<p class="text">
箔押し印刷で高級感のあるデザイン!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=19">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NK-578__00.jpg') }}">
</div>
<div class="size">
<p class="title">カラー印刷対応</p>
<p class="text">
会社のロゴやイメージをカラーで名入れ!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=22">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/SB-463__00.jpg') }}">
</div>
<div class="size">
<p class="title">その他</p>
<p class="text">
実用性のある個性的なカレンダー!!
</p>
</div>
</a>
</div>
</div>
{# 特徴から探す #}
<div class="contents tabblock">
<div class="block">
<a href="/products/list?category_id=66">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NA-504__00.jpg') }}">
</div>
<div class="size">
<p class="title">新企画・新商品</p>
<p class="text">
2026年度の新企画・新商品!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=76">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NK-154__00.jpg') }}">
</div>
<div class="size">
<p class="title">表紙ナシ</p>
<p class="text">
表紙ナシで環境に配慮したカレンダー!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=15">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NK-82__00.jpg') }}">
</div>
<div class="size">
<p class="title">Webにつながる</p>
<p class="text">
Webコンテンツが楽しめるカレンダー!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=30">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/DK-161__00.jpg') }}">
</div>
<div class="size">
<p class="title">六曜ナシ</p>
<p class="text">
日付だけのシンプルなカレンダー!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=67">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NK-196__00.jpg') }}">
</div>
<div class="size">
<p class="title">晴雨表付き</p>
<p class="text">
天候に関わる職業の方にオススメ!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=26">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/TD-788__00.jpg') }}">
</div>
<div class="size">
<p class="title">ミシン目入り</p>
<p class="text">
二ヶ月・三ヶ月表示で次の月も見れて便利!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=63">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NY-0001__00.jpg') }}">
</div>
<div class="size">
<p class="title">封筒で発送</p>
<p class="text">
メール便・封筒で発送対応!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=25">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/SP-143__00.jpg') }}">
</div>
<div class="size">
<p class="title">ヘッダー名入れ</p>
<p class="text">
ヘッダー部分に名入れでイメージアップ!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=68">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/NK-465__00.jpg') }}">
</div>
<div class="size">
<p class="title">月の満ち欠け・潮汐表</p>
<p class="text">
月の満ち欠け・潮汐表入りで実用性も抜群!!
</p>
</div>
</a>
</div>
<div class="block">
<a href="/products/list?category_id=73">
<div class="image">
<img src="{{ asset('assets/assets/images/top_search/TD-883__00.jpg') }}">
</div>
<div class="size">
<p class="title">縁起物</p>
<p class="text">
開運の象徴のカレンダーを揃えました!!
</p>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<section id="carender">
<article>
<h2 class="parabox">
特選卓上カレンダー
<small>DESK CALENDAR</small>
</h2>
<div class="contents parabox">
{% set Category = repository('Eccube\\Entity\\Category').find(8) %}
{% set products = repository('Eccube\\Entity\\Product')
.createQueryBuilder('p')
.innerJoin('p.ProductCategories', 'pc')
.where('pc.Category = :category_id')
.andWhere('p.Status = 1')
.setParameter('category_id', Category.id)
.orderBy('p.plg_sort_no', 'ASC')
.setMaxResults(12)
.getQuery()
.getResult()
%}
{% if products %}
{% for Product in products %}
<div class="block">
<a href="{{ url('product_detail', {'id': Product.id}) }}">
{% if Product.stock_find %}
<div class="image">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
</div>
{% else %}
<div class="image souldout">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
</div>
{% endif %}
<p class="title">
{{ Product.name }}
</p>
{% if Product.code_min is not empty %}<p class="type">{{ Product.code_min }}</p>{% endif %}
{# 価格表示ここから #}
{# 在庫があるかどうか #}
{% if Product.stock_find %}
{# 販売価格にテキストがあるかどうか #}
{% if Product.ViewData(11) is not empty %}
<p class="price"><span>{{Product.ViewData(11)}}</span></p>
{# 販売価格にテキストがない場合価格を表示 0円の場合は準備中のテキストを表示 #}
{% else %}
{% if Product.hasProductClass -%}
{% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
<p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
{% else %}
<p class="price"><span>{{ Product.getPrice02IncTaxMin|price }}
~
{{ Product.getPrice02IncTaxMax|price }}</span>/100冊</p>
{% endif %}
{% else %}
<p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
{% endif %}
{% endif %}
{# 在庫がない場合 #}
{% else %}
{# 販売価格にテキストがあるかどうか #}
{% if Product.ViewData(11) is not empty %}
<p class="price"><span>{{Product.ViewData(11)}}</span></p>
{# 販売価格にテキストがない場合 #}
{% else %}
<p class="price"><span>{{ include('Block/textcampaign.twig') }}</span></p>
{% endif %}
{% endif %}
{# 価格表示ここまで #}
</a>
</div>
{% endfor %}
{% endif %}
</div>
</article>
<article>
<h2 class="parabox">
特選壁掛けカレンダー
<small>WALL CALENDAR</small>
</h2>
<div class="contents parabox">
{% set Category = repository('Eccube\\Entity\\Category').find(7) %}
{% set products = repository('Eccube\\Entity\\Product')
.createQueryBuilder('p')
.innerJoin('p.ProductCategories', 'pc')
.where('pc.Category = :category_id')
.andWhere('p.Status = 1')
.setParameter('category_id', Category.id)
.orderBy('p.plg_sort_no', 'ASC')
.setMaxResults(12)
.getQuery()
.getResult()
%}
{% if products %}
{% for Product in products %}
<div class="block">
<a href="{{ url('product_detail', {'id': Product.id}) }}">
{% if Product.stock_find %}
<div class="image">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
</div>
{% else %}
<div class="image souldout">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
</div>
{% endif %}
<p class="title">
{{ Product.name }}
</p>
{% if Product.code_min is not empty %}<p class="type">{{ Product.code_min }}</p>{% endif %}
{# 価格表示ここから #}
{# 在庫があるかどうか #}
{% if Product.stock_find %}
{# 販売価格にテキストがあるかどうか #}
{% if Product.ViewData(11) is not empty %}
<p class="price"><span>{{Product.ViewData(11)}}</span></p>
{# 販売価格にテキストがない場合価格を表示 0円の場合は準備中のテキストを表示 #}
{% else %}
{% if Product.hasProductClass -%}
{% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
<p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
{% else %}
<p class="price"><span>{{ Product.getPrice02IncTaxMin|price }}
~
{{ Product.getPrice02IncTaxMax|price }}</span>/100冊</p>
{% endif %}
{% else %}
<p class="price"><span>{% if Product.getPrice02IncTaxMin == 0 %}{{ include('Block/textcampaign.twig') }}</span>{% else %}{{ Product.getPrice02IncTaxMin|price }}</span>/100冊{% endif %}</p>
{% endif %}
{% endif %}
{# 在庫がない場合 #}
{% else %}
{# 販売価格にテキストがあるかどうか #}
{% if Product.ViewData(11) is not empty %}
<p class="price"><span>{{Product.ViewData(11)}}</span></p>
{# 販売価格にテキストがない場合 #}
{% else %}
<p class="price"><span>{{ include('Block/textcampaign.twig') }}</span></p>
{% endif %}
{% endif %}
{# 価格表示ここまで #}
</a>
</div>
{% endfor %}
{% endif %}
</div>
</article>
</section>
{# <script>
$(function() {
$('.blogsRole__blogs').each(function() {
var listLength = $(this).find('.blogsRole__blogsItem').length;
if (listLength > 4) {
$(this).find('.blogsRole__blogsItem:gt(3)').each(function() {
$(this).hide();
});
var dispNum = 4;
$(this).find('#news_readmore').click(function() {
dispNum += 4;
$(this).parent().find('.blogsRole__blogsItem:lt(' + dispNum + ')').show();
if (dispNum >= listLength) {
$(this).hide();
}
})
}
});
});
</script> #}
<section id="news">
<div class="inner">
<article class="animationLR">
<h2>
お知らせ
<small>NEWS</small>
</h2>
<div class="contents">
{% set Category_news = repository("Plugin\\Blogs42\\Entity\\Category").find(2) %}
{%
set BlogsList_news = repository('Plugin\\Blogs42\\Entity\\Blogs')
.getQueryBuilderBySearchData({'blogs_category_id':Category_news})
.setMaxResults(4)
.getQuery()
.getResult()
%}
{% if BlogsList_news %}
{% for Blogs in BlogsList_news %}
<article>
<a href="{{ url('blogs42_detail', {'id': Blogs.id}) }}">
<time>{{ Blogs.publish_date|date_format('', 'Y.m.d') }}</time>
<p class="title">{{ Blogs.title|raw|nl2br }}</p>
</a>
</article>
{% endfor %}
{% endif %}
{#
<article>
<a href="">
<time>2025.01.20</time>
<p class="title">2026年版廃番になりましたリストページです…</p>
</a>
</article>
<article>
<a href="">
<time>2024.12.13</time>
<p class="title">年内発送確約の受付は、12月16日(月)正午ま…</p>
</a>
</article>
<article>
<a href="">
<time>2024.11.28</time>
<p class="title">本年度の、黒以外(多色・特色・基本色黒以…</p>
</a>
</article>
<article>
<a href="">
<time>2024.11.15</time>
<p class="title">短納期商品のご案内となります。…</p>
</a>
</article>
#}
</div>
<div class="btn">
<a href="/blogs/list?blogs_category_id=2">お知らせ一覧へ</a>
</div>
</article>
<article class="animationLR">
<h2>
スタッフブログ
<small>BLOG</small>
</h2>
<div class="contents">
{% set Category_sblog = repository("Plugin\\Blogs42\\Entity\\Category").find(1) %}
{%
set BlogsList_sblog = repository('Plugin\\Blogs42\\Entity\\Blogs')
.getQueryBuilderBySearchData({'blogs_category_id':Category_sblog})
.setMaxResults(4)
.getQuery()
.getResult()
%}
{% if BlogsList_sblog %}
{% for Blogs in BlogsList_sblog %}
<article>
<a href="{{ url('blogs42_detail', {'id': Blogs.id}) }}">
<time>{{ Blogs.publish_date|date_format('', 'Y.m.d') }}</time>
<p class="title">{{ Blogs.title|raw|nl2br }}</p>
</a>
</article>
{% endfor %}
{% endif %}
{#
<article>
<a href="">
<time>2025.01.20</time>
<p class="title">2026年版廃番リスト</p>
</a>
</article>
<article>
<a href="">
<time>2025.01.17</time>
<p class="title">4月始まりカレンダー</p>
</a>
</article>
<article>
<a href="">
<time>2024.10.25</time>
<p class="title">二十四節気カレンダー</p>
</a>
</article>
<article>
<a href="">
<time>2024.10.23</time>
<p class="title">ジャンボカレンダー</p>
</a>
</article>
#}
</div>
<div class="btn">
<a href="/blogs/list?blogs_category_id=1">スタッフブログ一覧へ</a>
</div>
</article>
</div>
</section>
{% endblock %}