templates/bundles/SyliusShopBundle/Product/show.html.twig line 39

Open in your IDE?
  1. {% extends '@SyliusShop/layout.html.twig' %}
  3. {% block title %}{{ product.name }} | {{ parent() }}{% endblock %}
  5. {% block content %}
  6.     <div class="container-h">
  7.         {% include '@SyliusShop/Product/Show/_breadcrumb.html.twig' %}
  8. {#        <div class="ui hidden divider"></div>#}
  9.         {% if product.images.toArray()|length > 1%}
  10.             <div class="header-product-info">
  11.                 {{ sylius_template_event('sylius.shop.product.show.before.content', _context) }}
  12.             </div>
  13.                 <div class="mobile-version-gallery">
  14.                     {% include '@SyliusShop/Product/Show/_image_mobile.html.twig' %}
  15.                 </div>
  16.                 <div class="ui two column stackable grid" id="destock-version-gallery">
  17.                     <div class="column" id="column-left">
  18.                         {{ sylius_template_event('sylius.shop.product.show.left_sidebar', _context) }}
  19.                     </div>
  20.                     <div class="column" id="column-right">
  21.                         {{ sylius_template_event('sylius.shop.product.show.right_sidebar.images', _context) }}
  22.                     </div>
  23.                 </div>
  25.             {% else %}
  27.             <div class="ui two column stackable grid" id="gallery-main-and-secondary">
  28.                 <div class="column" id="column-left">
  29.                     {{ sylius_template_event('sylius.shop.product.show.left_sidebar', _context) }}
  30.                 </div>
  31.                 <div class="header-product-info column">
  32.                     {{ sylius_template_event('sylius.shop.product.show.before.content', _context) }}
  33.                 </div>
  35.             </div>
  37.         {% endif %}
  38. </div>
  39.     {{ sylius_template_event('sylius.shop.product.show.content', _context) }}
  41.     <style>
  42.         #main-container {
  43.             padding-bottom: 0;
  44.         }
  45.         #box-product-card{
  46.             display: none;
  47.             width: 100% !important;
  48.             margin: 0 !important;
  49.         }
  50.         #box-product-card:nth-child(1){
  51.             display: flex;
  52.         }
  53.     </style>
  54. {% endblock %}
  57. {% block javascripts %}
  58.     {{ parent() }}
  60.     <script type="text/javascript">
  61.       lightbox.option({
  62.         'albumLabel': '{{ 'sylius.lightbox.image_album_label'|trans|escape('js') }}'
  63.       });
  64.     </script>
  65. {% endblock %}