{% set preview = 'open_marketplace_vendor_product_listings_preview' == app.request.attributes.get('_route') %}
{% if true == preview and product_listing is defined %}
{% set product = convert_draft_to_product(product_listing.latestDraft) %}
{% endif %}
{% extends '@SyliusShop/layout.html.twig' %}
{% block title %}{{ product.name }} | {{ parent() }}{% endblock %}
{% block content %}
{% include '@SyliusShop/Product/Show/_breadcrumb.html.twig' %}
<div class="ui hidden divider"></div>
{{ sylius_template_event('sylius.shop.product.show.header', _context) }}
<div class="ui two column stackable grid">
<div class="ten wide column">
{{ sylius_template_event('sylius.shop.product.show.left_sidebar', _context) }}
</div>
<div class="six wide column">
<div class="ui top attached large tabular menu product-tabs">
<a class="item active" data-tab="summary">{{ 'app.ui.product.tabs.summary'|trans }}</a>
</div>
<div class="ui bottom attached tab segment product-tabs active" data-tab="summary">
{{ sylius_template_event('sylius.shop.product.show.right_sidebar', _context) }}
</div>
</div>
</div>
<div class="ui two column stackable grid">
<div class="ten wide column">
{{ sylius_template_event('sylius.shop.product.show.content_left_column', _context) }}
</div>
<div class="six wide column">
{{ sylius_template_event('sylius.shop.product.show.content_right_column', _context) }}
</div>
</div>
{{ sylius_template_event('sylius.shop.product.show.content', _context) }}
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script type="text/javascript">
lightbox.option({
'albumLabel': '{{ 'sylius.lightbox.image_album_label'|trans|escape('js') }}'
});
</script>
{% endblock %}