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

Open in your IDE?
  1. {% set preview = 'open_marketplace_vendor_product_listings_preview' == app.request.attributes.get('_route') %}
  2. {% if true == preview and product_listing is defined %}
  3.     {% set product = convert_draft_to_product(product_listing.latestDraft) %}
  4. {% endif %}
  5. {% extends '@SyliusShop/layout.html.twig' %}
  7. {% block title %}{{ product.name }} | {{ parent() }}{% endblock %}
  9. {% block content %}
  10.     {% include '@SyliusShop/Product/Show/_breadcrumb.html.twig' %}
  11.     <div class="ui hidden divider"></div>
  13.     {{ sylius_template_event('sylius.shop.product.show.header', _context) }}
  15.     <div class="ui two column stackable grid">
  16.         <div class="ten wide column">
  17.             {{ sylius_template_event('sylius.shop.product.show.left_sidebar', _context) }}
  18.         </div>
  19.         <div class="six wide column">
  20.             <div class="ui top attached large tabular menu product-tabs">
  21.                 <a class="item active" data-tab="summary">{{ 'app.ui.product.tabs.summary'|trans }}</a>
  22.             </div>
  23.             <div class="ui bottom attached tab segment product-tabs active" data-tab="summary">
  24.                 {{ sylius_template_event('sylius.shop.product.show.right_sidebar', _context) }}
  25.             </div>
  26.         </div>
  27.     </div>
  29.     <div class="ui two column stackable grid">
  30.         <div class="ten wide column">
  31.             {{ sylius_template_event('sylius.shop.product.show.content_left_column', _context) }}
  32.         </div>
  33.         <div class="six wide column">
  34.         {% if is_mobile() %}
  35.             <div class="wrapper-cont trigger-element">
  36.                 <ul class="tab-conts-box-cont form-tabs">
  37.                     <li class="tab-hyf active" data-tab="rfq">
  38.                         {{ 'app.ui.product.tabs.rfq'|trans }}
  39.                     </li>
  40.                     <li class="tab-hyf" data-tab="inquiry">
  41.                         {{ 'app.ui.product.tabs.contact_vendor'|trans }}
  42.                     </li>
  43.                 </ul>
  44.             </div>
  45.         {% endif %}
  46.         {% if is_mobile() %}
  47.             <div class="tab-cont-content-cont">
  48.                 {{ sylius_template_event('sylius.shop.product.show.content_right_column', _context) }}
  49.             </div>
  50.         {% else %}
  51.             {{ sylius_template_event('sylius.shop.product.show.content_right_column', _context) }}
  52.         {% endif %}
  53.         </div>
  54.     </div>
  56.     {{ sylius_template_event('sylius.shop.product.show.content', _context) }}
  57.     {% if is_mobile() %}
  58.         <div class="rectangle-group sticky-header">
  59.             <div class="sticky-buttons-group">
  60.                 <div class="btn" data-tab="rfq">{{ 'app.ui.product.tabs.rfq'|trans }}</div>
  61.                 <div class="btn" data-tab="inquiry">{{ 'app.ui.product.tabs.contact_vendor'|trans }}</div>
  62.             </div>
  63.         </div>
  64.     {% endif %}
  65. {% endblock %}
  67. {% block javascripts %}
  68.     {{ parent() }}
  70.     <script type="text/javascript">
  71.         lightbox.option({
  72.             'albumLabel': '{{ 'sylius.lightbox.image_album_label'|trans|escape('js') }}'
  73.         });
  74.     </script>
  75. {% endblock %}