templates/main/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.     <div class="main-banner-1">
  6.         {% if banners[1]|length %}
  7.             <div class="container-fluid">
  8.                 <div class="row">
  9.                     <div class="home-slider">
  10.                         {% for banner in banners[1] %}
  11.                             <div class="item">
  12.                                 <a href="{{ banner|first }}"><img src="{{ asset('/pic/banner/' ~ app.request.locale ~ '/' ~ banner|keys|first ~ '.jpg') }}" alt=""></a>
  13.                             </div>
  14.                         {% endfor %}
  15.                     </div>
  16.                 </div>
  17.             </div>
  18.         {% endif %}
  19.     </div>
  20.     <div class="main-banner-3 hidden-xs">
  21.         {% if banners[4]|length %}
  22.             {% for banner in banners[4]|slice(0, 3) %}
  23.                 <div class="item">
  24.                     <a href="{{ banner|first }}"><img src="{{ asset('/pic/banner/' ~ app.request.locale ~ '/' ~ banner|keys|first ~ '.jpg') }}" alt=""></a>
  25.                 </div>
  26.             {% endfor %}
  27.         {% endif %}
  28.     </div>
  29.     <div class="clear"></div>
  30.     <div class="main-banner-4 hidden-xs">
  31.         {% if banners[3]|length %}
  32.             {% for banner in banners[3]|slice(0, 3) %}
  33.                 <div class="item">
  34.                     <a href="{{ banner|first }}"><img src="{{ asset('/pic/banner/' ~ app.request.locale ~ '/' ~ banner|keys|first ~ '.jpg') }}" alt=""></a>
  35.                 </div>
  36.             {% endfor %}
  37.         {% endif %}
  38.         <div class="clear"></div>
  39.     </div>
  41.     <div class="main-recomended-block main-recomended-cats">
  42.         <div class="title">
  43.             <span>{{ labels.get('recommended-cats')|raw }}</span>
  44.         </div>
  45.         <div class="hidden-xs">
  46.             {% for action in actions %}
  47.                 <div class="col-xs-6 col-sm-4 col-lg-3 col-xl-2 box-product-outer bpo-rc">
  48.                     <div class="box-product">
  49.                         <div class="img-wrapper">
  50.                             <a href="{{ action.href }}">
  51.                                 <img alt="{{ action.name }}" src="{{ asset('/pic/actions/' ~ action.id ~ '.jpg') }}">
  52.                             </a>
  53.                         </div>
  54.                         <div class="h6">
  55.                             <a href="{{ action.href }}">{{ action.name }}</a>
  56.                         </div>
  57.                     </div>
  58.                 </div>
  59.             {% endfor %}
  60.             <div class="clearfix"></div>
  61.         </div>
  62.         <div class="visible-xs">
  63.             <div class="container-fluid">
  64.                 <div class="row">
  65.                     <div class="home-slider-2">
  66.                         {% for action in actions %}
  67.                             <div class="item">
  68.                                 <div class="box-product">
  69.                                     <div class="img-wrapper">
  70.                                         <a href="{{ action.href }}">
  71.                                             <img alt="{{ action.name }}" src="{{ asset('/pic/actions/' ~ action.id ~ '.jpg') }}">
  72.                                         </a>
  73.                                     </div>
  74.                                     <div class="h6">
  75.                                         <a href="{{ action.href }}">{{ action.name }}</a>
  76.                                     </div>
  77.                                 </div>
  78.                             </div>
  79.                         {% endfor %}
  80.                     </div>
  81.                 </div>
  82.             </div>
  83.         </div>
  84.     </div>
  86.     <div class="main-np">
  87.         <div class="main-recomended-block main-recomended-cats">
  88.             <div class="title">
  89.                 <span>{{ labels.get('newprods')|raw }}</span>
  90.             </div>
  91.             <div class="hidden-xs">
  92.                 {% for action in newactions %}
  93.                     <div class="col-xs-6 col-sm-4 col-lg-3 col-xl-2 box-product-outer bpo-rc">
  94.                         <div class="box-product">
  95.                             <div class="np-new"></div>
  96.                             <div class="img-wrapper">
  97.                                 <a href="{{ action.href }}">
  98.                                     <img alt="{{ action.name }}" src="{{ asset('/pic/newactions/' ~ action.id ~ '.jpg') }}">
  99.                                 </a>
  100.                             </div>
  101.                             <div class="h6">
  102.                                 <a href="{{ action.href }}">{{ action.name }}</a>
  103.                             </div>
  104.                         </div>
  105.                     </div>
  106.                 {% endfor %}
  107.                 <div class="clearfix"></div>
  108.             </div>
  109.             <div class="visible-xs">
  110.                 <div class="container-fluid">
  111.                     <div class="row">
  112.                         <div class="home-slider-2">
  113.                             {% for action in newactions %}
  114.                                 <div class="item">
  115.                                     <div class="box-product">
  116.                                         <div class="np-new"></div>
  117.                                         <div class="img-wrapper">
  118.                                             <a href="{{ action.href }}">
  119.                                                 <img alt="{{ action.name }}" src="{{ asset('/pic/newactions/' ~ action.id ~ '.jpg') }}">
  120.                                             </a>
  121.                                         </div>
  122.                                         <div class="h6">
  123.                                             <a href="{{ action.href }}">{{ action.name }}</a>
  124.                                         </div>
  125.                                     </div>
  126.                                 </div>
  127.                             {% endfor %}
  128.                         </div>
  129.                     </div>
  130.                 </div>
  131.             </div>
  132.         </div>
  133.         <div class="main-np-more">
  134.             <a href="{{ path('prod_list_spec', {'spec': 'new'}) }}">{{ labels.get('main-more-1')|raw }}</a>
  135.         </div>
  136.     </div>
  138.     <div class="main-np">
  139.         {% if action_prods|length %}
  140.             <div class="main-recomended-block">
  141.                 <div class="title">
  142.                     <span>{{ labels.get('actionprods')|raw }}</span>
  143.                 </div>
  144.                 <div class="hidden-xs">
  145.                     {% for prod in action_prods %}
  146.                         {% set prodone = prod %}
  147.                         <div class="col-sm-4 col-md-4 col-lg-3 col-xl-3 col-xs-6 box-product-outer bpo-grid pl-grid">
  148.                             <div class="bpo-loading"></div>
  149.                             <div class="box-product">
  150.                                 <div class="img-wrapper pl-img-thumb-{{ prod.id }} pl-slider-colors">
  151.                                     <a href="{{ path('prod_cont', {'prod_id': prod.id}) }}" class="grid-img-thumb bp-loading" {# ontouchend="if(body.clientWidth>991) {return false;}"#}>
  152.                                         <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)?>"#}>
  153.                                     </a>
  154.                                     <div
  155.                                         class="main-recomended-prods">
  156.                                         <!-- Full Slider -->
  157.                                         <div class="container-fluid">
  158.                                             <div class="row">
  159.                                                 <div class="pl-slider-2-{{ prod.id }} pl-slider-2" data-id="{{ prod.id }}">
  160.                                                     <a
  161.                                                         href="{{ path('prod_cont', {'prod_id': prod.id}) }}" class="grid-img-thumb">
  162.                                                         <!-- ontouchend="if(body.clientWidth>991) {return false;}"-->
  163.                                                         <img src="{{ asset(env.host_static ~ '/pic/prod-m/' ~ prod.id ~ '.jpg') }}" alt="{{ prod.name }}" title="{{ prod.name }}">
  164.                                                     </a>
  165.                                                     {% for photo in attribute(action_prods_photos, prod.id) %}
  166.                                                         <a
  167.                                                             href="{{ path('prod_cont', {'prod_id': prod.id}) }}" class="grid-img-thumb">
  168.                                                             <!-- ontouchend="if(body.clientWidth>991) {return false;}"-->
  169.                                                             <img src="{{ asset(env.host_static ~ '/pic/photo/' ~ photo.id ~ '.jpg') }}" alt="">
  170.                                                         </a>
  171.                                                     {% endfor %}
  172.                                                 </div>
  173.                                             </div>
  174.                                         </div>
  175.                                         <!-- End Full Slider -->
  176.                                     </div>
  177.                                 </div>
  178.                                 <div class="pl-labels-{{ prod.id }}">
  179.                                     {{ include('catalog/block/prod-labels.html.twig') }}
  180.                                 </div>
  181.                                 <div class="pc-new pl-wish pl-grid-hover">
  182.                                     <div class="pl-grid-wishlist pl-wishlist-{{ prod.id }}-2">
  183.                                         {{ include('catalog/block/prod-wishlist.html.twig') }}
  184.                                     </div>
  185.                                 </div>
  186.                                 <div class="pa w100 hidden-xs pl-grid-hover">
  187.                                     <div class="pa pl-grid-form">
  188.                                         <div class="pgf-1">
  189.                                             <div class="pl-form-{{ prod.id }}-2">
  190.                                                 {{ include('catalog/block/prod-form.html.twig') }}
  191.                                             </div>
  192.                                         </div>
  193.                                     </div>
  194.                                 </div>
  196.                                 {{ include('catalog/block/prod-colors.html.twig') }}
  198.                                 <div class="h6 pl-name-{{ prod.id }} gpl-h6">
  199.                                     <div class="gpl-art">
  200.                                         <a href="{{ path('prod_cont', {'prod_id': prod.id}) }}" title="{{ prod.name }}">...({{ prod.art }})</a>
  201.                                     </div>
  202.                                     <a href="{{ path('prod_cont', {'prod_id': prod.id}) }}" title="{{ prod.name }}">
  203.                                         {% if prod.pop %}<img src="{{ asset('hot' ~ app.request.locale ~ '.png', 'img') }}" alt="hot" class="prod-hot">
  204.                                         {% endif %}
  205.                                         {{ prod.name }}</a>
  206.                                 </div>
  207.                                 <div class="weight">
  208.                                     {{ labels.get('pack')|raw }}: &nbsp;
  209.                                     <span class="pl-inpack-{{ prod.id }}">{{ include('catalog/block/prod-inpack.html.twig') }}</span>
  210.                                 </div>
  211.                                 <div class="xprice pl-price-{{ prod.id }}">
  212.                                     {{ include('catalog/block/prod-price.html.twig') }}
  213.                                 </div>
  214.                             </div>
  215.                         </div>
  216.                     {% endfor %}
  217.                     <div class="clearfix"></div>
  218.                 </div>
  219.                 <div class="visible-xs main-recomended-prods">
  220.                     <div class="container-fluid">
  221.                         <div class="row">
  222.                             <div class="home-slider-2">
  223.                                 {% for prod in action_prods %}
  224.                                     {% set prodone = prod %}
  225.                                     <div class="item box-product-outer bpo-grid">
  226.                                         <div class="bpo-loading"></div>
  227.                                         <div class="box-product">
  228.                                             <div class="img-wrapper pl-img-thumb-{{ prod.id }}">
  229.                                                 <a href="{{ path('prod_cont', {'prod_id': prod.id}) }}" class="grid-img-thumb">
  230.                                                     <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)?>"#}>
  231.                                                 </a>
  232.                                             </div>
  233.                                             <div class="pa visible-xs">
  234.                                                 <div class="pc-wish pl-wishlist-{{ prod.id }}">
  235.                                                     {{ include('catalog/block/prod-wishlist-mobile.html.twig') }}
  236.                                                 </div>
  237.                                             </div>
  238.                                             <div class="h6 pl-name-{{ prod.id }} gpl-h6">
  239.                                                 <div class="gpl-art">
  240.                                                     <a href="{{ path('prod_cont', {'prod_id': prod.id}) }}">...({{ prod.art }})</a>
  241.                                                 </div>
  242.                                                 <a href="{{ path('prod_cont', {'prod_id': prod.id}) }}" title="{{ prod.name }}">
  243.                                                     {% if prod.pop %}<img src="{{ asset('hot' ~ app.request.locale ~ '.png', 'img') }}" alt="hot" class="prod-hot">
  244.                                                     {% endif %}
  245.                                                     {{ prod.name|replace({(prod.art)|trim: '<span class="gpl-art2"> (' ~ prod.art|trim ~ ')</span>'})|raw }}</a>
  246.                                             </div>
  247.                                             <div class="weight">
  248.                                                 {{ labels.get('pack')|raw }}: &nbsp;
  249.                                                 <div class="pl-inpack pl-inpack-{{ prod.id }}">{{ include('catalog/block/m-prod-inpack.html.twig') }}</div>
  250.                                             </div>
  251.                                             <div class="xprice pl-price-{{ prod.id }}">
  252.                                                 {{ include('catalog/block/prod-price.html.twig') }}
  253.                                             </div>
  254.                                             <div class="xform visible-xs pl-form-{{ prod.id }}">
  255.                                                 {{ include('catalog/block/m-prod-form.html.twig') }}
  256.                                             </div>
  257.                                         </div>
  258.                                     </div>
  259.                                 {% endfor %}
  260.                             </div>
  261.                         </div>
  262.                     </div>
  263.                 </div>
  264.             </div>
  265.         {% endif %}
  266.         <div class="main-np-more">
  267.             <a href="{{ path('prod_list_spec', {'spec': 'action'}) }}">{{ labels.get('main-more-2')|raw }}</a>
  268.         </div>
  269.     </div>
  271.     {{ page.cont | raw }}
  273. {% endblock %}