templates/Slivki/offers/teaser.html.twig line 1

Open in your IDE?
  1. {% set teaserAnchorClass = '' %}
  2. {% if not offer.isHideNoveltyLabel() and offer.getActiveSince().diff(date()).days <= 5 %}
  3.     {% set teaserAnchorClass = 'newProduct' %}
  4. {% endif %}
  5. {% set offerURL = urlWithDomain is defined ? urlWithDomain : getURL("Slivki:Default:details", offer.getID(), true) %}
  6. {% set teaserStatDays = 30 %}
  7. {% set daysFromStrart = date(offer.getActiveSince|date).diff(date('now')).days %}
  8. {% set daysFromStrart = daysFromStrart < teaserStatDays ? daysFromStrart : teaserStatDays %}
  9. {% set daysFromStrart = daysFromStrart == 0 ? 1 : daysFromStrart %}
  11.     {% if isMailing is defined and isMailing %}
  12.         <input type="checkbox" class="marketActionCheckBox"/>
  13.         <input type="checkbox" style="float: left;" name="mainTeaser" class="marketActionRadio"/>
  14.     {% endif %}
  16. <div class="stock-group-item" id='action{{ offer.getID() }}' data-id="{{ offer.getID() }}">
  17.     {% block imageDiv %}
  18.     {% if noLazyLoad is defined %}
  19.     <div class="images {% if offer.getShopMedias()|length > 0 %}tiaser-carousel{% endif %}"
  20.          style="display: block; background-image: url('{{ getImageURL(offer.getTeaserMedia(), 250, 162) }}')"
  21.          onclick="window.open('{{ offerURL }}' + location.search);">
  22.         {% else %}
  23.         <div class="images lazy {% if offer.getShopMedias()|length > 0 %}tiaser-carousel{% endif %}"
  24.              data-original="{{ getImageURL(offer.getTeaserMedia(), 500, 324) }}"
  25.              onclick="window.open('{{ offerURL }}' + location.search);">
  26.             {% endif %}
  27.             {% endblock %}
  28.             <img class="image" src="{{ getImageURL(offer.getTeaserMedia(), 500, 324) }}"
  29.                  alt=""/>
  30.             {% for media in offer.getShopMedias()|slice(0, 8) %}
  31.                 <img class="image d-none" src="{{ getImageURL(media, 500, 324) }}"
  32.                      alt="{{ media.getDescription() }}" border="0"/>
  33.             {% endfor %}
  34.             {% if offer.getShopMedias()|length > 8 %}
  35.                 <div class="brazzers-more d-none">
  36.                     <div class="brazzers-more__wrapper">
  37.                         <div class="brazzers-more__icon"></div>
  38.                         <div class="brazzers-more__text">Еще {{ offer.getShopMedias()|length - 3 }} фото</div>
  39.                     </div>
  40.                 </div>
  41.             {% endif %}
  42.             {% if galleryVideos.getVideos() is defined and galleryVideos.getVideos()|length > 0 %}
  43.                 <div class="story-teaser-img">
  44.                     <img src="/images/play-offer-story.svg" alt="Истории"/>
  45.                 </div>
  46.             {% endif %}
  47.             {% if not offer.isHideNoveltyLabel() and offer.getRenewedOn().diff(date()).days <= constant('Slivki\\Services\\Category\\NewOfferCategoryService::NEW_OFFER_PERIOD_DAYS') %}
  48.                 <div class="new-offer-watermark">
  49.                     Новая
  50.                 </div>
  51.             {% endif %}
  52.             {% if offer.getOnlineOrderSettings() is not null and offer.getOnlineOrderSettings().getDeliveryWorkingTime() is not null %}
  53.             {% set workingDeliveryTime = (offer.getOnlineOrderSettings().getDeliveryWorkingTime())|json_decode()["now"|date("w")] %}
  54.             {% set startTime = workingDeliveryTime.startTime|date('H:i') %}
  55.             {% set endTime = workingDeliveryTime.endTime|date('H:i') %}
  56.             {% set dayOff = workingDeliveryTime.dayOff %}
  57.             {% set nowTime = "now"|date("H:i") %}
  58.             {% if startTime == endTime and not dayOff %}ы
  59.                 <a href="{{ offerURL }}" class="open-delivery-info d-none" target="_blank">ДОСТАВКА КРУГЛОСУТОЧНО</a>
  60.                 {% endif %}
  61.             {% endif %}
  62.             <a href="{{ offerURL }}" target="_blank" class="details-link {{ teaserAnchorClass }}">
  63.                 {% if offer.getCaptionName()|trim %}
  64.                     <div class="info-line" style="background-color: {{ offer.getCaptionColor() }};">
  65.                         <div>{{ offer.getCaptionName() }}</div>
  66.                     </div>
  67.                 {% endif %}
  69.                 {% if offer.getRegionalCaptionName()|trim %}
  70.                     <div class="info-line regional"
  71.                          style="background-color: {{ offer.getRegionalCaptionColor() }}; display: none;">
  72.                         <div>{{ offer.getRegionalCaptionName() }}</div>
  73.                     </div>
  74.                 {% endif %}
  76.             </a>
  78.             {% if offer.getHint() and offer.getHint()|trim != '' %}
  79.                 <div class="teaser-hint">
  80.                     <div class="teaser-hint-inner">{{ offer.getHint()|raw }}</div>
  81.                 </div>
  82.             {% endif %}
  84.             {% if showManicurePrice is defined and showManicurePrice and offer.getPrice() %}
  85.                 <div class="info-line manicure-price">
  86.                     <div>Маникюр под ключ {{ offer.getPrice()|number_format(2, ',', '') }} руб</div>
  87.                 </div>
  88.             {% endif %}
  90.         </div>
  92.         {% set supplierLogo = getTeaserWatermark(offer.getID()) %}
  94.         {% if supplierLogo|length > 0 %}
  95.             {% set supplierLogoWidth = supplierLogo.width ? supplierLogo.width : 65 %}
  96.             <div class="teaser--supplier-logo">
  97.                 <img style="{{ supplierLogo.width ? 'width:' ~ supplierLogo.width ~ 'px;' }}{{ supplierLogo.height ? 'height:' ~ supplierLogo.height ~ 'px;' }}"
  98.                      src="{{ getImageURL(supplierLogo.watermark, 2 * supplierLogoWidth, 0) }}" alt=""/>
  99.             </div>
  100.         {% endif %}
  101.         {% block favorite %}{% endblock %}
  103.         <div class="discount-label">{{ offer.isWithoutCodes() ? 'пока без скидки' : offer.getDiscountLabelText() }}</div>
  104.         <div class="top">
  105.             {% set rating = offer.getRating() %}
  106.             {% set ratingPercentage = rating * 100 / 5 %}
  107.             {% set ratingCount = getOfferCommentsCount(offer.getID()) %}
  109.             <div class="d-flex align-items-center">
  110.                 {% if ratingCount > 0 or rating > 0 %}
  111.                     <div class="star-ratings-css">
  112.                         {% if rating > 0 %}
  113.                             <div class="star-ratings-css-top" style="width: {{ ratingPercentage }}%">
  114.                                 <span>★</span>
  115.                             </div>
  116.                         {% else %}
  117.                             <div class="star-ratings-css-bottom">
  118.                                 <span>★</span>
  119.                             </div>
  120.                         {% endif %}
  121.                     </div>
  122.                     <div class="rating-value" style="margin-right: 2px;">{{ rating|round(2, 'ceil') }}</div>
  123.                     <div class="rating-value" data-toggle="tooltip" data-placement="top"
  124.                          data-original-title="Количество комментариев к данной акции">
  125.                         ({{ getOfferCommentsCount(offer.getID()) }})
  126.                     </div>
  127.                 {% endif %}
  128.             </div>
  130.             {% if offer.getGeoLocations().count() > 0 %}
  131.                 <div class="geo-location-block">
  132.                     <div class="distance" data-toggle="distance-tooltip" data-placement="top"
  133.                          data-original-title="Расстояние от Вас до объекта">
  134.                         <i class="slivki-icon slivki-icon-direction"></i>
  135.                         <img class='ajaxLoader' src='/images/ajax-loader-16x16.gif' alt='Загрузка...'/>
  136.                         <span></span>
  137.                     </div>
  138.                     {% include 'Slivki/offers/geo_location_data.html.twig' with {'offer': offer} only %}
  139.                 </div>
  140.             {% endif %}
  141.         </div>
  143.         <div class="teaser-same-height">
  144.             <div class="title">
  145.                 <a href="{{ offerURL }}" target="_blank" class="details-link "
  146.                    style="color: {{ offer.getTitleFontColor() }};">{{ offer.getTitle()|raw }}</a>
  147.             </div>
  148.         </div>
  150.         <a class="details-link marketActionLink" href="{{ offerURL }}" target="_blank">
  151.             <div class="address" data-toggle="tooltip" data-placement="top"
  152.                  data-original-title="Ориентир">{{ offer.getAddress() }}</div>
  153.         </a>
  155.         <div class="bottom d-flex font-size-0680">
  156.             {% set daysLeft = offer.getActiveTill().diff(date()).days %}
  158.             {% if not offer.isWithoutCodes() %}
  159.                 <a href="{{ offerURL }}" target="_blank" class="bottom-item" data-toggle="tooltip" data-placement="top"
  160.                    data-original-title='Взято кодов за {{ daysFromStrart }} {{ ['день', 'дня', 'дней']|plural(daysFromStrart) }}'>
  161.                     <i class="slivki-icon slivki-icon-users"></i>
  162.                     <span>{{ getOfferMonthlyPurchaseCount(offer.getID()) }}</span>
  163.                 </a>
  164.             {% endif %}
  166.             <div class="bottom-item" data-toggle="tooltip" data-placement="top"
  167.                  data-original-title='Просмотров за {{ daysFromStrart }} {{ ['день', 'дня', 'дней']|plural(daysFromStrart) }}'>
  168.                 <i class="slivki-icon slivki-icon-eye"></i>
  169.                 <span>{{ getOfferVisitCount(offer) }}</span>
  170.             </div>
  172.             {% if not offer.isInFreeCodesCategory() and not offer.isWithoutCodes() %}
  173.                 <div class="bottom-item" data-toggle="tooltip" data-placement="top"
  174.                      data-original-title='Кол-во продаж к кол-ву просмотров. <br> Конверсия за {{ daysFromStrart }} {{ ['день', 'дня', 'дней']|plural(daysFromStrart) }}'>
  175.                     <img src="/images/stats-alt-2.svg" style="margin: 0 .2em;"/>
  176.                     <span>{{ getOfferConversion(offer.getID()) }}%</span>
  177.                 </div>
  178.             {% endif %}
  180.             {% if offer.getActiveSince() <= date() and offer.getActiveTill() >= date() and not offer.isWithoutCodes() %}
  181.                 <div class="bottom-item" data-toggle="tooltip" data-placement="top"
  182.                      data-original-title='Дней до окончания действия акции'>
  183.                     <i class="slivki-icon slivki-icon-clock"></i>
  184.                     <span class="daystr">{{ daysLeft == 0 ? 0.5 : daysLeft }} {{ daysLeft > 0 ? ['день', 'дня', 'дней']|plural(daysLeft) : 'дня' }}</span>
  185.                 </div>
  186.             {% endif %}
  188.         </div>
  189.         <div class="w-100 d-flex">
  190.             {% if offer.isOneOfOnlineOrderAllowedOnSite() and not offer.isTireOnlineOrderAllowedOnSite() %}
  191.                 <a href="{{ offer.getID() in constant('Slivki\\Entity\\Offer::FREESTYLE_OFFER_IDS') ? getLinkGiftCertificateOnlineOrderByOnlyCode(offer) : getLinkOnlineOrder(offer) }}"
  192.                    class="top-code-online-order">Онлайн-заказ</a>
  193.             {% elseif offer.isTireOnlineOrderAllowedOnSite() %}
  194.                 <a href="/online-zapis/{{ offer.getID() }}" class="top-code-online-order">Онлайн-запись</a>
  195.             {% endif %}
  196.             {% if offer.isInFreeCodesCategory() %}
  197.                 <div class="top-code" data-toggle="tooltip" data-placement="top"
  198.                      data-original-title='Код скидки предоставляется сайтом бесплатно'>Код 0 руб.
  199.                 </div>
  200.             {% endif %}
  201.             {% if offer.getDeliveryTimeTeaser() %}
  202.                 <div class="time-delivery d-flex justify-content-center align-items-center">
  203.                     <img width="22" height="17" class="mr-1" src="/images/icon_avto.svg"/>
  204.                     <span class="color-white">{{ offer.getDeliveryTimeTeaser() }} мин</span>
  205.                 </div>
  206.             {% endif %}
  207.         </div>
  208.         {% if offer.getOnlineOrderSettings() is not null and offer.getOnlineOrderSettings().getDeliveryWorkingTime() is not null %}
  209.             {% set workingDeliveryTime = (offer.getOnlineOrderSettings().getDeliveryWorkingTime())|json_decode()["now"|date("w")] %}
  210.             {% set startTime = workingDeliveryTime.startTime|date('H:i') %}
  211.             {% set endTime = workingDeliveryTime.endTime|date('H:i') %}
  212.             {% set dayOff = workingDeliveryTime.dayOff %}
  213.             {% set nowTime = "now"|date("H:i") %}
  215.             {% if nowTime >= startTime and nowTime <= endTime and not dayOff %}
  216.                 <p class="teaser-working-time-delivery open-delivery d-none">Доставка до {{ workingDeliveryTime.endTime }}</p>
  217.             {% elseif nowTime < startTime and startTime != endTime and not dayOff %}
  218.                 <p class="teaser-working-time-delivery closed-delivery d-none">Закрыто. Доставка с {{ workingDeliveryTime.startTime }}</p>
  219.             {% elseif startTime == endTime and not dayOff %}
  220.                 <p class="teaser-working-time-delivery open-delivery d-none">Доставка круглосуточно</p>
  221.             {% elseif dayOff %}
  222.                 <p class="teaser-working-time-delivery closed-delivery d-none">Предзаказ</p>
  223.             {% endif %}
  224.         {% endif %}
  225.     </div>