Symfony Profiler

{% set _basket_storage = app.session.get('mldev-cart-storage', []) %}
{% set _basket_amount = _basket_storage[product_item.id]|default(0) %}
{% set product_name = product_item.name|default(product.name) %}
{% set default_image = product_item.getDefaultImage.uri|default() %}
{% set default_image_id = product_item.getDefaultImage.id|default() %}
{% if product_item.defaultImage %}
{% set image = asset(product_item.defaultImage.uri) %}
{% elseif product_item.getAvailableImages()|length %}
{% set image = asset(product_item.defaultImage.uri) %}
{% else %}
{% set image = asset('img/no_image.jpg') %}
{% endif %}
{% set product_id = product_item.id %}
{% set product_name = product_item.name|default(product_item.product.name) %}
{% set product_url = path('mldev-front-product-show', { 'id': product_item.id }) %}
{% set product_price = product_item.price|number_format(0, '', ' ') %}
{% set product_price_old = product_item.priceOld|number_format(0, '', ' ') %}
{% set product_price_unit = '₽' %}
{% set product_volume = product_item.volume %}
{% set product_volume_unit = product_item.volumeUnit %}
{% set product_info = {
id: product_id,
img: image,
imgAlt: product_name,
title: product_name,
cost: product_price,
costUnit: product_price_unit,
discount: product_price_old,
volume: product_volume,
volumeUnit: product_volume_unit,
link: product_url
} %}
<div class="hero">
<div class="container-fluid">
<div class="hero__content">
<div class="swiper info-slider hero-slider">
<div class="swiper-wrapper info-slider__items">
{% for image in product_item.availableImages %}
{% if image.id != default_image_id %}
<div class="swiper-slide info-slider__item" style="background: url('{{ image.uri }}') center / cover no-repeat">
<div class="info-slider__item-content">
<div class="info-slider__item-text"></div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
<div class="swiper-pagination info-slider-pagination hero-slider-pagination"></div>
<div class="info-slider-button info-slider-button-prev hero-slider-button-prev">
<span>
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M31.2237 17.1053C24.1667 17.1053 17.1096 17.1053 10.0525 17.1053C6.91869 17.1053 6.00627 17.5853 2.89571 18C2.24727 18.0865 2.17738 17.4152 2.4914 16.9525C5.19614 12.9665 8.6107 10.6504 11.9999 7.36717C13.0795 6.32131 14.7537 4.67135 15.3453 3.34032C15.5417 2.89838 16.7804 1.21198 16.0437 2.43981C13.7359 6.28611 9.83728 9.15526 6.90991 12.4925C5.66984 13.9061 4.20773 15.4158 3.36299 17.1053C3.07614 17.679 2.79313 18.3157 2.29708 18.7409C0.888329 19.9484 6.22022 24.1894 7.05693 25.0261C8.59498 26.5642 10.2389 29.6276 12.3681 30.3373" stroke="#6d6c69" stroke-width="3" stroke-linecap="round"/>
</svg>
</span>
</div>
<div class="info-slider-button info-slider-button-next hero-slider-button-next">
<span>
<svg width="35" height="37" viewBox="0 0 35 37" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 15.4858C8.51235 15.4858 15.0247 15.4858 21.5371 15.4858C24.2584 15.4858 27.9971 15.2372 30.5689 16.1838C32.5478 16.9122 29.9738 14.5037 29.5 13.9456C27.7744 11.9132 24.4458 10.5163 22.8732 8.31664C22.5279 7.83367 21.429 6.97932 21.2698 6.32326C20.7737 4.27792 18.6932 4.113 17.2615 2.82609C12.823 -1.16349 26.4966 10.3462 30.4445 14.9962C33.0472 18.0618 34.5099 18.0355 30.593 20.242C27.301 22.0964 24.0961 26.2242 22.0418 29.7193C21.1819 31.1822 20.3328 34.2754 19.1024 35" stroke="#6d6c69" stroke-width="3" stroke-linecap="round"/>
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
{% include '@MLDevCatalog/templates/partials/breadcrumbs.html.twig' %}
<div class="container site__product-container" itemscope itemtype="https://schema.org/Product">
<div class="site__product" data-product-id="{{ product_id }}" data-product-info="{{ product_info|json_encode }}">
<div class="site__product-info">
<h1 class="site__product-title">
<div class="site__product-marks">
{% if product_item.isNew %}
<div class="product-item__new">
<img src="/img/icons/new.svg" alt="">
</div>
{% endif %}
{% if product_item.isSale %}
<div class="product-item__sale">
<img src="/img/icons/sale.svg" alt="">
</div>
{% endif %}
</div>
<span itemprop="name">{{ product_name|raw }}</span>
</h1>
{% if product_info.img %}
<img src="{{ app.request.getSchemeAndHttpHost() }}{{ product_info.img }}" alt="{{ product_info.imgAlt }}" style="display: none;" itemprop="image">
{% endif %}
{% if product.ratingScore or product.reviewsCount %}
<a href="#reviews" class="site__product-rating">
<svg><use xlink:href="/img/sprite_new.svg#star" /></svg>
<div class="rating-points">
{% if product.ratingScore and product.reviewsCount %}
{{ product.ratingScore }} <span>/ {{ product.reviewsCount }} отзывов</span>
{% elseif product.ratingScore %}
{{ product.ratingScore }}
{% elseif product.reviewsCount %}
{{ product.reviewsCount }}
{% endif %}
</div>
</a>
{% endif %}
<div class="site__product-description">
<div class="description-text content" itemprop="description">
{{ product.annotation|raw }}
</div>
<div class="site__product-cart site__product-cart_mobile" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<div class="product-cart__header">
<div class="product-cart__pirce">
{% if product_item.price > 0 %}
<meta itemprop="price" content="{{ product_price }}">
<meta itemprop="priceCurrency" content="RUB">
{% if product_item.priceOld > 0 %}<span class="product-cart__pirce-old"><price>{{ product_price_old }}</price><s class="product-page__cost-unit"> ₽</s></span><span class="product-cart__volume"> / </span>{% endif %}
{{ product_price }} <span class="product-page__cost-unit">₽</span>{# <span class="product-cart__volume">/ {{ product_volume }} {{ product_volume_unit }}</span> #}
{% endif %}
</div>
<button class="btn-control btn-control-fav" data-favorite type="button">
<span class="btn-control__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.4769 20.0849C10.673 19.0023 9.62237 17.787 8.59332 16.9473C8.25868 16.6742 7.8048 16.0156 7.56804 15.6399C7.29524 15.207 6.62317 14.4126 6.15828 14.2018C5.63801 13.966 5.14534 12.9968 4.87668 12.5096C4.54878 11.9149 3.99567 11.4029 3.58796 10.8681C2.99986 10.0968 2.31606 9.43 2.12836 8.37693C1.95576 7.40857 1.8957 6.57773 2.34908 5.70416C2.83386 4.77007 3.53159 4.40876 4.42812 3.97557C5.91505 3.25709 8.66497 2.88765 10.1953 3.7141C10.5313 3.89555 10.859 4.15402 11.1565 4.39682C11.3678 4.56928 11.7155 5.24141 11.9326 5.30469C12.115 5.35786 12.6796 4.72702 12.9508 4.66555C13.3374 4.57791 13.7216 4.3088 14.1042 4.13535C16.0454 3.25525 19.7732 2.06428 21.4022 4.20072C21.9168 4.87563 21.986 6.29744 21.986 7.11317C21.986 8.26121 22.0956 9.42618 21.7012 10.5123C21.4479 11.21 20.9329 12.0078 20.4196 12.5314C19.1496 13.8269 17.7324 14.9821 16.4467 16.2645C15.213 17.495 13.6926 18.412 12.374 19.5329C11.8811 19.9519 11.2545 20.7212 10.708 21" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"></path>
</svg>
</span>
</button>
</div>
{% if product_item.amount > 0 %}
<link itemprop="availability" href="http://schema.org/InStock">
<div class="product-page__header-controls active-counter" data-product-counter data-product-id="{{ product_id }}">
<div class="product-page__header-btns {% if _basket_amount > 0 %}withCounter{% endif %}">
<div class="product-counter-wrapper">
<div class="product-counter product-page__counter product-counter_leafe">
<button class="product-counter__control btn-control btn-control-minus-small" data-product-minus type="button">
<span class="btn-control__icon">
-
</span>
</button>
<div class="product-counter__info">
<span class="product-counter__num">{{ _basket_amount }}</span>
</div>
<button class="product-counter__control btn-control btn-control-plus-small" data-product-plus type="button">
<span class="btn-control__icon">
+
</span>
</button>
<input type="hidden" value="{{ _basket_amount }}" data-product-input />
</div>
</div>
<button class="btn btn-action product-page__add-btn btn-action_leafe" type="button" data-product-send data-increase-amount>{% if _basket_amount > 0 %}перейти в корзину{% else %}добавить в корзину{% endif %}</button>
</div>
</div>
{% else %}
<link itemprop="availability" href="http://schema.org/OutOfStock">
<div class="btn btn-action product-page__add-btn product-page__add-btn-out-of-stock">скоро в продаже</div>
{% endif %}
<div class="product-cart__block">
<div class="product-cart__block-heading">доставка</div>
<div class="product-cart__block-description">
<p>бесплатная доставка по всей России</p>
<p>при заказе от 7000 рублей</p>
{#бесплатная доставка при заказе<br>от 3000 рублей в Москве и Санкт-Петербурге,<br>от 6000 рублей в остальных городах России.#}
</div>
</div>
<div class="product-cart__block">
<div class="product-cart__block-heading">варианты объема</div>
<div class="product-cart__block-list">
{% for variant in product.items|filter(v => v.isActive) %}
<a href="{{ path('mldev-front-product-show', { id: variant.id }) }}" class="item {{ variant.id == product_item.id ? 'current' }}">{{ variant.alterName|default(variant.name) }}</a>
{% endfor %}
</div>
</div>
{% if product_item.marketplaceLinkOzon or product_item.marketplaceLinkWildberries or product_item.marketplaceLinkYandexMarket %}
<div class="product-cart__block">
<div class="product-cart__block-heading">где еще можно купить</div>
<div class="product-cart__block-list">
{% if product_item.marketplaceLinkOzon %}
<a href="{{ product_item.marketplaceLinkOzon }}" target="_blank" class="item">ozon</a>
{% endif %}
{% if product_item.marketplaceLinkWildberries %}
<a href="{{ product_item.marketplaceLinkWildberries }}" target="_blank" class="item">wildberries</a>
{% endif %}
{% if product_item.marketplaceLinkYandexMarket %}
<a href="{{product_item.marketplaceLinkYandexMarket }}" target="_blank" class="item">яндекс.маркет</a>
{% endif %}
</div>
</div>
{% endif %}
</div>
<div class="description-blocks">
{% if product.skin|length %}
<div class="item">
<div class="item__heading">тип кожи</div>
<div class="item__text">{{ product.skin|join(', ')|lower}}</div>
</div>
{% endif %}
{% if product.skinCondition|length %}
<div class="item">
<div class="item__heading">состояние кожи</div>
<div class="item__text">{{ product.skinCondition|join(', ')|lower }}</div>
</div>
{% endif %}
{% if product.aroma|length %}
<div class="item">
<div class="item__heading">аромат</div>
<div class="item__text">{{ product.aroma|join(', ')|lower }}</div>
</div>
{% endif %}
{% if product.effect|length %}
<div class="item">
<div class="item__heading">результат</div>
<div class="item__text">{{ product.effect|join(', ')|lower }}</div>
</div>
{% endif %}
{% if product.hairState|length %}
<div class="item">
<div class="item__heading">состояние волос</div>
<div class="item__text">{{ product.hairState|join(', ')|lower }}</div>
</div>
{% endif %}
{% if product.hairType|length %}
<div class="item">
<div class="item__heading">тип волос</div>
<div class="item__text">{{ product.hairType|join(', ')|lower }}</div>
</div>
{% endif %}
</div>
</div>
<div class="site__product-widgets">
{% for widget in product.getWidgets() %}
{{ mldev_catalog_widget(widget, { product: product, product_item: product_item }) }}
{% endfor %}
</div>
</div>
<div class="site__product-cart site__product-cart_desctop">
<div class="product-cart__heading">{{ product_name|raw }}</div>
<div class="product-cart__header">
<div class="product-cart__pirce">
{% if product_item.price > 0 %}
{% if product_item.priceOld > 0 %}<span class="product-cart__pirce-old"><price>{{ product_price_old }}</price><s class="product-page__cost-unit"> ₽</s></span><span class="product-cart__volume"> / </span>{% endif %}
{{ product_price }} <span class="product-page__cost-unit">₽</span>{# <span class="product-cart__volume">/ {{ product_volume }} {{ product_volume_unit }}</span> #}
{% endif %}
</div>
<button class="btn-control btn-control-fav" data-favorite type="button">
<span class="btn-control__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.4769 20.0849C10.673 19.0023 9.62237 17.787 8.59332 16.9473C8.25868 16.6742 7.8048 16.0156 7.56804 15.6399C7.29524 15.207 6.62317 14.4126 6.15828 14.2018C5.63801 13.966 5.14534 12.9968 4.87668 12.5096C4.54878 11.9149 3.99567 11.4029 3.58796 10.8681C2.99986 10.0968 2.31606 9.43 2.12836 8.37693C1.95576 7.40857 1.8957 6.57773 2.34908 5.70416C2.83386 4.77007 3.53159 4.40876 4.42812 3.97557C5.91505 3.25709 8.66497 2.88765 10.1953 3.7141C10.5313 3.89555 10.859 4.15402 11.1565 4.39682C11.3678 4.56928 11.7155 5.24141 11.9326 5.30469C12.115 5.35786 12.6796 4.72702 12.9508 4.66555C13.3374 4.57791 13.7216 4.3088 14.1042 4.13535C16.0454 3.25525 19.7732 2.06428 21.4022 4.20072C21.9168 4.87563 21.986 6.29744 21.986 7.11317C21.986 8.26121 22.0956 9.42618 21.7012 10.5123C21.4479 11.21 20.9329 12.0078 20.4196 12.5314C19.1496 13.8269 17.7324 14.9821 16.4467 16.2645C15.213 17.495 13.6926 18.412 12.374 19.5329C11.8811 19.9519 11.2545 20.7212 10.708 21" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"></path>
</svg>
</span>
</button>
</div>
{% if product_item.amount > 0 %}
<div class="product-page__header-controls active-counter" data-product-counter data-product-id="{{ product_id }}">
<div class="product-page__header-btns {% if _basket_amount > 0 %}withCounter{% endif %}">
<div class="product-counter-wrapper">
<div class="product-counter product-page__counter product-counter_leafe">
<button class="product-counter__control btn-control btn-control-minus-small" data-product-minus type="button">
<span class="btn-control__icon">
-
</span>
</button>
<div class="product-counter__info">
<span class="product-counter__num">{{ _basket_amount }}</span>
</div>
<button class="product-counter__control btn-control btn-control-plus-small" data-product-plus type="button">
<span class="btn-control__icon">
+
</span>
</button>
<input type="hidden" value="{{ _basket_amount }}" data-product-input />
</div>
</div>
<button class="btn btn-action product-page__add-btn btn-action_leafe" type="button" data-product-send data-increase-amount>{% if _basket_amount > 0 %}перейти в корзину{% else %}добавить в корзину{% endif %}</button>
</div>
</div>
{% else %}
<div class="btn btn-action product-page__add-btn product-page__add-btn-out-of-stock">скоро в продаже</div>
{% endif %}
<div class="product-cart__block">
<div class="product-cart__block-heading">доставка</div>
<div class="product-cart__block-description">
<p>бесплатная доставка по всей России</p>
<p>при заказе от 7000 рублей</p>
{#бесплатная доставка при заказе<br>от 3000 рублей в Москве и Санкт-Петербурге,<br>от 6000 рублей в остальных городах России.#}
</div>
</div>
<div class="product-cart__block">
<div class="product-cart__block-heading">варианты объема</div>
<div class="product-cart__block-list">
{% for variant in product.items|filter(v => v.isActive) %}
<a href="{{ path('mldev-front-product-show', { id: variant.id }) }}" class="item {{ variant.id == product_item.id ? 'current' }}">{{ variant.alterName|default(variant.name) }}</a>
{% endfor %}
</div>
</div>
{% if product_item.marketplaceLinkOzon or product_item.marketplaceLinkWildberries or product_item.marketplaceLinkYandexMarket %}
<div class="product-cart__block">
<div class="product-cart__block-heading">где еще можно купить</div>
<div class="product-cart__block-list">
{% if product_item.marketplaceLinkOzon %}
<a href="{{ product_item.marketplaceLinkOzon }}" target="_blank" class="item">ozon</a>
{% endif %}
{% if product_item.marketplaceLinkWildberries %}
<a href="{{ product_item.marketplaceLinkWildberries }}" target="_blank" class="item">wildberries</a>
{% endif %}
{% if product_item.marketplaceLinkYandexMarket %}
<a href="{{product_item.marketplaceLinkYandexMarket }}" target="_blank" class="item">яндекс.маркет</a>
{% endif %}
</div>
</div>
{% endif %}
</div>
{% if product_item.amount > 0 %}
<div class="product-page__add-to-cart">
<span>{{ product_name|raw }}<br>{{ product_price }} <span class="product-page__cost-unit">₽</span> <span>/ {{ product_volume }} {{ product_volume_unit }}</span></span>
<div class="product-page__add-to-cart-button" data-product-send data-increase-amount>{% if _basket_amount > 0 %}перейти в корзину{% else %}добавить в корзину{% endif %}</div>
</div>
{% endif %}
</div>
</div>
{% include 'widget/promocode/default.html.twig' with { title: 'получите скидку 5%', subtitle: 'за подписку на нашу рассылку'} %}
<script>
document.body.classList.add('product-page')
const productTitle = document.querySelector('.site__product-title')
const productCartTitle = document.querySelector('.product-cart__heading')
window.onscroll = (e) => {
const productTitleOffset = productTitle.getBoundingClientRect().top
if(productTitleOffset < 0) productCartTitle.classList.add('visible')
else productCartTitle.classList.remove('visible')
}
setTimeout(() => {
dataLayer.push({ ecommerce: null })
dataLayer.push({
event: "view_item",
ecommerce: {
items: [{
item_name: "{{ product_name }}",
item_id: "{{ product_id }}",
price: {{ product_item.price|number_format(0, '', '') }},
index: 1,
quantity: 1
}]
}
});
}, 2000)
</script>
<script>
async function getProductCount(id) {
try {
const cart = await window.mldev.cartAction.getCartDetails().then((data) => data.items[id])
return cart;
} catch (err) {
console.log(err);
}
}
const productCounter = document.querySelector('[data-product-counter]');
const inputCounter = document.querySelectorAll('[data-product-input]');
const controlPlus = document.querySelectorAll('[data-product-plus]')
const controlMinus = document.querySelectorAll('[data-product-minus]')
const productAddBtn = document.querySelectorAll('[data-product-send]')
const numEl = document.querySelectorAll('.product-counter__num');
const productId = productCounter.dataset.productId
getProductCount(productId).then(res => {
console.log(res?.count?.value)
if(res?.count?.value > 0){
document.querySelectorAll('.product-page__header-btns').forEach(w => {
w.classList.add('withCounter')
})
productAddBtn.forEach(b => {
if(b.innerText != 'перейти в корзину') return
b.innerText = 'перейти в корзину'
b.addEventListener('click', e => {
e.preventDefault
window.location.href = '/cart'
})
})
}
})
function resetValue(val) {
inputCounter.forEach(el => el.value = 1)
numEl.forEach(el => el.textContent = 1)
}
async function addToCart(newValue = null) {
const inCartValue = await getProductCount(productId).then(res => res?.count?.value)
const inputCounterCurrent = document.querySelectorAll('[data-product-input]')
if(!newValue) newValue = inCartValue ? (Number(inCartValue) + Number(inputCounterCurrent[0].value)) : inputCounterCurrent[0].value
window.mldev.cartAction.setToCart(productId, newValue)
}
function changeValue(val) {
let currentValue
inputCounter.forEach(el => {
if (+el.value <= 1 && val === -1) return
currentValue = +el.value + val
el.value = currentValue
numEl.forEach(el => el.textContent = currentValue)
})
addToCart(currentValue)
}
controlPlus.forEach(el => el.addEventListener('click', () => changeValue(1)))
controlMinus.forEach(el => el.addEventListener('click', () => changeValue(-1)))
productAddBtn.forEach(el => {
el.addEventListener('click', () => {
if(el.innerText != 'перейти в корзину'){
changeValue(1)
productAddBtn.forEach(b => b.innerText = 'перейти в корзину')
document.querySelectorAll('.product-page__header-btns').forEach(w => {
w.classList.add('withCounter')
})
}
else window.location.href = '/cart'
})
})
r46("track", "view", {
id: "{{ product_id }}",
stock: {% if product_item.amount > 0 %}true{% else %}false{% endif %}
});
</script>

templates/bundles/MLDevCatalogBundle/templates/default.html.twig line 1