templates/frontend/landingPage/landingPage.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain 'store' %}
  4. {% block title %}
  5.     {% if landingPage.metaTitle %}
  6.         {{ landingPage.metaTitle }}
  7.     {% else %}
  8.         {{ parent() }}
  9.     {% endif %}
  10. {% endblock %}
  12. {% block facebook %}
  13.     {% if 'ckdev' in app.request.getSchemeAndHttpHost() %}
  14.         <meta name="robots" content="noindex, nofollow" />
  15.     {% endif %}
  16.     {% if app.request.locale == 'pl' %}
  17.         <meta property="og:image" content=""/>
  18.         <meta property="og:title" content="{{ landingPage.metaTitle }}"/>
  19.         <meta property="og:url" content="https://www.centrumkrzesel.pl{{ path('landing-page-front', {'id':landingPage.id, 'slug':landingPage.slug}, false) }}"/>
  20.         <meta property="og:description" content="{{ landingPage.metaDescription }}">
  21.     {% endif %}
  22.     {% if app.request.locale == 'cz' %}
  23.         {% if 'dev.ezidle' in app.request.getSchemeAndHttpHost() %}
  24.             <meta name="robots" content="noindex, nofollow" />
  25.         {% endif %}
  26.         <meta property="og:image" content=""/>
  27.         <meta property="og:title" content="{{ landingPage.metaTitle }}"/>
  28.         <meta property="og:url" content="https://www.ezidle.cz{{ path('landing-page-front', {'id':landingPage.id, 'slug':landingPage.slug}, false) }}"/>
  29.         <meta property="og:description" content="{{ landingPage.metaDescription }}">
  30.     {% endif %}
  31.     {% if app.request.locale == 'sk' %}
  32.         <meta property="og:image" content=""/>
  33.         <meta property="og:title" content="{{ landingPage.metaTitle }}"/>
  34.         <meta property="og:url" content="https://www.stolicky24.sk{{ path('landing-page-front', {'id':landingPage.id, 'slug':landingPage.slug}, false) }}"/>
  35.         <meta property="og:description" content="{{ landingPage.metaDescription }}">
  36.     {% endif %}
  37.     <meta property="og:type" content="website"/>
  38. {% endblock %}
  40. {% block meta_desc_key %}
  41.     {% if landingPage.metaDescription %}
  42.         <meta name="keywords" content="krzesła, fotele, hokery, meble, sklep internetowy, zakupy, centrum krzeseł">
  43.         <meta name="description" content="{{ landingPage.metaDescription }}">
  44.     {% else %}
  45.         {{ parent() }}
  46.     {% endif %}
  47. {% endblock %}
  49. {% block stylesheets %}
  50.     {{ parent() }}
  51.     <style>
  52.         #topBannerLp {
  53.             position:relative; width:100%; top:0px; height:35px; font-size:13px;
  54.         }
  56.         @media (min-width: 767px) {
  57.             .lista-produktow {
  58.                 display: contents!important;
  59.             }
  60.         }
  62.         @media (max-width: 767px) {
  63.             #topBannerLp {
  64.                 position: relative;
  65.                 width: 100%;
  66.                 top: 0px;
  67.                 height: 60px;
  68.                 font-size: 11px;
  69.             }
  70.         }
  72.     </style>
  73. {% endblock %}
  75. {% block javascripts %}
  76.     {{ parent() }}
  78.     <script>
  79.         function addToCart(product_id, sub) {
  81.             $('.cart-error-notification').hide();
  83.             var chosen = [];
  85.             let parameters = chosen;
  86.             let $variant = '';
  87.             ;
  88.             var quantity = 1;
  89.             var url = $('#add_to_cart_url').val();
  90.             var equipments = [];
  93.             console.log(sub);
  94.             console.log(product_id);
  96.             $.ajax({
  97.                 type: "POST",
  98.                 url: url,
  99.                 data: {'sub':sub, 'equipments':equipments, 'product_id':product_id, 'quantity':quantity, 'variant':$variant, 'parameters':parameters},
  100.                 success: function (data) {
  101.                     console.log(data);
  102.                     if (parseInt(data.error) === 1) {
  103.                         $('.cart-error-notification').show();
  104.                         $('.cart-error-notification').html(data.message);
  105.                         $('.ask-button').prop('disabled', false);
  106.                     } else {
  107.                         window.location.href = '/cart';
  108.                     }
  109.                 }
  110.             });
  111.         }
  113.         $('.ask-button').on("click", function(e) {
  114.             e.preventDefault();
  115.             var product_id = $(this).attr('product-id')
  116.             var sub = $(this).attr('product-sub');
  117.             addToCart(product_id, sub);
  118.         });
  120.     </script>
  122. {% endblock %}
  124. {% block content %}
  125.     <input type="hidden" name="add_to_cart_url" id="add_to_cart_url" value="{{ path('add_to_cart') }}"/>
  126.     <!-- START OF CATEGORY NAME SECTION -->
  127.     <section class="section">
  128.         <div class="container">
  129.             <div class="columns is-multiline">
  131.                 {#
  132.                 {% if landingPage.banner %}
  133.                     <div class="columns" style="margin-top:30px;">
  134.                         <div class="column is-full text-center">
  135.                             {% if landingPage.banner.url %}
  136.                             <a href="{{ landingPage.banner.url }}">
  137.                                 {% endif %}
  138.                                 <div class="image"><img src="/images/important/{{ landingPage.banner.imageName }}" alt=""></div>
  139.                                 {% if landingPage.banner.url %}
  140.                             </a>
  141.                             {% endif %}
  142.                         </div>
  143.                     </div>
  144.                 {% endif %}
  145.                 #}
  147.                 {% if landingPage.banner %}
  148.                     {% set banner = landingPage.banner %}
  150.                     <div class='carousel-item has-background carousel-desktop' style="height:100%; background: {{ banner.color }}!important;">
  151.                         {% if banner.title %}
  152.                             <div style="color: {{ banner.campaignTextColor }}!important; float: left; max-width: 45%;">
  153.                                 <h1 class="banner_h1">
  154.                                     {{ banner.title }}
  155.                                 </h1>
  156.                                 <div class="additionalText" style="padding-top:40px;">
  157.                                     {{ banner.additionalText }}
  158.                                 </div>
  159.                             </div>
  160.                         {% else %}
  161.                         {% endif %}
  162.                         <div style="width: 100%; background: {{ banner.color }}!important; {% if banner.title %}float:right; max-width: 55%;{% endif %}">
  163.                             <a href="{{ banner.url }}">
  164.                                 <img class="is-background" style="height:100%!important; float: right" src="/images/important/{{ banner.imageName }}" alt="{{ banner.title }}" />
  165.                             </a>
  166.                         </div>
  167.                     </div>
  169.                     <!-- mobile -->
  170.                     <div class='carousel-item has-background carousel-mobile' style="background: {{ banner.color }}!important;">
  171.                         <div>
  172.                             <a href="{{ banner.url }}">
  173.                                 <img class="is-background" src="/images/important/{{ banner.imageName }}" alt="{{ banner.title }}" width="640" height="310"  />
  174.                             </a>
  176.                             <div class="has-text-centered" style="background: {{ banner.color }}!important; margin-top:-10px;">
  177.                                 <h1 class="banner_h1 has-text-centered" style="color: {{ banner.campaignTextColor }}!important;">
  178.                                     {{ banner.title }}
  179.                                 </h1>
  180.                                 <div class="additionalText has-text-centered" style="color: {{ banner.campaignTextColor }}!important; margin-top:-10px;">
  181.                                     {{ banner.additionalText }}
  182.                                 </div>
  183.                             </div>
  184.                         </div>
  185.                     </div>
  186.                 {% endif %}
  188.                 {% if landingPage.topBanner %}
  189.                     {% set banner = landingPage.topBanner %}
  190.                     <div class="column is-full text-center">
  191.                         {% if banner.endDate %}
  192.                             <script>
  193.                                 // Set the date we're counting down to
  194.                                 var countDownDateLp = new Date("{{ banner.endDate|date('M') }} {{ banner.endDate|date('d') }}, {{ banner.endDate|date('Y') }} {{ banner.endDate|date('H') }}:{{ banner.endDate|date('i') }}:{{ banner.endDate|date('s') }}").getTime();
  196.                                 // Update the count down every 1 second
  197.                                 var y = setInterval(function() {
  199.                                     // Get today's date and time
  200.                                     var now = new Date().getTime();
  202.                                     // Find the distance_lp between now and the count down date
  203.                                     var distance_lp = countDownDateLp - now;
  205.                                     // Time calculations for days, hours, minutes and seconds
  206.                                     var days = Math.floor(distance_lp / (1000 * 60 * 60 * 24));
  207.                                     var hours = Math.floor((distance_lp % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  208.                                     var minutes = Math.floor((distance_lp % (1000 * 60 * 60)) / (1000 * 60));
  209.                                     var seconds = Math.floor((distance_lp % (1000 * 60)) / 1000);
  211.                                     // Display the result in the element with id="demo"
  212.                                     document.getElementById("countdown_lp").innerHTML = '<strong>'+days + "</strong> {{ 'days'|trans }} <strong>" + hours + "</strong> {{ 'hours'|trans }} <strong>"
  213.                                         + minutes + "</strong> {{ 'minutes'|trans }} <strong>" + seconds + " </strong>{{ 'seconds'|trans }} ";
  215.                                     // If the count down is finished, write some text
  216.                                     if (distance_lp < 0) {
  217.                                         clearInterval(y);
  218.                                         document.getElementById("countdown_lp").innerHTML = "{{ 'promo_expired'|trans }}";
  219.                                     }
  220.                                 }, 1000);
  221.                             </script>
  222.                         {% endif %}
  224.                         {% if banner.url %}
  225.                             <a href="{{ banner.url }}">
  226.                         {% endif %}
  227.                         <div style="background: {{ banner.background }}; color: {{ banner.textColor }}" id="topBannerLp">
  228.                             {% set width = 50 %}
  229.                             {% if banner.endDate %}
  230.                                 {% set width = 33 %}
  231.                             {% endif %}
  232.                             <div style="float: left; width:{{ width }}%; text-align: right; padding:8px;">
  233.                                 {{ banner.textLeft|trans|raw }}
  234.                             </div>
  235.                             {% if banner.endDate %}
  236.                                 <div style="float: left; width:33%; text-align: center; padding:8px;">
  237.                                     {{ 'banner_to_end'|trans }}: <span id="countdown_lp"></span>
  238.                                 </div>
  239.                             {% endif %}
  240.                             <div style="float: left; width:{{ width }}%; text-align: left; padding:8px;">
  241.                                 {{ banner.textRight|trans|raw }}
  242.                             </div>
  243.                         </div>
  244.                         {% if banner.url %}
  245.                             </a>
  246.                         {% endif %}
  247.                     </div>
  248.                 {% endif %}
  250.                 {% if landingPage.header %}
  251.                     <div class="column is-full">
  252.                         <span class="is-size-2 ">{{ landingPage.header }}</span>
  253.                     </div>
  254.                 {% endif %}
  256.                 {% if landingPage.description %}
  257.                     <div class="column is-full">
  258.                         <span class="">
  259.                             {{ landingPage.description|raw }}
  260.                         </span>
  261.                     </div>
  262.                 {% endif %}
  264.                 {% set productsCounter = landingPage.products.count %}
  266.                 <div class="{% if productsCounter == 1 %}column is-full{% else %}columns{% endif %} is-multiline is-mobile lista-produktow" v-match-heights="{ el: [ '.with-description' ] }">
  267.                     {% for productData in productsForProducer %}
  268.                         {% set product = productData[0] %}
  269.                             {% include 'frontend/components/smallProduct.html.twig' with {'isOneQuarter':1, 'product':product, 'productData':productData} %}
  270.                     {% endfor %}
  272.                     {% if landingPage.products.count %}
  273.                         {% for productData in products %}
  274.                             {% set product = productData[0] %}
  275.                             {% include 'frontend/components/smallProduct.html.twig' with {'isOneQuarter':1, 'product':product, 'productData':productData} %}
  276.                         {% endfor %}
  277.                     {% endif %}
  278.                 </div>
  280.                 {% if products|length and landingPage.specialForBuyCheaper %}
  281.                     <table class="table" style="width: 100%;">
  282.                         <tr>
  283.                             <th style="vertical-align: middle">
  284.                                 {{ 'preview_picture'|trans }}
  285.                             </th>
  286.                             <th style="vertical-align: middle">
  287.                                 {{ 'name'|trans }}
  288.                             </th>
  289.                             <th style="vertical-align: middle">
  290.                                 {{ 'discount'|trans }}
  291.                             </th>
  292.                             <th style="vertical-align: middle">
  293.                                 {{ 'regular_price'|trans }}
  294.                             </th>
  295.                             <th style="color:red;">
  296.                                 {{ 'promotional_price'|trans }}
  297.                             </th>
  298.                             <th style="vertical-align: middle"></th>
  299.                         </tr>
  300.                     {% for productData in products %}
  301.                         {% set product = productData[0] %}
  302.                         {% set show = 0 %}
  304.                         {% if app.request.attributes.get('product') == null %}
  305.                             {% set show = 1 %}
  306.                         {% else %}
  307.                             {% set show = 0 %}
  308.                         {% endif %}
  310.                         {% if app.request.attributes.get('product') == product.id %}
  311.                             {% set show = 1 %}
  312.                         {% endif %}
  314.                         {% if show %}
  315.                             <tr>
  316.                                 <td style="vertical-align: middle;">
  317.                                     <img style="height: 70px;" src="{{ asset('/images/product/'~productData.mainPhoto~'') | imagine_filter('small') }}">
  318.                                 </td>
  319.                                 <td style="vertical-align: middle;">
  320.                                     <a href="{{ path('product', {'slug':product.slug, 'id':product.id}) }}">
  321.                                         <strong>{{ productData.subName }}</strong>
  322.                                     </a>
  323.                                 </td>
  324.                                 <td style="vertical-align: middle;">
  325.                                     {{ productData.subRebate }}
  326.                                 </td>
  327.                                 <td style="vertical-align: middle; min-width: 80px;">
  328.                                     <strike>
  329.                                     {{ productData.beforeDiscount|formatPrice(currency) }}
  330.                                     </strike>
  331.                                 </td>
  332.                                 <td style="vertical-align: middle;  min-width: 80px;">
  333.                                     {{ productData.subPrice|formatPrice(currency) }}
  334.                                 </td>
  335.                                 <td style="vertical-align: middle; width:20%;">
  336.                                     <div class="level-item">
  337.                                         <button product-id="{{ product.id }}" product-sub="{{ productData.subId }}" type="button" id="" class="ask-button button is-success has-text-weight-bold" style="opacity: 1;">
  338.                                             {{ 'order'|trans }} &nbsp;
  339.                                             <i class="fa fa-arrow-right"></i>
  340.                                         </button>
  341.                                     </div>
  342.                                 </td>
  343.                             </tr>
  344.                         {% endif %}
  345.                     {% endfor %}
  346.                     </table>
  347.                     {% if productEntity %}
  348.                         <br/> <br/>
  349.                         <strong>
  350.                         <a style="font-size:1rem;" href="{{ path('product', {'slug':productEntity.slug, 'id':productEntity.id}) }}" class="button is-small is-info"><i class="fa fa-arrow-left"></i>&nbsp; {{ 'back_to_product_page'|trans }}</a>
  351.                         &nbsp; &nbsp;
  352.                         <a href="https://www.centrumkrzesel.pl/lp/228/strefa-okazji" style="font-size:1rem; background-color: #ef1b2b" class="button is-small is-info"><i class="fa fa-arrow-right"></i>&nbsp; {{ 'view_all_promotions'|trans }}</a>
  353.                         </strong>
  354.                     {% endif %}
  355.                 {% endif %}
  359.             </div>
  360.         </div>
  361.     </section>
  362.     <!-- END OF CATEGORY NAME SECTION -->
  363. {% endblock %}