{% extends '@SyliusShop/layout.html.twig' %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('shop-product-detail', null, 'bootstrapTheme') }}
{% endblock %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('shop-product-detail', null, 'bootstrapTheme') }}
{% include '@SyliusShop/_tracking/data_layer.html.twig' %}
<script>
(function () {
{# 1. Príprava dát v Twigu #}
{% set variant = product.variants.first %}
{% set tier_prices = variant.getTierPricesForChannel(sylius.channel, sylius.customer) %}
{% if tier_prices|length > 0 %}
{% set tier_price = tier_prices|first %}
{# JEDNOTKOVÁ CENA (napr. 0.03696) #}
{% set unit_price = tier_price.price / 100000 %}
{# MNOŽSTVO (napr. 16361) #}
{% set qty = tier_price.qty %}
{% else %}
{% set unit_price = variant|sylius_calculate_price_with_tax({'channel': sylius.channel, 'zone': sylius.channel.defaultTaxZone}) / 100000 %}
{% set qty = 1 %}
{% endif %}
{# 2. Celková hodnota pre GA4 (604.70) #}
const totalValue = {{ (unit_price * qty)|number_format(2, '.', '') }};
const unitPrice = {{ unit_price|number_format(5, '.', '') }};
const quantity = {{ qty }};
const item = {
item_id: {{ product.code|json_encode|raw }},
item_name: {{ product.name|json_encode|raw }},
item_variant: {{ variant.code|json_encode|raw }},
item_category: {{ product.mainTaxon ? product.mainTaxon.name|json_encode|raw : '"Unknown"' }},
price: unitPrice, // TU JE JEDNOTKOVÁ (0.03696)
quantity: quantity // TU JE QUANTITY (16361)
};
{# 3. Odoslanie do DataLayer #}
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({ ecommerce: null });
window.dataLayer.push({
event: "view_item",
ecommerce: {
currency: {{ sylius.currencyCode|json_encode|raw }},
value: totalValue, // TU JE CELKOVÁ (604.70)
items: [item]
}
});
console.log("GA4 Detailný Debug:", {
currency: {{ sylius.currencyCode|json_encode|raw }},
value: totalValue, // TU JE CELKOVÁ (604.70)
items: [item]
});
})();
</script>
{% endblock %}
{% block title %}
{{ sylius_template_event('dedi_sylius_seo_plugin.title', { resource: product ?? sylius.channel }) }}
{% endblock %}
{% block breadcrumb %}
{% include '@SyliusShop/Product/Show/_breadcrumb.html.twig' %}
{% endblock %}
{% block content %}
<div class="row product-detail">
<div class="col-md-3 d-none d-lg-block">
{% include '@SyliusShop/Product/Index/_sidebar.html.twig' %}
</div>
<div class="col-lg-9">
{% include '@SyliusShop/Product/Show/_header.html.twig' %}
<div class="row">
<div class="col-sm-12 mb-4 col-md-6">
{{ sylius_template_event('sylius.shop.product.show.left_sidebar', _context) }}
</div>
<div class="col-sm-12 col-md-6 ps-md-5">
{{ sylius_template_event('sylius.shop.product.show.right_sidebar', _context) }}
</div>
</div>
{{ sylius_template_event('sylius.shop.product.show.content', _context) }}
</div>
</div>
{% endblock %}