templates/basePages/page/index_page.html.twig line 1

Open in your IDE?
  1. <section class="index-search">
  2.   <div class="index-search-form">
  3.     <img src="/data/assets/venderes-prices-gray.png" alt="venderes-logo" class="l-logo" style="margin-bottom: 40px;">
  4.     <div class="index-search-form-header"><span>Eime apsipirkti!</span></div>
  5.     <form method="get" action="{{ path("search_site") }}">
  6.       <input name="q" placeholder="Kokios prekės ieškote?" type="search">
  7.       <input type="hidden" name="_source" value="form_index">
  8.     </form>
  9.   </div>
  10.   <div class="index-search-description">
  11.     <span class="index-search-description-main">Ieškokite tarp šimtų įvairių prekių ir raskite<br class="index-desc-br">geriausią prekę už patraukliausią kainą</span>
  12.   </div>
  13. </section>
  15. <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
  17. <section class="searchrec-list app-swiper" style="display:none;">
  18.   <div class="searchrec-list-arrow searchrec-list-arrow-left"><button class="app-swiperButtonLeft">&#xF284;</button></div>
  19.   <div class="searchrec-list-container swiper-wrapper">
  20.     <div class="label swiper-slide">magnetic</div>
  21.     <div class="label swiper-slide">rung</div>
  22.     <div class="label swiper-slide">belt</div>
  23.     <div class="label swiper-slide">global</div>
  24.     <div class="label swiper-slide">talk</div>
  25.     <div class="label swiper-slide">shower</div>
  26.     <div class="label swiper-slide">party</div>
  27.     <div class="label swiper-slide">decoration</div>
  28.     <div class="label swiper-slide">brother</div>
  29.     <div class="label swiper-slide">swim</div>
  30.     <div class="label swiper-slide">important</div>
  31.     <div class="label swiper-slide">dough</div>
  32.     <div class="label swiper-slide">sausage</div>
  33.     <div class="label swiper-slide">cooperative</div>
  34.     <div class="label swiper-slide">bargain</div>
  35.     <div class="label swiper-slide">volume</div>
  36.     <div class="label swiper-slide">person</div>
  37.     <div class="label swiper-slide">speed</div>
  38.     <div class="label swiper-slide">observer</div>
  39.     <div class="label swiper-slide">nest</div>
  40.   </div>
  41.   <div class="searchrec-list-arrow searchrec-list-arrow-right"><button class="app-swiperButtonRight">&#xF285;</button></div>
  42. </section>
  44. <script>
  45.   var swiper = new Swiper(".app-swiper", {
  46.     slidesPerView: "auto",
  47.     navigation: {nextEl: ".app-swiperButtonRight", prevEl: ".app-swiperButtonLeft"}
  48.   });
  49. </script>
  51. <template>
  52.   <div class="goods-card-sizebox">
  53.     <a href="https://google.com" target="_blank" style="text-decoration: none;">
  54.       <div class="good-card">
  55.         <div class="good-advertised"><div>Skelbimas</div></div>
  56.         <div class="good-card-image" style="--image-url: url('https://cdn.pixabay.com/photo/2020/10/12/15/15/video-game-5649076_960_720.png');"></div>
  57.         <div class="good-card-price-container"><span class="regular-price">99.99 &euro;</span><span class="discount-price">100.00 &euro;</span></div>
  58.         <div class="good-card-name-container">Sony Playstation 5 (PS5)</div>
  59.       </div>
  60.     </a>
  61.   </div>
  62. </template>
  64. {% if content.recommendations.popular|length > 0 %}
  65.   <section class="goods-list">
  66.     <div class="goods-list-header">
  67.       <span class="goods-list-header-name">Populiariausios prekės</span>
  68.     </div>
  69.     <div class="goods-list-group">
  71.   {% for product in content.recommendations.popular %}
  72.         <div class="goods-card-sizebox">
  73.           <a href="{{ path('product_site', {id: product.id, hash: product.productHash}) }}" style="text-decoration: none;">
  74.             <div class="good-card">
  75.               <div class="good-card-image" style="--image-url: url('{{ product.photos }}');"></div>
  76.               <div class="good-card-price-container"><span class="regular-price">{{ (product.price_mode == 1 ? product.price_discount : product.price_normal) / 100 }} &euro;</span>{% if product.price_mode == 1 %}<span class="discount-price">{{ product.price_normal / 100 }} &euro;</span>{% endif %}</div>
  77.               <div class="good-card-name-container">{{ product.a_name }}</div>
  78.             </div>
  79.           </a>
  80.         </div>
  81.   {% endfor %}
  83.     </div>
  84.   </section>
  85. {% endif %}
  87. <section class="goods-list">
  88.   <div class="goods-list-header">
  89.     <span class="goods-list-header-name">Naujausios prekės</span>
  90.   </div>
  91.   <div class="goods-list-group">
  93. {% for product in content.recommendations.newest %}
  94.       <div class="goods-card-sizebox">
  95.         <a href="{{ path('product_site', {id: product.id, hash: product.productHash}) }}" style="text-decoration: none;">
  96.           <div class="good-card">
  97.             <div class="good-card-image" style="--image-url: url('{{ product.photos }}');"></div>
  98.             <div class="good-card-price-container"><span class="regular-price">{{ (product.price_mode == 1 ? product.price_discount : product.price_normal) / 100 }} &euro;</span>{% if product.price_mode == 1 %}<span class="discount-price">{{ product.price_normal / 100 }} &euro;</span>{% endif %}</div>
  99.             <div class="good-card-name-container">{{ product.a_name }}</div>
  100.           </div>
  101.         </a>
  102.       </div>
  103. {% endfor %}
  105.   </div>
  106. </section>