app/template/default/Case/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE, Addition by INSPIRATION
  4. #}
  5. {% extends 'default_frame.twig' %}
  7. {% if SearchCategoryData is defined and SearchCategoryData is not empty %}
  8.     {% set subtitle = SearchCategoryData.title ~ ' | ' ~ title %}
  9.     {% if SearchCategoryData.id == 17 %}
  10.         {% set meta_description = 'ゴルフプリントが手掛けたオリジナルゴルフボール導入事例をご紹介。特別な節目を祝うためのカスタムデザインやギフトのアイデアを参考に、心に残るプレゼントを作成するヒントを得てください' %}
  11.     {% else %}
  12.         {% set meta_description = 'ゴルフプリントが手掛けた' ~ SearchCategoryData.title ~ '向けのオリジナルゴルフボール導入事例をご紹介。特別な節目を祝うためのカスタムデザインやギフトのアイデアを参考に、心に残るプレゼントを作成するヒントを得てください' %}
  13.     {% endif %}
  15.     {% if app.request.query.get('pageno') == 1 %}
  16.         {% set meta_canonical = url('case', { 'category': SearchCategoryData.id })   %}
  17.     {% elseif pagination.paginationData.current > 1 %}
  18.         {% set meta_canonical = url('case', { 'category': SearchCategoryData.id, 'pageno': pagination.paginationData.current })   %}
  19.     {% endif %}
  20. {% endif %}
  22. {% block main %}
  23.     <div class="container">
  24.         <!-- パンくずリスト -->
  25.         <nav aria-label="breadcrumb" class="my-3">
  26.             <ol class="breadcrumb">
  27.                 <li class="breadcrumb-item"><a href="{{ url('homepage') }}">ホーム</a></li>
  28. {% if SearchCategoryData is empty %}
  29.                 <li class="breadcrumb-item active" aria-current="page">{{ title }}</li>
  30. {% else %}
  31.                 <li class="breadcrumb-item"><a href="{{ url('case') }}">{{ title }}</a></li>
  32.                 <li class="breadcrumb-item active" aria-current="page">{{ SearchCategoryData.title }}</li>
  33. {% endif %}
  34.             </ol>
  35.         </nav>
  36.         <div class="layout-2colmun">
  37. {{ include('Block/aside_others.twig') }}
  38.             <main class="main">
  39. {% if SearchCategoryData is empty %}
  40.                 <h1 class="fw-bold mb-5">{{ title }}</h1>
  41. {% else %}
  42.                 <h1 class="fw-bold mb-5">{{ SearchCategoryData.title }}｜{{ title }}</h1>
  43. {% endif %}
  44.                 <div class="border mb-5">
  45.                     <div class="row px-3 pt-3">
  46.                         <p class="text-center fw-bold pt-3 _fs-4">事例を絞り込む</p>
  47. {% for CategoryData in CategoryDatas %}
  48. {% if CategoryData.id in CheckCategory %}
  49. {% if SearchCategory == CategoryData.id %}
  50.                         <div class="col-6 col-sm-4 col-md-3 mb-3"><a href="{{ url('case') }}?category={{ CategoryData.id }}" class="btn btn-outline-dark w-100 rounded-0 py-3 active">{{ CategoryData.title }}</a></div>
  51. {% else %}
  52.                         <div class="col-6 col-sm-4 col-md-3 mb-3"><a href="{{ url('case') }}?category={{ CategoryData.id }}" class="btn btn-outline-dark w-100 rounded-0 py-3">{{ CategoryData.title }}</a></div>
  53. {% endif %}
  54. {% endif %}
  55. {% endfor %}
  56.                     </div>
  57.                 </div>
  59.                 <div class="row">
  60. {% if pagination.totalItemCount > 0 %}
  61. {% for CaseData in pagination %}
  62.                     <div class="col-6 col-lg-3 mb-4 adjust-height">
  63.                         <div class="bg-secondary p-3 rounded caseheight">
  64.                             <a href="{{ url('case_detail', {'id': CaseData.id}) }}" class="numbering-container">
  65.                                 <div class="number">{{ CaseData.id }}</div>
  66.                                 <img src="/icms/user_data/image/Voice1/{{ CaseData.thumbnail_gazo }}" class="img-fluid text-dark mb-3" alt="{{ CaseData.title }}" width="500" height="500">
  67.                                 <p class="text-center text-dark mb-1">[NO.{{ CaseData.id }}]</p>
  68.                                 <p class="text-center text-dark mb-0">{{ CaseData.title|raw }}</p>
  69.                             </a>
  70.                         </div>
  71.                     </div>
  72. {% endfor %}
  73.                     {% include "pager_case.twig" with {'pages': pagination.paginationData} %}
  74. {% else %}
  75.                         <div class="d-flex justify-content-between mb-4 border-bottom py-3 align-items-center flex-column flex-md-row">
  76.                             <div><span>{{ 'ただいま準備中です'|trans }}</span></div>
  77.                         </div>
  78. {% endif %}
  79.                 </div>
  80.             </main>
  81.         </div>
  82.     </div>
  83. {% endblock %}