templates/product/item/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ item.title }}{% endblock %}
  5. {% block body %}
  6. <main>
  7.     <section class="komili-product-detail">
  8.         <div class="komili-wrapper">
  9.             <div class="komili-product-detail-box">
  10.                 {% if item.properties|length > 0 %}
  11.                     <figure>
  12.                         <a href="#komili-modal-product-big" rel="modal:open">
  13.                             <img id="komili_cover_image" src="{{ item.properties[0].file.url }}" alt="{{ item.properties[0].title }}" class="m-auto">
  14.                         </a>
  15.                     </figure>
  16.                 {% else %}
  17.                     <figure>
  18.                         <a href="#komili-modal-product-big" rel="modal:open">
  19.                             <img src="{{ item.image.url }}" alt="{{ item.title }}" class="m-auto">
  20.                         </a>
  21.                     </figure>
  22.                 {% endif %}
  24.                 <div class="text">
  25.                     <h1 class="bold text-color-p mb-32">{{ item.title }}</h1>
  26.                     {% if item.properties|length > 0 %}
  27.                         <ul class="komili-product-amount">
  28.                             {% for key,p in item.properties %}
  29.                                 <li>
  30.                                     <a href="javascript:;" {% if key == 0 %} class="selected" {% endif %} data-image="{{ p.file.url }}">{{ p.title }}</a>
  31.                                 </li>
  32.                             {% endfor %}
  33.                         </ul>
  34.                     {% endif %}
  35.                     <p>{{ item.content|raw }}</p>
  36.                 </div>
  37.             </div>
  38.         </div>
  39.     </section>
  40.     <div itemscope itemtype="http://schema.org/Product">
  41.         <meta itemscope itemprop="mainEntityOfPage"  itemType="https://schema.org/WebPage" itemid="{{ url('product_item_show', { 'categorySlug': item.product.slug, 'itemSlug': item.slug}) }}"/>
  42.         <meta itemprop="headline" content="{{ item.title }}">
  43.         <h3 itemprop="author" itemscope itemtype="https://schema.org/Person">
  44.             <meta itemprop="name" content="Komili">
  45.         </h3>
  46.         <meta itemprop="description" content="{{ item.content }}"/>
  47.         <div itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
  48.             <meta itemprop="url" content="{{ item.image.url }}">
  49.         </div>
  50.         <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
  51.             <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
  52.                 <meta itemprop="url" content="{{ absolute_url('/img/komili-logo.svg') }}">
  53.             </div>
  54.             <meta itemprop="name" content="Komili">
  55.         </div>
  56.         <meta itemprop="datePublished" content="{{ item.createdAt|date('Y-m-d') }}T{{ item.createdAt|date('H:s') }}"/>
  57.         <meta itemprop="dateModified" content="{{ item.updatedAt|date('Y-m-d') }}T{{ item.updatedAt|date('H:s') }}"/>
  58.     </div>
  59. </main>
  60.     {% if item.properties|length == 0 %}
  61.     <div class="modal" id="komili-modal-product-big">
  62.         <div class="w-100" style="display: flex; justify-content: center">
  63.             <img src="{{ item.image.url }}" alt="{{ item.title }}">
  64.         </div>
  65.     </div>
  66.     {% endif %}
  67. {% endblock %}