templates/frontend/components/footer.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'store' %}
  2. <!-- START OF FOOTER -->
  3. <footer class="footer">
  4.     <div class="container">
  6.         <!-- START SECTION VISIBLE FROM TABLET TO FULL HD -->
  7.         <div class="columns is-multiline is-hidden-mobile is-centered">
  9.             <div class="column column-first is-one-fifth-desktop is-two-fifths-tablet">
  10.                 <div class="title is-5 is-bold">{{ 'contact_with_us'|trans }}</div>
  12.                 <div class="level" style="margin-top:-10px;">
  13.                     <div class="level-left">
  14.                         <div class="level-item">
  15.                             <p class="is-size-7">
  16.                                 {% if helplineHours[0] is defined and helplineHours[0] %}
  17.                                     <strong>{{ helplineHours[0].shortName|capitalize }};</strong>
  18.                                 {% endif %}
  19.                                 {% if helplineHours[4] is defined and helplineHours[4] %}
  20.                                     <strong>{{ helplineHours[4].shortName|capitalize }}</strong>
  21.                                 {% endif %}
  22.                                 <br/>
  23.                                 {% if helplineHours[0] is defined and helplineHours[0] %}
  24.                                     {{ helplineHours[0].name }}
  25.                                 {% endif %}
  26.                             </p>
  27.                         </div>
  28.                     </div>
  29.                     <div class="level-right">
  30.                         <div class="level-item">
  31.                             <p class="is-size-7">
  32.                                 {% if helplineHours[1] is defined and helplineHours[1] %}
  33.                                     <strong>{{ helplineHours[1].shortName|capitalize }};</strong>
  34.                                 {% endif %}
  35.                                 {% if helplineHours[2] is defined and helplineHours[2] %}
  36.                                     <strong>{{ helplineHours[2].shortName|capitalize }};</strong>
  37.                                 {% endif %}
  38.                                 {% if helplineHours[3] is defined and helplineHours[3] %}
  39.                                     <strong>{{ helplineHours[3].shortName|capitalize }};</strong>
  40.                                 {% endif %}
  41.                                 <br>
  42.                                 {% if helplineHours[2] is defined and helplineHours[2] %}
  43.                                     {{ helplineHours[2].name }}
  44.                                 {% endif %}
  45.                             </p>
  46.                         </div>
  47.                     </div>
  48.                 </div>
  50.                 {% if language.helpline %}
  51.                     <span class="is-size-7"><i class="fas fa-phone"></i> {{ language.helpline }}</span>
  52.                 {% endif %}
  53.                 {% if language.phone %}
  54.                     <br>
  55.                     <span class="is-size-7"><i class="fas fa-phone"></i> {{ language.phone }}</span>
  56.                 {% endif %}
  57.                 <br>
  58.                 <span class="is-size-7"> @ <a class="has-text-danger" style="text-decoration: underline" href="mailto:{{ language.email }}">{{ 'send_email'|trans }}</a></span>
  60.                 <br>
  61.                 <br>
  63.                 {% if app.request.locale != 'pl' %}
  64.                     <div class="title is-5 is-bold">{{ 'our_address'|trans }}</div>
  65.                     <div class="media">
  66.                         <div class="media-left">
  67.                             {% set url = 'https://www.google.com/maps/place/Dru%C5%BEstevn%C3%AD+294,+Star%C3%A9+M%C4%9Bsto,+739+61+T%C5%99inec/@49.6845901,18.6674223,17z/data=!3m1!4b1!4m5!3m4!1s0x4714053e0290ffc1:0x40e8e6967e9970e6!8m2!3d49.6845866!4d18.669611?hl=cs' %}
  68.                             {% if app.request.locale == 'pl' %}
  69.                                 {% set url = 'https://www.google.com/maps/place/CentrumKrzesel.pl/@52.305145,21.05143,15z/data=!4m2!3m1!1s0x0:0x61ca6fce95035d9e?sa=X&ved=2ahUKEwj4r6iKydnhAhVjkIsKHWU2AKoQ_BIwGXoECAYQCA' %}
  70.                             {% endif %}
  71.                             <span><a target="_blank" href="{{ url }}"><i class="fas fa-map-marker-alt has-text-danger"></i></a></span>
  72.                         </div>
  73.                         <div class="media-content" style="margin-top:-2px;">
  74.                             <span class="is-size-7" style="font-weight: 500">{{ language.shopName }}</span>
  75.                             <div class="is-size-7" style="margin-top:-15px;">
  76.                                 {{ language.address|raw }}
  77.                             </div>
  78.                         </div>
  79.                     </div>
  80.                 {% endif %}
  81.             </div>
  83.             <div class="column column-first is-two-fifths-desktop is-three-fifths-tablet">
  84.                 <div class="title is-5 is-bold" style="margin-bottom: 20px;">
  85.                     <a href="{{ path('news_store') }}" class="" style="margin-left:0px!important;">
  86.                             {{ 'news'|trans }} <i class="fa fa-link"></i>
  87.                     </a>
  88.                 </div>
  90.                 {% for row in news|slice(0,4) %}
  91.                     <!-- START OF MEDIA OBJECT -->
  92.                     <article class="media">
  93.                         <div class="media-left">
  94.                             <i class="far fa-file has-text-danger"></i>
  95.                         </div>
  96.                         <div class="media-content">
  97.                             <div class="content" style="margin-top:-4px;">
  98.                                 <a href="{{ path('single_news', {'id':row.id, 'slug':row.slug}) }}">
  99.                                     <span class="is-size-7" style="font-weight: 800">{{ row.title }}</span>
  100.                                 </a>
  101.                                 <br>
  102.                                 <small class="is-size-7" style="font-weight:100;">{{ row.createdAt|date('Y-m-d') }}</small>
  103.                                 <br>
  104.                                 <p class="is-size-7">{{ row.content|striptags|slice(0,90) }}...</p>
  105.                             </div>
  106.                         </div>
  107.                     </article>
  108.                     <!-- END OF MEDIA OBJECT -->
  109.                 {% endfor %}
  110.             </div>
  112.             <div class="column is-two-fifths-desktop is-three-fifths-tablet spacer-footer spacer-footer-disable-desktop">
  113.                 <div class="title is-5 is-bold">{{ 'on_the_blog'|trans }}</div>
  114.                 <div class="columns is-multiline">
  115.                     {% for entry in blogs|slice(0,3) %}
  116.                         <div class="column is-one-third">
  117.                             <div class="content">
  119.                                 <article class="media">
  120.                                     <div class="media-left"><i class="far fa-file has-text-danger"></i></div>
  121.                                     <div class="media-content">
  122.                                         <div class="content" style="margin-top:-3px;">
  123.                                             <a href="{{ path('blog_entry', {'id':entry.id, 'slug':entry.slug}) }}">
  124.                                                 <span class="is-size-7" style="font-weight: 800">{{ entry.title }}</span></a> <br>
  125.                                             <small class="is-size-7" style="font-weight: 100">{{ entry.createdAt|date('Y-m-d') }}</small>
  126.                                             <br>
  127.                                             <p class="is-size-7">{{ entry.content|striptags|slice(0,100)|raw }}...</p></div>
  128.                                     </div>
  129.                                 </article>
  130.                             </div>
  131.                         </div>
  132.                     {% endfor %}
  133.                 </div>
  135.                 {% if getCurrentUrl() == '/' %}
  136.                     <div id="js_cat-desc-content" class="hide-tablet">
  137.                         <div class="cat-desc-excerpt ellipsis">
  138.                             <div class="title is-5 is-bold">{{ 'about_us'|trans }}</div>
  140.                             <p class="is-size-7">
  141.                                 {{ 'footer_seo_text_1'|trans|raw }}
  142.                             </p>
  143.                         </div>
  144.                         <a class="dotted-link read-more" style="margin-top:-10px; float:left; font-size:13px; text-decoration: underline; font-weight:500" data-target="js_cat-desc-content" role="button">{{ 'read_more'|trans }}...</a>
  145.                     </div>
  146.                 {% endif %}
  147.             </div>
  150.             <div class="column is-one-fifth spacer-footer">
  151.                 <div class="title is-5 is-bold">{{ 'footer_links'|trans }}</div>
  152.                 <div class="columns is-multiline">
  154.                     <div class="column">
  155.                         <div class="content">
  156.                             <ul class="is-size-7 footer-list footer-list-mobile">
  157.                                 {% for article in articles %}
  158.                                     {% if article.footer %}
  159.                                         <li>
  160.                                             <a href="{{ path('single_article', {'id':article.id, 'slug':article.slug}) }}">
  161.                                                 {{ article.title }}
  162.                                             </a>
  163.                                         </li>
  164.                                     {% endif %}
  165.                                 {% endfor %}
  166.                                 <li>
  167.                                     <a href="{{ path('product_return_generator') }}">{{ 'product_return_form'|trans }}</a>
  168.                                 </li>
  169.                                 <li>
  170.                                     <a href="{{ path('product_complaint_generator') }}">{{ 'product_complaint_form'|trans }}</a>
  171.                                 </li>
  172.                                 <li>
  173.                                     <a href="{{ path('blog') }}">{{ 'blog'|trans }}</a>
  174.                                 </li>
  175.                                 <li>
  176.                                     <a href="{{ path('contact') }}">{{ 'contact'|trans }}</a>
  177.                                 </li>
  178.                                 {% if app.user is defined and app.user and app.user.id %}
  179.                                     <li>
  180.                                         <a href="{{ path('fos_user_security_logout') }}">
  181.                                             {{ 'logout'|trans }}
  182.                                         </a>
  183.                                     </li>
  184.                                 {% else %}
  185.                                     <li>
  186.                                         <a href="{{ path('fos_user_security_login_extension') }}">
  187.                                             {{ 'login'|trans }}
  188.                                         </a>
  189.                                     </li>
  190.                                 {% endif %}
  191.                             </ul>
  192.                             {% if app.request.locale == 'ro' %}
  193.                                 <img src="/images/ro/visa_master_new.png" style="width:160px; margin-left:20px;">
  194.                             {% endif %}
  195.                         </div>
  196.                     </div>
  198.                 </div>
  199.             </div>
  201.             <div class="column is-three-fifths is-hidden-touch spacer-footer column-first">
  202.                 <div class="title is-5 is-bold">{{ 'shortcut'|trans }}</div>
  203.                 <div class="columns is-multiline">
  205.                     <div class="column is-one-third">
  206.                         <div class="content">
  207.                             <ul class="is-size-7 footer-list">
  208.                                 {% for category in shortcutCategories|slice(0,6) %}
  209.                                     <li>
  210.                                         <a href="{{ path('category', {'id':category.id, 'slug':category.slug}) }}">
  211.                                             {{ category.name }}
  212.                                         </a>
  213.                                     </li>
  214.                                 {% endfor %}
  215.                             </ul>
  216.                         </div>
  217.                     </div>
  219.                     <div class="column is-one-third">
  220.                         <div class="content">
  221.                             <ul class="is-size-7 footer-list">
  222.                                 {% for category in shortcutCategories|slice(6,7) %}
  223.                                     <li>
  224.                                         <a href="{{ path('category', {'id':category.id, 'slug':category.slug}) }}">
  225.                                             {{ category.name }}
  226.                                         </a>
  227.                                     </li>
  228.                                 {% endfor %}
  229.                             </ul>
  230.                         </div>
  231.                     </div>
  233.                     <div class="column is-one-third">
  234.                         <div class="content">
  235.                             <ul class="is-size-7 footer-list">
  236.                                 {% for category in shortcutCategories|slice(13,6) %}
  237.                                     <li>
  238.                                         <a href="{{ path('category', {'id':category.id, 'slug':category.slug}) }}">
  239.                                             {{ category.name }}
  240.                                         </a>
  241.                                     </li>
  242.                                 {% endfor %}
  243.                             </ul>
  244.                         </div>
  245.                     </div>
  247.                 </div>
  248.             </div>
  250.             {% if language.facebook or language.youtube %}
  251.                 <div class="column is-one-fifth spacer-footer">
  252.                     <div class="title is-5 is-bold">Social media</div>
  253.                     <div class="level is-mobile has-text-grey-light">
  255.                         {% if language.youtube %}
  256.                             <div class="level-left">
  257.                                 <div class="level-item">
  258.                                     <a target="_blank" href="{{ language.youtube }}">
  259.                                         <span class="icon"><i class="fab fa-youtube"></i></span>
  260.                                     </a>
  261.                                 </div>
  262.                             </div>
  263.                         {% endif %}
  265.                         {% if language.facebook %}
  266.                             <div class="level-item" style="margin-left:30px;">
  267.                                 <div class="level-item">
  268.                                     <a target="_blank" href="{{ language.facebook }}">
  269.                                         <span class="icon"><i class="fab fa-facebook-f"></i></span>
  270.                                     </a>
  271.                                 </div>
  272.                             </div>
  273.                         {% endif %}
  275.                         {% if language.instagram %}
  276.                             <div class="level-item">
  277.                                 <div class="level-item">
  278.                                     <a target="_blank" href="{{ language.instagram }}">
  279.                                         <span class="icon"><i class="fab fa-instagram"></i></span>
  280.                                     </a>
  281.                                 </div>
  282.                             </div>
  283.                         {% endif %}
  284.                     </div>
  285.                     <div style="clear:both;">
  286.                         <div style="margin-top:30px;">
  287.                             <div style="font-weight: 500; font-size:13px;">
  288.                                 {% if app.request.locale == 'cz' or app.request.locale == 'sk' or app.request.locale == 'ro' %}
  289.                                     <a target="_blank" href="https://www.centrumkrzesel.pl/">
  290.                                         <img src="/graph/pl.png" style="width:22px;"> &nbsp; CentrumKrzesel.pl
  291.                                     </a>
  292.                                 {% endif %}
  293.                                 {% if app.request.locale == 'ro' or app.request.locale == 'sk' or app.request.locale == 'pl' %}
  294.                                     <br/>
  295.                                     <a target="_blank" href="https://www.ezidle.cz/">
  296.                                         <img src="/graph/cz.png" style="width:22px;"> &nbsp; eZidle.cz
  297.                                     </a>
  298.                                 {% endif %}
  299.                                 {% if app.request.locale == 'ro' or app.request.locale == 'cz' or app.request.locale == 'pl' %}
  300.                                     <br/>
  301.                                     <a target="_blank" href="https://www.stolicky24.sk/">
  302.                                         <img src="/graph/sk.png" style="width:22px;"> &nbsp; stolicky24.sk
  303.                                     </a>
  304.                                 {% endif %}
  305.                                 {% if app.request.locale == 'cz' or app.request.locale == 'sk' or app.request.locale == 'pl' %}
  306.                                     <br/>
  307.                                     <a target="_blank" href="https://www.mobila24.ro">
  308.                                         <img src="/graph/ro.png" style="width:22px;"> &nbsp; mobila24.ro
  309.                                     </a>
  310.                                 {% endif %}
  311.                                 {% if app.request.locale == 'ro' %}
  312.                                     <br/>
  313.                                     <br/>
  314.                                     <a target="_blank" href="https://ec.europa.eu/consumers/odr/main/index.cfm?event=main.home2.show&lng=RO">
  315.                                         <img src="/web/uploads/SOL.png" style="max-width: 105px;"/>
  316.                                     </a>
  317.                                     &nbsp;
  318.                                     <a target="_blank" href="https://anpc.ro/ce-este-sal/">
  319.                                         <img src="/web/uploads/SAL.png" style="max-width:105px;"/>
  320.                                     </a>
  321.                                 {% endif %}
  322.                             </div>
  323.                         </div>
  324.                     </div>
  325.                 </div>
  326.             {% else %}
  327.                 <div class="column is-one-fifth spacer-footer">
  328.                     <div style="margin-top:50px;">
  329.                         {% if app.request.locale == 'sk' %}
  330.                             <a target="_blank" href="https://www.centrumkrzesel.pl/">
  331.                                 <img src="/graph/pl.png" style="width:22px;"> &nbsp; CentrumKrzesel.pl
  332.                             </a>
  333.                             <br/>
  334.                             <a target="_blank" href="https://www.ezidle.cz/">
  335.                                 <img src="/graph/cz.png" style="width:22px;"> &nbsp; eZidle.cz
  336.                             </a>
  337.                             <br/>
  338.                             <a target="_blank" href="https://www.mobila24.ro">
  339.                                 <img src="/graph/ro.png" style="width:22px;"> &nbsp; mobila24.ro
  340.                             </a>
  341.                         {% endif %}
  342.                         {% if app.request.locale == 'cz' %}
  343.                             <a target="_blank" href="https://www.centrumkrzesel.pl/">
  344.                                 <img src="/graph/pl.png" style="width:22px;"> &nbsp; CentrumKrzesel.pl
  345.                             </a>
  346.                             <br/>
  347.                             <a target="_blank" href="https://www.stolicky24.sk/">
  348.                                 <img src="/graph/sk.png" style="width:22px;"> &nbsp; stolicky24.sk
  349.                             </a>
  350.                             <br/>
  351.                             <a target="_blank" href="https://www.mobila24.ro">
  352.                                 <img src="/graph/ro.png" style="width:22px;"> &nbsp; mobila24.ro
  353.                             </a>
  354.                         {% endif %}
  355.                         {% if app.request.locale == 'ro' %}
  356.                             <a target="_blank" href="https://www.centrumkrzesel.pl/">
  357.                                 <img src="/graph/pl.png" style="width:22px;"> &nbsp; CentrumKrzesel.pl
  358.                             </a>
  359.                             <br/>
  360.                             <a target="_blank" href="https://www.stolicky24.sk/">
  361.                                 <img src="/graph/sk.png" style="width:22px;"> &nbsp; stolicky24.sk
  362.                             </a>
  363.                             <br/>
  364.                             <a target="_blank" href="https://www.ezidle.cz/">
  365.                                 <img src="/graph/cz.png" style="width:22px;"> &nbsp; eZidle.cz
  366.                             </a>
  367.                             <br/>
  368.                             <br/>
  369.                             <a target="_blank" href="https://ec.europa.eu/consumers/odr/main/index.cfm?event=main.home2.show&lng=RO">
  370.                                 <img src="/web/uploads/SOL.png" style="max-width: 105px;"/>
  371.                             </a>
  372.                             &nbsp;
  373.                             <a target="_blank" href="https://anpc.ro/ce-este-sal/">
  374.                                 <img src="/web/uploads/SAL.png" style="max-width:105px;"/>
  375.                             </a>
  376.                         {% endif %}
  377.                     </div>
  378.                 </div>
  379.             {% endif %}
  382.             {#
  383.             <div class="column has-text-centered full-height-content">
  384.                 <img src="/v2/ico/footer_logo.png" class="has-text-centered" alt="logos"/>
  385.             </div>
  386.             #}
  388.         </div>
  389.         <!-- END SECTION VISIBLE FROM TABLET TO FULL HD -->
  391.         <!-- START SECTION VISIBLE FOR MOBILE ONLY -->
  392.         <div class="container is-hidden-tablet">
  394.             {% for article in articles %}
  395.                 {% if article.footer %}
  396.                     <div class="title has-text-centered">
  397.                         <a href="{{ path('single_article', {'id':article.id, 'slug':article.slug}) }}">
  398.                             {{ article.title }}
  399.                         </a>
  400.                     </div>
  401.                 {% endif %}
  402.             {% endfor %}
  403.             <div class="title has-text-centered">
  404.                 <a href="{{ path('blog') }}">
  405.                     {{ 'blog'|trans }}
  406.                 </a>
  407.             </div>
  408.             <div class="title has-text-centered">
  409.                 <a href="{{ path('contact') }}">
  410.                     {{ 'contact'|trans }}
  411.                 </a>
  412.             </div>
  414.             {% if app.user is defined and app.user and app.user.id %}
  415.                 <div class="title has-text-centered">
  416.                     <a href="{{ path('fos_user_security_logout') }}">
  417.                         {{ 'logout'|trans }}
  418.                     </a>
  419.                 </div>
  420.             {% else %}
  421.                 <div class="title has-text-centered">
  422.                     <a href="{{ path('fos_user_security_login_extension') }}">
  423.                         {{ 'login'|trans }}
  424.                     </a>
  425.                 </div>
  426.             {% endif %}
  428.             <div class="column">
  429.                 <div class="level is-mobile has-text-grey-light">
  431.                     {% if language.youtube %}
  433.                             <div class="level-item">
  434.                                 <a target="_blank" href="{{ language.youtube }}">
  435.                                     <span class="icon"><i class="fab fa-youtube"></i></span>
  436.                                 </a>
  437.                             </div>
  439.                     {% endif %}
  441.                     {% if language.facebook %}
  443.                             <div class="level-item">
  444.                                 <a target="_blank" href="{{ language.facebook }}">
  445.                                     <span class="icon"><i class="fab fa-facebook-f"></i></span>
  446.                                 </a>
  447.                             </div>
  449.                     {% endif %}
  451.                     {% if language.instagram %}
  452.                             <div class="level-item">
  453.                                 <a target="_blank" href="{{ language.instagram }}">
  454.                                     <span class="icon"><i class="fab fa-instagram"></i></span>
  455.                                 </a>
  456.                             </div>
  457.                     {% endif %}
  458.                 </div>
  459.             </div>
  461.             {% if app.request.locale == 'ro' %}
  462.                 <br/>
  463.                 <br/>
  464.                 <div style="text-align: center">
  465.                     <a target="_blank" href="https://ec.europa.eu/consumers/odr/main/index.cfm?event=main.home2.show&lng=RO">
  466.                         <img src="/web/uploads/SOL.png" style="max-width: 105px;"/>
  467.                     </a>
  468.                     &nbsp;
  469.                     <a target="_blank" href="https://anpc.ro/ce-este-sal/">
  470.                         <img src="/web/uploads/SAL.png" style="max-width:105px;"/>
  471.                     </a>
  472.                 </div>
  473.             {% endif %}
  475.         </div>
  476.         <!-- END SECTION VISIBLE FOR MOBILE ONLY -->
  478.     </div>
  481. </footer>
  482. <!-- END OF FOOTER -->
  484. <!-- START OF BOTTOM HERO-->
  485. <section class="hero">
  486.     <div class="hero-body">
  487.         <div class="container">
  489.             <div class="level">
  491.                 <div class="level-left">
  492.                     {#
  493.                     <div class="level-item is-hidden-tablet">
  494.                         <figure class="image is-48x48">
  495.                             <img src="https://bulma.io/images/placeholders/48x48.png" alt="">
  496.                         </figure>
  497.                     </div>
  498.                     #}
  500.                     <div class="level-item is-size-7" style="color:#6f6f6f!important;">
  501.                         {{ 'all_rights_reserved'|trans|raw }}
  502.                     </div>
  503.                 </div>
  505.                 {% if app.request.locale == 'pl' %}
  506.                     <div class="level-right has-text-centered">
  507.                         <img alt="CentrumKrzesel.pl logo" src="/v2/ico/ck_logo_footer.svg"/>
  508.                     </div>
  509.                 {% endif %}
  511.             </div>
  513.             {% if language.helpline %}
  514.                 <div class="has-text-centered is-hidden-tablet" style="margin-top:30px;">
  515.                     <span style="font-weight: 100"> {{ 'call_us'|trans }}</span>
  516.                     {% if app.request.locale == 'ro' %}
  517.                         <a href="https://wa.me/40745599121">
  518.                             &nbsp; <img src="/images/ico/whatsapp_black.svg" class="phone-ico" style="max-height: 30px!important; width:14px; height:14px;"/>
  519.                         </a>
  520.                         &nbsp;&nbsp;
  521.                         <span style="font-weight: 500"><i class="fas fa-phone"></i>&nbsp; <a href="https://wa.me/40745599121">{{ language.helpline }}</a></span>
  522.                     {% else %}
  523.                         <span style="font-weight: 500"><i class="fas fa-phone"></i> {{ language.helpline }}</span>
  524.                     {% endif %}
  525.                 </div>
  526.             {% endif %}
  528.         </div>
  529.     </div>
  530. </section>
  531. <!-- END OF BOTTOM HERO -->