app/template/default/Artists/detail.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. {% block javascript %}
  14. {% endblock %}
  16. {% block stylesheet %}
  17.     <style>
  18.         .img-wrap-detail {
  19.             width: auto;
  20.             height: 300px;
  21.         }
  22.         .img {
  23.             width: auto;
  24.             height: 300px;
  25.             max-width: auto;
  26.             max-height: 300px;
  27.             object-fit: cover;
  28.             border-radius: 6px;
  29.         }
  31.         .product-detail-artist-photo-detail {
  32.             margin: 0px 10% 70px 5%;;
  33.         }
  35.         .margin {
  36.             margin: 10%;
  37.         }
  38.         .mt {
  39.             margin-top: -10%;
  40.         }
  41.         .mtplus {
  42.             margin-top: 25px
  43.         }
  44.         .ec-shelfGrid__item:hover {
  45.            color: #d5a770;
  46.         }
  48.         /* 800以下の時 */
  49.         @media screen and (max-width: 800px) {
  50.             .product-detail-artist-photo-detail {
  51.                 display: none;
  52.             }
  53.             .hr {
  54.                 visibility:hidden
  55.             }
  56.         }
  57.     </style>
  58. {% endblock %}
  60. {% block main %}
  61.     <div class="center">
  62.         <div class="product-detail-artist margin">
  63.             <div class="artist-detail-artist-description">
  64.                 <div class="flex">
  65.                     <i class="fa-solid fa-pen-nib fa-2x fontawesome-size"></i>
  66.                     <h2 class="fontweight-bold">{{ artist.name }}</h2>
  67.                 </div>
  68.                 <div class="product-detail-artist-desc">
  69.                     <p class="fontweight-bold">« {{ artist.getDescription }} »</p>
  70.                 </div>
  72.                 <div class="hr"></div>
  73.             </div>
  74.             <div class="product-detail-artist-photo-detail">
  75.                 <img src="{{ asset(artist.image |no_image_product, 'user_data') }}" alt=artist.name class="img">
  76.             </div>
  77.         </div>
  79.         <div class="ec-searchnavRole mt">
  80.             <div class="ec-searchnavRole__topicpath">
  81.                 <ol class="ec-topicpath">
  82.                     <div class="artcategory-flex">
  83.                         <div class="category-title"><h2 class="fontweight-bold gold"><a href="{{ url('product_list') }}">{{ 'アート作品'|trans }}</a></h2></div>
  84.                     </div>
  85.                 </ol>
  86.             </div>
  87.         </div>
  89.         {% if selectedProducts %}
  90.         <div class="ec-shelfRole mtplus">
  91.             <ul class="ec-shelfGrid">
  92.                 {% for selectedProduct in selectedProducts %}
  93.                     <li class="ec-shelfGrid__item">
  94.                         <a href="{{ url('product_detail', {'id': selectedProduct.id}) }}">
  95.                             <div class="img-wrap-detail">
  96.                                 <img class="img" src="{{ asset(selectedProduct.main_list_image|no_image_product, 'save_image') }}" alt="{{ selectedProduct.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  97.                             </div>
  98.                             <p class="margin">{{ selectedProduct.name }}</p>
  99.                             {# 絵のサイズ #}
  100.                             {% if selectedProduct.getProductionSizeVertical and selectedProduct.getProductionSizeWidth %}
  101.                                 <p class="margin">{{ selectedProduct.getProductionSizeVertical }} x {{ selectedProduct.getProductionSizeWidth }} cm</p>
  102.                             {% endif %}
  103.                             <p class="price02-default margin">
  104.                                 {% if selectedProduct.hasProductClass %}
  105.                                     {% if selectedProduct.getPrice02Min == selectedProduct.getPrice02Max %}
  106.                                         {{ selectedProduct.getPrice02IncTaxMin|price }}
  107.                                     {% else %}
  108.                                         {{ selectedProduct.getPrice02IncTaxMin|price }} ～ {{ selectedProduct.getPrice02IncTaxMax|price }}
  109.                                     {% endif %}
  110.                                 {% else %}
  111.                                     {{ selectedProduct.getPrice02IncTaxMin|price }}
  112.                                 {% endif %}
  113.                             </p>
  114.                         </a>
  115.                     </li>
  116.                 {% endfor %}
  117.             </ul>
  118.         </div>
  119.         {% else %}
  120.         <h3>作品はまだありません</h3>
  121.         {% endif %}
  122.     </div>
  123. {% endblock %}