templates/web/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'web/base.html.twig' %}
  4. {% block title %}Freeport Fashion Outlet{% endblock %}
  6. {% trans_default_domain 'web' %}
  9. {% block body %}
  10. {# <style>
  11. .qodef-instagram-feed a {
  12. flex: 1 0 15%;
  13. box-sizing: border-box;
  14. padding: 5px;
  15. max-height: 250px;
  16. max-width: 250px;
  17. overflow: hidden;
  18. }
  20. .qodef-instagram-feed img {
  21. width: 100%;
  22. height: 100%;
  23. object-fit: cover;
  24. }
  26. /* Responzivní změna velikosti obrázků na menších zařízeních */
  27. @media screen and (max-width: 768px) {
  28. .qodef-instagram-feed a {
  29. flex-basis: 50%; /* Pro 2 obrázky v řádku nastavíme šířku na 50% (100% / 2) */
  30. }
  31. }
  33. @media screen and (max-width: 480px) {
  34. .qodef-instagram-feed a {
  35. flex-basis: 100%; /* Pro 1 obrázek v řádku nastavíme šířku na 100% */
  36. }
  37. }
  38. </style> #}
  39. <style>
  40. /* Obecné styly pro fotky */
  41. .qodef-instagram-feed a {
  42. flex: 1 0 15%; /* Původní hodnota */
  43. box-sizing: border-box;
  44. padding: 5px;
  45. max-height: 250px;
  46. max-width: 250px;
  47. overflow: hidden;
  48. }
  50. .qodef-instagram-feed img {
  51. width: 100%;
  52. height: 100%;
  53. object-fit: cover;
  54. }
  56. @media screen and (max-width: 768px) {
  57. .qodef-instagram-feed a {
  58. flex-basis: 33.33%;
  59. }
  60. }
  62. @media screen and (max-width: 480px) {
  63. .qodef-instagram-feed a {
  64. flex-basis: 50% !important;
  65. }
  66. }
  68. /* Styly pro PC rozlišení (širší zařízení) */
  69. @media screen and (min-width: 769px) {
  70. /* Zobrazení šesti fotek vedle sebe */
  71. #instafeed {
  72. display: flex;
  73. flex-wrap: wrap;
  74. }
  76. .qodef-instagram-feed a {
  77. flex-basis: 16.66%; /* Pro 6 obrázků v řádku nastavíme šířku na 16.66% (100% / 6) */
  78. }
  79. }
  80. </style>
  81. <script>
  82. window.addEventListener('scroll', parallax);
  84. function parallax() {
  85. var scrolled = window.pageYOffset;
  86. var video = document.getElementById('fixed-video');
  87. video.style.transform = 'translateY(' + (scrolled * 0.4) + 'px)';
  88. }
  89. </script>
  90. {{ include('web/core/header.html.twig') }}
  91. <div class="qodef-content">
  92. <div class="qodef-content-inner">
  93. <div class="qodef-full-width">
  95. <div class="qodef-full-width-inner" style="margin-top: -90px; padding-top: 0;">
  96. <div class="qodef-grid-row">
  97. <div class="qodef-page-content-holder qodef-grid-col-12">
  98. <div class="swiper swiper-homepage">
  99. <div class="swiper-wrapper">
  100. {# @TODO Video Slider #}
  101. <div class="c-video">
  102. <video id="fixed-video" preload="auto" loop="true" muted="true" autoplay playsinline
  103. width="1920" height="1080" class="video-slider" style="height: 500px;">
  104. <source src="/build/files/video-main.mp4"
  105. type="video/mp4" poster="" bitrate="5000kbps">
  106. </video>
  107. <img src="/build/images/video-main-img.jpg" loading="eager" style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;z-index: -1;" alt="Vítejte ve Freeportu">
  108. <div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 50%);"></div>
  109. <div class="video-title"
  110. style=" position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: white;z-index: 1;">
  111. <div>
  112. <h1 style="color: white;font-size: 50px;">{{ 'video.title' | trans }}</h1>
  113. </div>
  114. <div class="video-text"
  115. style=" position: relative;left: 50%;transform: translateX(-50%);text-align: center;color: white;z-index: 1; width: 100%;max-width: 600px;">
  116. <div style="color: white;font-size: 18px;font-weight: 500;padding-bottom: 20px;">{{ 'video.desc' | trans }}</div>
  117. <div style="position: relative;display: flex;justify-content: center;">
  118. <a itemprop="url" href="{{ path('app_web_shops') }}" target="_self"
  119. style="color: #ffffff;border-color: #ffffff"
  120. class="qodef-btn qodef-btn-medium qodef-btn-outline qodef-btn-custom-hover-color"
  121. data-hover-color="#000000">
  122. <span class="qodef-btn-text">{{ 'discover'|trans }}</span>
  123. </a>
  124. </div>
  125. </div>
  126. </div>
  128. </div>
  129. </div>
  132. {# @TODO Images Slider #}
  133. {# {% if slides|length > 0 %}
  134. {% for s in slides %}
  135. <div class="swiper-slide">
  136. <div class="homepage-slider"
  137. {% if is_mobile() %}
  138. style="background-image: url('{{ vich_uploader_asset(s.translations[app.request.locale], 'imageMobileFile')| imagine_filter('slideshowMobile') }}');"
  139. {% else %}
  140. style="background-image: url('{{ vich_uploader_asset(s.translations[app.request.locale], 'imageFile')| imagine_filter('slideshow') }}');"
  141. {% endif %}
  142. >
  144. <div class="homepage-slider__title">
  145. <a href="{{ s.getUrl() }}">{{ s.getTitle() }}</a>
  146. </div>
  148. <div class="homepage-slider__text">
  149. <h4 style="color: white">{{ s.getSubtitle() }}</h4>
  150. <div style="position: relative;display: flex;justify-content: center;">
  151. <a href="{{ s.getUrl() }}" class="qodef-side-menu-button-opener qodef-btn-solid qodef-btn qodef-btn-medium slider-btn-link">
  152. <span class="qodef-btn-text">{{ s.getLabel() }}</span>
  153. </a>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. {% endfor %}
  159. {% endif %} #}
  160. </div>
  161. {# {% if slides|length > 1 %}
  162. <div class="swiper-pagination"></div>
  163. <div class="swiper-button-prev"></div>
  164. <div class="swiper-button-next"></div>
  165. {% endif %} #}
  166. </div>
  167. <a href="{{ path('app_web_shops') }}">
  168. <div class="swiper-container clients-swiper">
  169. <div class="swiper-wrapper">
  170. <div class="swiper-slide">
  171. <img src="{{ asset('build/images/web/brand/adidas.png') }}" style="max-width:70px;" alt="Adidas"
  172. loading="lazy">
  173. </div>
  174. <div class="swiper-slide">
  175. <img src="{{ asset('build/images/web/brand/calvin_klein.png') }}" alt="Calvin"
  176. loading="lazy">
  177. </div>
  178. <div class="swiper-slide">
  179. <img src="{{ asset('build/images/web/brand/gap.png') }}" alt="Gap"
  180. loading="lazy">
  181. </div>
  183. <div class="swiper-slide">
  184. <img src="{{ asset('build/images/web/brand/levis.png') }}" alt="Levis"
  185. loading="lazy">
  186. </div>
  187. <div class="swiper-slide">
  188. <img src="{{ asset('build/images/web/brand/marco_polo.png') }}" alt="Marco_Polo"
  189. loading="lazy">
  190. </div>
  191. <div class="swiper-slide">
  192. <img src="{{ asset('build/images/web/brand/nike.png') }}" alt="Nike"
  193. loading="lazy">
  194. </div>
  195. <div class="swiper-slide">
  196. <img src="{{ asset('build/images/web/brand/primigi.png') }}" alt="Primigi"
  197. loading="lazy">
  198. </div>
  199. <div class="swiper-slide">
  200. <img src="{{ asset('build/images/web/brand/puma.png') }}" style="max-width:70px;" alt="Puma"
  201. loading="lazy">
  202. </div>
  203. <div class="swiper-slide">
  204. <img src="{{ asset('build/images/web/brand/tommy_hilfiger.png') }}"
  205. alt="Tommy hilfiger" loading="lazy">
  206. </div>
  207. <div class="swiper-slide">
  208. <img src="{{ asset('build/images/web/brand/under_armour.png') }}"
  209. alt="Under Armour" loading="lazy">
  210. </div>
  211. <div class="swiper-slide">
  212. <img src="{{ asset('build/images/web/brand/wellenstein.png') }}"
  213. alt="Wellenstein" loading="lazy">
  214. </div>
  215. <div class="swiper-slide">
  216. <img src="{{ asset('build/images/web/brand/yankee_candle.png') }}" alt="Yankee"
  217. loading="lazy">
  218. </div>
  219. </div>
  220. </div>
  221. </a>
  222. <div class="qodef-row-grid-section-wrapper qodef-content-aligment-center"
  223. style="padding-top: 35px;">
  224. <div class="qodef-row-grid-section">
  225. <div class="vc_row wpb_row vc_row-fluid">
  226. <div class="wpb_column vc_column_container vc_col-sm-12">
  227. <div class="vc_column-inner">
  228. <div class="wpb_wrapper">
  229. <div class="qodef-section-title-holder ">
  230. <div class="qodef-st-inner">
  231. <h1 class="qodef-st-title">{{ 'news.title'|trans }}</h1>
  232. <p class="qodef-st-text">{{ 'news.text'|trans }}</p>
  233. </div>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  242. <div class="vc_row wpb_row vc_row-fluid vc_custom_1568102229406">
  243. {% if news|length > 0 %}
  244. {% for s in news %}
  246. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-4 vc_col-md-6">
  247. <div class="vc_column-inner">
  248. <div class="wpb_wrapper">
  249. <div class="qodef-image-with-text-holder qodef-image-behavior-custom-link ">
  250. <div class="qodef-iwt-image">
  251. <a itemprop="url"
  252. href="{{ path('app_web_news_detail',{'news':s.getSlug()}) }}"
  253. target="_self" style="padding:10px 0;">
  254. {% if s.translations[app.request.locale].image is not null %}
  255. <img width="800" height="1070"
  256. src="{{ vich_uploader_asset(s.translations[app.request.locale], 'imageFile')| imagine_filter('news') }}"
  257. class="main-image" alt="{{ s.getTitle() }}"
  258. loading="lazy">
  259. {% endif %}
  260. </a>
  262. </div>
  263. <div class="qodef-iwt-text-holder">
  264. <div>
  265. <h4 id="news" class="qodef-iwt-title"
  266. style=" display: inline-block; max-width: 26ch; word-wrap: break-word;">{{ s.getTitle() }}</h4>
  267. </div>
  268. <div>
  269. <a href="{{ path('app_web_news_detail',{'news':s.getSlug()}) }}"
  270. class="qodef-iwt-button qodef-btn qodef-btn-simple">{{ 'showMore'|trans }}</a>
  271. </div>
  272. </div>
  273. </div>
  274. <div class="vc_empty_space" style="height: 70px"><span
  275. class="vc_empty_space_inner"></span></div>
  276. </div>
  277. </div>
  278. </div>
  279. {% endfor %}
  280. {% endif %}
  281. </div>
  282. <div class="vc_row wpb_row vc_row-fluid vc_custom_1565773909602"
  283. style="background-color:#c5af93">
  284. <h1 class="qodef-st-title" style="text-align: center; color: #fff; padding-bottom: 30px;">
  285. {{ 'homepage.topAction' | trans }} </h1>
  286. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-12 vc_col-md-12" style="text-align: center;">
  287. <div class="vc_column-inner">
  288. <div class="wpb_wrapper top-action">
  289. <div class="swiper-container actions-swiper">
  290. <div class="swiper-wrapper">
  291. {% for o in offers %}
  292. {# <div class="swiper-slide">
  293. <div class="product-category product first">
  294. <div class="top-action__image" {% if o.category.image is not null %}style="background-image: url({{ vich_uploader_asset(o.category, 'imageFile')| imagine_filter('news') }});"{% endif %}>
  295. <div class="top-action__image-logo">
  296. <img src="{{ vich_uploader_asset(o.store, 'logoFile')| imagine_filter('thumb300') }}" alt="{{ o.store.name }}">
  297. </div>
  298. </div>
  299. <div class="top-action__content">
  300. <h2 class="woocommerce-loop-category__title top-action__title">
  301. {{ o.getName }}
  302. </h2>
  303. <h4 class="top-action__subtitle">
  304. {{ o.getTitle }}
  305. </h4>
  306. <p class="top-action__text">
  307. {{ o.getSubTitle }}
  308. </p>
  309. <p class="top-action__date">
  310. {{ o.dateFrom|date('d.m.Y') }} - {{ o.dateTo|date('d.m.Y') }}
  311. </p>
  312. </div>
  313. </div>
  314. </div> #}
  315. <a href="{{ path('app_web_shop_detail',{'slug':o.store.slug}) }}" class="swiper-slide">
  316. <div class="product-category product first">
  317. <div class="top-action-detail__image"
  318. {% if o.image is not null %}
  319. style="background-image: url({{ vich_uploader_asset(o, 'imageFile')| imagine_filter('news') }});"
  320. {% elseif o.store.offerImage is not null %}
  321. style="background-image: url({{ vich_uploader_asset(o.store, 'offerImageFile')| imagine_filter('news') }});"
  322. {% elseif o.topCategory.image is not null %}
  323. style="background-image: url({{ vich_uploader_asset(o.topCategory, 'imageFile')| imagine_filter('news') }});"
  324. {% endif %}>
  325. <div class="top-action__image-logo">
  326. {% if o.store.logo is not null %}
  327. <img src="{{ vich_uploader_asset(o.store, 'logoFile')| imagine_filter('thumb300') }}"
  328. alt="{{ o.store.name }}" loading="lazy">
  329. {% endif %}
  330. </div>
  331. </div>
  332. <div class="top-action__content">
  333. <h2 class="woocommerce-loop-category__title top-action__title">
  334. {{ o.getName }}
  335. </h2>
  336. <h4 class="top-action__subtitle">
  337. {{ o.getTitle }}
  338. </h4>
  339. <p class="top-action__text">
  340. {{ o.getSubTitle }}
  341. </p>
  342. <p class="top-action__date">
  343. {{ o.dateFrom|date('d.m.Y') }}
  344. - {{ o.dateTo|date('d.m.Y') }}
  345. </p>
  346. </div>
  347. </div>
  348. </a>
  349. {% endfor %}
  350. </div>
  351. <!-- If we need navigation buttons -->
  352. <div class="swiper-button-prev"></div>
  353. <div class="swiper-button-next"></div>
  354. </div>
  355. </div>
  356. </div>
  357. <a itemprop="url" href="{{ path('app_web_top-actions') }}" target="_self"
  358. style="color: #ffffff;border-color: #ffffff;margin-bottom: 30px;"
  359. class="qodef-btn qodef-btn-medium qodef-btn-outline qodef-btn-custom-hover-color"
  360. data-hover-color="#000000">
  361. <span class="qodef-btn-text">{{ 'discover'|trans }}</span>
  362. </a>
  363. </div>
  364. </div>
  365. <div class="qodef-row-grid-section-wrapper qodef-content-aligment-center" style="padding-top: 40px;">
  366. <div class="qodef-row-grid-section">
  367. <div class="vc_row wpb_row vc_row-fluid vc_custom_1565358724323">
  368. <div class="wpb_column vc_column_container vc_col-sm-12">
  369. <div class="vc_column-inner">
  370. <div class="wpb_wrapper">
  371. <div class="wpb_text_column wpb_content_element ">
  372. <div class="wpb_wrapper">
  373. <h6>{{ 'homepage.watchUs.subtitle' |trans }}</h6>
  374. </div>
  375. </div>
  376. <div class="vc_empty_space" style="height: 8px"><span
  377. class="vc_empty_space_inner"></span></div>
  378. <div class="qodef-section-title-holder "
  379. style="text-align: center">
  380. <div class="qodef-st-inner">
  381. <h1 class="qodef-st-title">
  382. {{ 'homepage.watchUs.title' |trans }}</h1>
  383. <p class="qodef-st-text">
  384. {{ 'homepage.watchUs.description' |trans }}</p>
  385. </div>
  386. </div>
  387. <div class="vc_empty_space" style="height: 51px"><span
  388. class="vc_empty_space_inner"></span></div>
  389. <div class="wpb_widgetised_column wpb_content_element">
  390. <div class="wpb_wrapper">
  391. <div class="widget widget_qodef_instagram_widget">
  392. <ul class="qodef-instagram-feed clearfix qodef-col-4 qodef-instagram-gallery qodef-no-space">
  393. <div style="display: flex; flex-wrap: wrap;"
  394. id="instafeed"></div>
  395. </ul>
  396. </div>
  397. </div>
  398. </div>
  399. </div>
  400. </div>
  401. </div>
  402. </div>
  403. </div>
  404. </div>
  405. <div class="qodef-row-grid-section-wrapper qodef-content-aligment-center">
  406. <div class="qodef-row-grid-section">
  407. <div class="vc_row wpb_row vc_row-fluid vc_custom_1565358676544">
  408. <div class="wpb_column vc_column_container vc_col-sm-12">
  409. <div class="vc_column-inner">
  410. <div class="wpb_wrapper">
  411. <div class="qodef-section-title-holder ">
  412. <div class="qodef-st-inner">
  413. <h1 class="qodef-st-title">
  414. {{ 'homepage.visitUs.title'|trans }}</h1>
  415. <p class="qodef-st-text">{{ 'homepage.visitUs.description'|trans }}</p>
  416. </div>
  417. </div>
  418. </div>
  419. </div>
  420. </div>
  421. </div>
  422. </div>
  423. </div>
  424. <div class="vc_row wpb_row vc_row-fluid vc_custom_1563282174907 qodef-content-aligment-center"
  425. style="background-color:#c5af93;margin-bottom:30px!important;">
  426. <div class="wpb_column vc_column_container vc_col-sm-12">
  427. <div class="vc_column-inner">
  428. <div class="wpb_wrapper">
  429. <div class="wpb_text_column wpb_content_element ">
  430. <div class="wpb_wrapper">
  431. <p>
  432. <a style="color: #fff; font-size: 18px;">{{ 'homepage.openingHours'|trans }}</a>
  433. </p>
  435. </div>
  436. </div>
  437. </div>
  438. </div>
  439. </div>
  440. </div>
  441. <div class="vc_row wpb_row vc_row-fluid visit-photo">
  442. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-4 vc_col-md-6">
  443. <div class="vc_column-inner">
  444. <div class="wpb_wrapper">
  445. <div class="qodef-image-with-text-holder qodef-image-behavior-custom-link ">
  446. <div class="qodef-iwt-image">
  447. <a itemprop="url">
  448. <img width="800" height="1070"
  449. src="{{ asset('build/images/web/centrum/visit1.webp') }}"
  450. class="main-image" alt="s" loading="lazy"
  451. sizes="(max-width: 800px) 100vw, 800px"> </a>
  452. </div>
  453. </div>
  454. <div class="vc_empty_space" style="height: 70px"><span
  455. class="vc_empty_space_inner"></span></div>
  456. </div>
  457. </div>
  458. </div>
  459. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-4 vc_col-md-6">
  460. <div class="vc_column-inner">
  461. <div class="wpb_wrapper">
  462. <div class="qodef-image-with-text-holder qodef-image-behavior-custom-link ">
  463. <div class="qodef-iwt-image">
  464. <a itemprop="url">
  465. <img width="800" height="1070"
  466. src="{{ asset('build/images/web/centrum/visit2.webp') }}"
  467. class="main-image" alt="t" loading="lazy"
  468. sizes="(max-width: 800px) 100vw, 800px"> </a>
  469. </div>
  470. <div class="qodef-iwt-text-holder" style="text-align: center;">
  471. <h4 class="qodef-iwt-title">{{ 'homepage.visitUs.sales' | trans }}</h4>
  472. <h5 class="qodef-iwt-title"
  473. style="color: #c5af93;">{{ 'homepage.visitUs.storesBrand' | trans }}</h5>
  474. <a class="qodef-btn-outline qodef-btn qodef-btn-medium" style="margin-top: 20px; border: 1px solid black;"
  475. href="{{ path('app_web_shops') }}">
  476. <span class="qodef-btn-text">
  477. {{ 'discover' | trans }}
  478. </span>
  479. </a>
  480. </div>
  482. </div>
  483. <div class="vc_empty_space" style="height: 70px"><span
  484. class="vc_empty_space_inner"></span></div>
  485. </div>
  486. </div>
  487. </div>
  488. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-4 vc_col-md-6">
  489. <div class="vc_column-inner">
  490. <div class="wpb_wrapper">
  491. <div class="qodef-image-with-text-holder qodef-image-behavior-custom-link ">
  492. <div class="qodef-iwt-image">
  493. <a itemprop="url">
  494. <img width="800" height="1070"
  495. src="{{ asset('build/images/web/centrum/visit3.webp') }}"
  496. class="main-image" alt="t" loading="lazy"
  497. sizes="(max-width: 800px) 100vw, 800px"> </a>
  498. </div>
  500. </div>
  501. <div class="vc_empty_space" style="height: 70px"><span
  502. class="vc_empty_space_inner"></span></div>
  503. </div>
  504. </div>
  505. </div>
  506. </div>
  508. <div class="line">
  509. <div class="line-item">
  510. <div class="line-content" style="margin-left: auto;">
  511. <h4>
  512. <span style="color: #ffffff;">{{ 'homepage.findJob'|trans }}</span>
  513. </h4>
  514. <a itemprop="url" href="{{ 'homepage.contactUsHref'|trans }}" target="_self" style="color: #ffffff"
  515. class="qodef-btn qodef-btn-medium qodef-btn-simple qodef-btn-custom-hover-color"
  516. data-hover-color="#ffffff">
  517. <span class="qodef-btn-text">{{ 'homepage.contactUs'|trans }}</span>
  518. </a>
  519. </div>
  520. </div>
  521. <div class="line-item gift-card" style="background-image: url({{ asset('build/images/web/gift-card/gift-card-hp-'~app.request.locale~'.jpg') }});">
  522. <div class="line-content">
  523. <h4>
  524. <span style="color: #ffffff;">{{ 'homepage.giftCards'|trans }}</span>
  525. </h4>
  526. <a href="{{ path('app_web_gift-card') }}" target="_self"
  527. style="color: #ffffff;"
  528. class="qodef-btn qodef-btn-medium qodef-btn-simple qodef-btn-custom-hover-color"
  529. data-hover-color="#ffffff">
  530. <span class="qodef-btn-text">{{ 'more'|trans }}</span>
  531. </a>
  532. </div>
  533. </div>
  534. </div>
  536. <div class="qodef-row-grid-section-wrapper qodef-content-aligment-center">
  537. <div class="qodef-row-grid-section">
  538. <div class="vc_row wpb_row vc_row-fluid vc_custom_1565358682778">
  539. <div class="wpb_column vc_column_container vc_col-sm-12">
  540. <div class="vc_column-inner">
  541. <div class="wpb_wrapper">
  542. <div class="qodef-elements-holder qodef-two-columns qodef-responsive-mode-768">
  543. <div class="qodef-eh-item"
  544. style="background-image: url({{ asset('build/images/web/APP.jpg') }})"
  545. data-item-class="qodef-eh-custom-5207"
  546. data-681-768="43% 0" data-680="70% 0">
  547. <div class="qodef-eh-item-inner">
  548. <div class="qodef-eh-item-content qodef-eh-custom-5207">
  549. </div>
  550. </div>
  551. </div>
  552. <div class="qodef-eh-item qodef-horizontal-alignment-center "
  553. style="background-color: #c5af93"
  554. data-item-class="qodef-eh-custom-7613"
  555. data-1400-1600="35% 0" data-1025-1399="35% 0"
  556. data-681-768="26% 0" data-680="26% 12%">
  557. <div class="qodef-eh-item-inner">
  558. <div class="qodef-eh-item-content qodef-eh-custom-7613"
  559. style="padding: 46% 10%; position: relative; margin: 5px;">
  561. <img src="{{ asset('build/images/web/app-icon.svg') }}"
  562. alt=""
  563. style="width: 50px; height: auto; top: 20%; left: 50%;"
  564. loading="lazy">
  565. <h2 class="qodef-custom-font-holder qodef-cf-4699 "
  566. style="font-family: Cormorant;font-size: 13px;font-weight: 900;letter-spacing: 5px;text-align: center;color: #bf5c30;margin: 0 0"
  567. data-item-class="qodef-cf-4699">
  568. {{ 'vip.join' | trans }}</h2>
  569. <h2 class="qodef-custom-font-holder qodef-cf-1277 "
  570. style="font-family: Muli;font-size: 30px;text-align: center;color: #ffffff;margin: 12px 0"
  571. data-item-class="qodef-cf-1277">
  572. {{ 'vip.title' | trans }}</h2>
  573. <div class="wpb_text_column wpb_content_element ">
  574. <div class="wpb_wrapper">
  575. <p>
  576. <span style="color: #ffffff;">{{ 'vip.description'|trans }}</span>
  577. </p>
  578. </div>
  579. </div>
  580. <div class="vc_empty_space"
  581. style="height: 44px"><span
  582. class="vc_empty_space_inner"></span>
  583. </div>
  584. <a itemprop="url" href="{{ path('app_web_vip-club') }}"
  585. target="_self"
  586. style="color: #ffffff;border-color: #ffffff"
  587. class="qodef-btn qodef-btn-medium qodef-btn-outline qodef-btn-custom-hover-color"
  588. data-hover-color="#000000">
  589. <span class="qodef-btn-text">{{ 'discover'|trans }}</span>
  590. </a>
  591. </div>
  592. </div>
  593. </div>
  594. </div>
  595. </div>
  596. </div>
  597. </div>
  598. </div>
  599. </div>
  600. </div>
  602. <div class="qodef-row-grid-section-wrapper qodef-content-aligment-center">
  603. <div class="qodef-row-grid-section">
  604. <div class="vc_row wpb_row vc_row-fluid vc_custom_1568102320884">
  605. <div class="wpb_column vc_column_container vc_col-sm-12">
  606. <div class="vc_column-inner">
  607. <div class="wpb_wrapper">
  608. <div class="qodef-section-title-holder ">
  609. <div class="qodef-st-inner">
  610. <h1 class="qodef-st-title">
  611. {{ 'homepage.eshop.title'|trans }} </h1>
  612. <p class="qodef-st-text">
  613. {{ 'homepage.eshop.description'|trans }}</p>
  614. </div>
  615. </div>
  616. </div>
  617. </div>
  618. </div>
  619. </div>
  620. </div>
  621. </div>
  622. <div class="qodef-row-grid-section-wrapper qodef-content-aligment-left">
  623. <div class="qodef-row-grid-section">
  624. <div class="vc_row wpb_row vc_row-fluid vc_custom_1565704862757">
  625. <div class="wpb_column vc_column_container vc_col-sm-12">
  626. <div class="vc_column-inner">
  627. <div class="wpb_wrapper">
  628. <div class="qodef-plc-holder qodef-standard-layout qodef-medium-space qodef-plc-nav-default-skin qodef-plc-pag-bellow-slider qodef-plc-pag-default-skin">
  629. <div class="qodef-plc-outer qodef-owl-slider"
  630. data-number-of-items="4" data-enable-loop="yes"
  631. data-enable-autoplay="yes" data-slider-speed="5000"
  632. data-slider-speed-animation="600"
  633. data-enable-navigation="yes"
  634. data-enable-pagination="yes" data-slider-padding="no"
  635. data-stage-padding="200">
  637. {% for prod in biggestDiscount %}
  639. <div class="qodef-plc-item">
  640. <div class="qodef-plc-image-outer">
  641. <div class="qodef-plc-image">
  642. {% if prod.image != null %}
  643. <img width="600" height="850"
  644. src="{{ (product_directory_web~prod.image)|imagine_filter('thumb_one') }}"
  645. alt="{{ prod.translations.name }}"
  646. class="attachment-woocommerce_single size-woocommerce_single wp-post-image"
  647. loading="lazy">
  648. {% else %}
  649. <img width="600" height="850"
  650. src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQCAQAAAC+fJXwAAACx0lEQVR42u3SMQ0AAAzDsJU/6aGo+tgQouSgIBJgLIyFscBYGAtjgbEwFsYCY2EsjAXGwlgYC4yFsTAWGAtjYSwwFsbCWGAsjIWxwFgYC2OBsTAWxgJjYSyMBcbCWBgLjIWxMBYYC2NhLDAWxsJYYCyMhbHAWBgLY4GxMBbGAmNhLIwFxsJYGAuMhbEwFhgLY2EsMBbGwlhgLIyFscBYGAtjgbEwFsYCY2EsjAXGwlgYC2OBsTAWxgJjYSyMBcbCWBgLjIWxMBYYC2NhLDAWxsJYYCyMhbHAWBgLY4GxMBbGAmNhLIwFxsJYGAuMhbEwFhgLY2EsMBbGwlhgLIyFscBYGAtjgbEwFsYCY2EsjAXGwlgYC4yFsTAWGAtjYSwwFsbCWGAsjIWxwFgYC2OBsTAWxgJjYSyMBcbCWBgLjIWxMBbGAmNhLIwFxsJYGAuMhbEwFhgLY2EsMBbGwlhgLIyFscBYGAtjgbEwFsYCY2EsjAXGwlgYC4yFsTAWGAtjYSwwFsbCWGAsjIWxwFgYC2OBsTAWxgJjYSyMBcbCWBgLjIWxMBYYC2NhLDAWxsJYYCyMhbHAWBgLY4GxMBbGAmNhLIwFxsJYGAuMhbEwFhgLY2EsjCUBxsJYGAuMhbEwFhgLY2EsMBbGwlhgLIyFscBYGAtjgbEwFsYCY2EsjAXGwlgYC4yFsTAWGAtjYSwwFsbCWGAsjIWxwFgYC2OBsTAWxgJjYSyMBcbCWBgLjIWxMBYYC2NhLDAWxsJYYCyMhbHAWBgLY4GxMBbGAmNhLIwFxsJYGAuMhbEwFhgLY2EsMBbGwlhgLIyFsTAWGAtjYSwwFsbCWGAsjIWxwFgYC2OBsTAWxgJjYSyMBcbCWBgLjIWxMBYYC2NhLDAWxsJYYCyMhbHAWBgLY4GxMBbGAmNhLIwFxsJYGAuMhbEwFhgLY2EsMBYLD1BlAZGz0V2SAAAAAElFTkSuQmCC"
  651. alt="{{ prod.translations.name }}"
  652. loading="lazy"> {% endif %}
  653. </div>
  654. <div class="qodef-plc-text">
  655. <div class="qodef-plc-text-outer">
  656. <div class="qodef-plc-text-inner">
  657. <a href="{{ 'eshop'|trans }}{{ path('web_product',{slug:prod.translations.slug}) }}"
  658. class="yith-wcqv-button button qodef-btn-outline">
  659. <span>{{ 'show'|trans }}</span></a>
  660. </div>
  661. </div>
  662. </div>
  663. <a class="qodef-plc-link" itemprop="url"
  664. href="{{ 'eshop'|trans }}{{ path('web_product',{slug:prod.translations.slug}) }}"
  665. title="{{ prod.translations.name }}"></a>
  666. </div>
  667. <div class="qodef-pli-text-wrapper">
  668. <h5 itemprop="name"
  669. class="entry-title qodef-plc-title">
  670. <a itemprop="url"
  671. href="{{ 'eshop'|trans }}{{ path('web_product',{slug:prod.translations.slug}) }}">{{ prod.translations.name }}</a>
  672. </h5>
  673. <p class="qodef-plc-category">
  674. <a href="" rel="tag">{{ prod.brand.name }}</a>
  675. </p>
  676. <div class="qodef-plc-price">
  677. <span class="woocommerce-Price-amount amount"
  678. style="text-decoration: line-through;">
  679. {# <span class="woocommerce-Price-currencySymbol">€</span> #}{{ prod.pricelists.priceOriginal|format_currency(curr, locale=app.request.attributes.get('_locale')) }}
  680. </span>
  681. <span class="woocommerce-Price-amount amount"
  682. style="color: #DC0089;">
  683. {# <span class="woocommerce-Price-currencySymbol">€</span> #}{{ prod.pricelists.price|format_currency(curr, locale=app.request.attributes.get('_locale')) }}
  684. </span>
  685. </div>
  687. </div>
  688. </div>
  689. {% endfor %}
  691. </div>
  692. </div>
  693. </div>
  694. </div>
  695. </div>
  696. </div>
  697. </div>
  698. </div>
  699. </div>
  700. </div>
  701. </div>
  702. </div>
  703. {{ include('web/core/gift-card.html.twig') }}
  704. </div>
  705. {{ include('web/core/footer.html.twig') }}
  707. {% endblock %}