{% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
{{ sonata_block_render_event('sylius.shop.product.index.before_box', {'product': product}) }}
<div class="ui item electroniquedevice">
<div class="image fluid">
<a href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}" class="blurring dimmable fluid">
<div class="ui dimmer">
<div class="content">
<div class="center">
<div class="ui inverted button">{{ 'sylius.ui.view_more'|trans }}</div>
</div>
</div>
</div>
{% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': product} %}
</a>
</div>
<div class="content">
<a href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}" class="ui header sylius-product-name">{{ product.name }}</a>
<div class="description">
<div class="ui small info message">
{{ sonata_block_render_event('sylius.shop.product.show.tab_details', {'product': product}) }}
{% if product.description is not empty %}
{{ product.description | raw }}
{% else %}
{{ 'sylius.ui.no_description'|trans }}.
{% endif %}
</div>
</div>
<div class="meta">
<span>
{{ product.shortDescription }}
{{ sonata_block_render_event('sylius.shop.product.show.after_description', {'product': product}) }}
</span>
</div>
{% include '@SyliusShop/Product/Show/Tabs/_attributewithcode.html.twig' with {'product': product} %}
<div class="extra">
{# PRICE
{% if not product.variants.empty() %}
<div class="sylius-product-price">
{{ money.calculatePrice(product|sylius_resolve_variant) }}
</div>
{% endif %}
#}
{{ sonata_block_render_event('sylius.shop.product.show.after_add_to_cart', {'product': product}) }}
{{ sonata_block_render_event('sylius.shop.product.index.after_box', {'product': product}) }}
</div>
</div>
</div>