{% if(childs|length) %}
<div class="row hidden-xs pchi-block main-recomended-block">
<div class="col-xs-12">
<div class="title"><span>{{ labels.get('prod-childs')|raw }}</span></div>
<div>
{% for prod in childs %}
{% if prod.id %}
{% set prodone = prod %}
<div class="col-sm-4 col-md-4 col-lg-3 col-xl-3 col-xs-6 box-product-outer bpo-grid pl-grid">
<div class="bpo-loading">
</div>
<div class="box-product">
<div class="img-wrapper pl-img-thumb-{{ prod.id }}">
<a href="{{ path('prod_cont', {'prod_id': prod.id}) }}" class="grid-img-thumb">
<img class="b-lazy" src="{{ asset('loading-img' ~ (env.is_opt ? '-opt' : '') ~ '.gif', 'img') }}" data-src="{{ asset(env.host_static ~ '/pic/prod-l/' ~ prod.id ~ '.jpg') }}" alt="{{ prod.name }}" title="{{ prod.name }}"><!-- onclick="<?=\ASweb\SEO\GoogleTrade::gProdClick($prod->id)?>"-->
</a>
</div>
<div class="pl-labels-{{ prod.id }}">
{{ include('catalog/block/prod-labels.html.twig') }}
</div>
<div class="pc-new pl-wish pl-grid-hover">
<div class="pl-grid-wishlist pl-wishlist-{{ prod.id }}-2">
{{ include('catalog/block/prod-wishlist.html.twig') }}
</div>
</div>
<div class="pa visible-xs">
<div class="pc-wish pl-wishlist-{{ prod.id }}">
{{ include('catalog/block/prod-wishlist-mobile.html.twig') }}
</div>
</div>
<div class="pa w100 hidden-xs pl-grid-hover">
<div class="pa pl-grid-form">
<div class="pgf-1">
<div class="pl-form-{{ prod.id }}-2">
{{ include('catalog/block/prod-form.html.twig') }}
</div>
</div>
</div>
</div>
{{ include('catalog/block/prod-colors.html.twig') }}
<div class="h6 pl-name-{{ prod.id }} gpl-h6">
<div class="gpl-art"><a href="{{ path('prod_cont', {'prod_id': prod.id}) }}" title="{{ prod.name }}">...({{ prod.art }})</a></div>
<a href="{{ path('prod_cont', {'prod_id': prod.id}) }}" title="{{ prod.name }}">{% if prod.pop %}<img src="{{ asset('hot' ~ app.request.locale ~ '.png', 'img') }}" alt="hot" class="prod-hot"> {% endif %}{{ prod.name }}</a>
</div>
<div class="weight">
{{ labels.get('pack')|raw }}:
<span class="pl-inpack-{{ prod.id }}">{{ include('catalog/block/prod-inpack.html.twig') }}</span>
</div>
<div class="xprice pl-price-{{ prod.id }}">
{{ include('catalog/block/prod-price.html.twig') }}
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
<div class="visible-xs main-recomended-block">
<div class="main-recomended-prods">
<div class="title"><span>{{ labels.get('prod-childs')|raw }}</span></div>
<!-- Full Slider -->
<div class="container-fluid">
<div class="row">
<div class="home-slider-2">
{% for prod in childs %}
{% if prod.id %}
{% set prodone = prod %}
<div class="item box-product-outer bpo-grid">
<div class="bpo-loading">
</div>
<div class="box-product">
<div class="img-wrapper pl-img-thumb-{{ prod.id }}">
<a href="{{ path('prod_cont', {'prod_id': prod.id}) }}" class="grid-img-thumb pchi-thumb">
<img class="b-lazy" src="{{ asset('loading-img' ~ (env.is_opt ? '-opt' : '') ~ '.gif', 'img') }}" data-src="{{ asset(env.host_static ~ '/pic/prod-l/' ~ prod.id ~ '.jpg') }}" alt="{{ prod.name }}" title="{{ prod.name }}"><!-- onclick="<?=\ASweb\SEO\GoogleTrade::gProdClick($prod->id)?>"-->
</a>
</div>
{% if prod.skidka %}
<div class="pc-skidka pc-skidka-{{ prod.id }} pc-skidka-active skidka1_{{ prod.id }}">-{{ prod.skidka }}%</div>
{% endif %}
{% if prod.skidka2 %}
<div class="pc-skidka pc-skidka-{{ prod.id }} skidka2_{{ prod.id }}">-{{ prod.skidka2 }}%</div>
{% endif %}
{% if prod.skidka3 %}
<div class="pc-skidka pc-skidka-{{ prod.id }} skidka3_{{ prod.id }}">-{{ prod.skidka3 }}%</div>
{% endif %}
{% if prod.skidka4 %}
<div class="pc-skidka pc-skidka-{{ prod.id }} skidka4_{{ prod.id }}">-{{ prod.skidka4 }}%</div>
{% endif %}
{% if prod.new %}
<div class="pc-new"></div>
{% endif %}
<div class="pa visible-xs">
<div class="pc-wish pl-wishlist-{{ prod.id }}">
{{ include('catalog/block/prod-wishlist-mobile.html.twig') }}
</div>
</div>
{{ include('catalog/block/prod-colors.html.twig') }}
<div class="h6 pl-name-{{ prod.id }} gpl-h6">
<div class="gpl-art"><a href="{{ path('prod_cont', {'prod_id': prod.id}) }}" title="{{ prod.name }}">...({{ prod.art }})</a></div>
<a href="{{ path('prod_cont', {'prod_id': prod.id}) }}" title="{{ prod.name }}">{% if prod.pop %}<img src="{{ asset('hot' ~ app.request.locale ~ '.png', 'img') }}" alt="hot" class="prod-hot"> {% endif %}{{ prod.name }}</a>
</div>
<div class="weight">
{{ labels.get('pack')|raw }}:
<span class="pl-inpack-{{ prod.id }}">{{ include('catalog/block/m-prod-inpack.html.twig') }}</span>
</div>
<div class="xprice pl-price-{{ prod.id }}">
{{ include('catalog/block/prod-price.html.twig') }}
</div>
<div class="xform visible-xs pl-form-{{ prod.id }}">
{{ include('catalog/block/m-prod-form.html.twig') }}
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
<!-- End Full Slider -->
</div>
</div>
{% endif %}