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() }}" data-pixel={{ offer.getID() == constant('Slivki\\Entity\\Offer::BETERA_OFFER_ID') ? 'https://amc.yandex.ru/show?cmn_id=26372&plt_id=194140&crv_id=464043&evt_t=render&ad_type=banner&rnd=%system.random%' }}>
  17.     {% block imageDiv %}
  18.     {% if noLazyLoad is defined %}
  19.     <div class="images {% if offer.getDetailMedias()|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.getDetailMedias()|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.getDetailMedias()|slice(1, 8) %}
  31.                 <img class="image d-none" src="{{ getImageURL(media, 500, 324) }}"
  32.                      alt="{{ media.getDescription() }}" border="0"/>
  33.             {% endfor %}
  34.             {% if offer.getDetailMedias()|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.getDetailMedias()|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.getActiveSince().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 %}
  102.         {% if not offer.isWithoutCodes() %}
  103.             <div class="discount-label">{{ offer.getDiscountLabelText() }}</div>
  104.         {% endif %}
  105.         <div class="top">
  106.             {% set rating = offer.getRating() %}
  107.             {% set ratingPercentage = rating * 100 / 5 %}
  108.             {% set ratingCount = getOfferCommentsCount(offer.getID()) %}
  110.             <div class="d-flex align-items-center">
  111.                 {% if ratingCount > 0 or rating > 0 %}
  112.                     <div class="star-ratings-css">
  113.                         {% if rating > 0 %}
  114.                             <div class="star-ratings-css-top" style="width: {{ ratingPercentage }}%">
  115.                                 <span>★</span>
  116.                             </div>
  117.                         {% else %}
  118.                             <div class="star-ratings-css-bottom">
  119.                                 <span>★</span>
  120.                             </div>
  121.                         {% endif %}
  122.                     </div>
  123.                     <div class="rating-value" style="margin-right: 2px;">{{ rating|round(2, 'ceil') }}</div>
  124.                     <div class="rating-value" data-toggle="tooltip" data-placement="top"
  125.                          data-original-title="Количество комментариев к данной акции">
  126.                         ({{ getOfferCommentsCount(offer.getID()) }})
  127.                     </div>
  128.                 {% endif %}
  129.             </div>
  131.             {% if offer.getGeoLocations().count() > 0 %}
  132.                 <div class="geo-location-block">
  133.                     <div class="distance" data-toggle="distance-tooltip" data-placement="top"
  134.                          data-original-title="Расстояние от Вас до объекта">
  135.                         <i class="slivki-icon slivki-icon-direction"></i>
  136.                         <img class='ajaxLoader' src='/images/ajax-loader-16x16.gif' alt='Загрузка...'/>
  137.                         <span></span>
  138.                     </div>
  139.                     {% include 'Slivki/offers/geo_location_data.html.twig' with {'offer': offer} only %}
  140.                 </div>
  141.             {% endif %}
  142.         </div>
  144.         <div class="teaser-same-height">
  145.             <div class="title">
  146.                 <a href="{{ offerURL }}" target="_blank" class="details-link "
  147.                    style="color: {{ offer.getTitleFontColor() }};">{{ offer.getTitle()|raw }}</a>
  148.             </div>
  149.         </div>
  151.         <a class="details-link marketActionLink" href="{{ offerURL }}" target="_blank">
  152.             <div class="address" data-toggle="tooltip" data-placement="top"
  153.                  data-original-title="Ориентир">{{ offer.getAddress() }}</div>
  154.         </a>
  156.         <div class="bottom d-flex font-size-0680">
  157.             {% set daysLeft = offer.getActiveTill().diff(date()).days %}
  159.             {% if not offer.isWithoutCodes() %}
  160.                 <a href="{{ offerURL }}" target="_blank" class="bottom-item" data-toggle="tooltip" data-placement="top"
  161.                    data-original-title='Взято кодов за {{ daysFromStrart }} {{ ['день', 'дня', 'дней']|plural(daysFromStrart) }}'>
  162.                     <i class="slivki-icon slivki-icon-users"></i>
  163.                     <span>{{ getOfferMonthlyPurchaseCount(offer.getID()) }}</span>
  164.                 </a>
  165.             {% endif %}
  167.             <div class="bottom-item" data-toggle="tooltip" data-placement="top"
  168.                  data-original-title='Просмотров за {{ daysFromStrart }} {{ ['день', 'дня', 'дней']|plural(daysFromStrart) }}'>
  169.                 <i class="slivki-icon slivki-icon-eye"></i>
  170.                 <span>{{ getOfferVisitCount(offer) }}</span>
  171.             </div>
  173.             {% if not offer.isInFreeCodesCategory() and not offer.isWithoutCodes() %}
  174.                 <div class="bottom-item" data-toggle="tooltip" data-placement="top" data-html="true" rel="tooltip"
  175.                      data-original-title='Кол-во продаж к кол-ву просмотров. <br> Конверсия за {{ daysFromStrart }} {{ ['день', 'дня', 'дней']|plural(daysFromStrart) }}'>
  176.                     <img src="/images/stats-alt-2.svg" style="margin: 0 .2em;"/>
  177.                     <span>{{ getOfferConversion(offer.getID()) }}%</span>
  178.                 </div>
  179.             {% endif %}
  181.             {% if offer.getActiveSince() <= date() and offer.getActiveTill() >= date() and not offer.isWithoutCodes() %}
  182.                 <div class="bottom-item" data-toggle="tooltip" data-placement="top"
  183.                      data-original-title='Дней до окончания действия акции'>
  184.                     <i class="slivki-icon slivki-icon-clock"></i>
  185.                     <span class="daystr">{{ daysLeft == 0 ? 0.5 : daysLeft }} {{ daysLeft > 0 ? ['день', 'дня', 'дней']|plural(daysLeft) : 'дня' }}</span>
  186.                 </div>
  187.             {% endif %}
  189.         </div>
  190.         <div class="w-100 d-flex" style="flex-wrap: wrap;">
  191.             {% if offer.isFoodOnlineOrderAllowedOnSite() %}
  192.                 <a href="{{ offer.getID() in constant('Slivki\\Entity\\Offer::FREESTYLE_OFFER_IDS') ? getLinkGiftCertificateOnlineOrderByOnlyCode(offer) : getLinkOnlineOrder(offer) }}"
  193.                    class="top-code-online-order utm-added">Онлайн-заказ</a>
  194.             {% endif %}
  195.             {% if offer.isGiftCertificateOnlineOrderAllowedOnSite() %}
  196.                 <a href="/gift-certificate/select/{{ offer.getID() }}{{ offer.getID() in constant('Slivki\\Entity\\Offer::FREESTYLE_OFFER_IDS')  ? '/code' : '' }}"
  197.                    class="top-code-online-order utm-added">Онлайн-покупка</a>
  198.             {% endif %}
  199.             {% if offer.isTireOnlineOrderAllowedOnSite() %}
  200.                 <a href="{{ offer.getOnlineRegistrationLink() }}" class="top-code-online-order utm-added">Онлайн-запись</a>
  201.             {% endif %}
  202.             {% if offer.isInFreeCodesCategory() %}
  203.                 <div class="top-code" data-toggle="tooltip" data-placement="top"
  204.                      data-original-title='Код скидки предоставляется сайтом бесплатно'>Код 0 руб.
  205.                 </div>
  206.             {% endif %}
  207.             {% if offer.isFoodOnlineOrderAllowedOnSite() and
  208.                 offer.getOnlineOrderSettings() is not null and
  209.                 (offer.getOnlineOrderSettings().allowedPaymentMethods['delivery'] is defined and
  210.                 offer.getOnlineOrderSettings().allowedPaymentMethods['delivery'][4] is defined and
  211.                 offer.getOnlineOrderSettings().allowedPaymentMethods['delivery'][4] == 1 and
  212.                 isServerFeatureEnabled(constant('Slivki\\Enum\\SwitcherFeatures::SLIVKI_PAY'))) or
  213.                 offer.isFoodOnlineOrderAllowedOnSite() and offer.isGiftCertificateOnlineOrderAllowedOnSite() and
  214.                 (offer.getOnlineOrderSettings().allowedPaymentMethods['pickup'] is defined and
  215.                 offer.getOnlineOrderSettings().allowedPaymentMethods['pickup'][4] is defined and
  216.                 offer.getOnlineOrderSettings().allowedPaymentMethods['pickup'][4] == 1 and
  217.                 isServerFeatureEnabled(constant('Slivki\\Enum\\SwitcherFeatures::SLIVKI_PAY'))) or
  218.                 offer.isGiftCertificateOnlineOrderAllowedOnSite() and isServerFeatureEnabled(constant('Slivki\\Enum\\SwitcherFeatures::SLIVKI_PAY_FOR_CERTIFICATE'))
  219.             %}
  220.                 <a class="js-slivki-pay-button top-code-online-order utm-added">SlivkiPay</a>
  221.             {% endif %}
  224.             {% if offer.getDeliveryTimeTeaser() %}
  225.                 <div class="time-delivery d-flex justify-content-center align-items-center">
  226.                     <img width="22" height="17" class="mr-1" src="/images/icon_avto.svg"/>
  227.                     <span class="color-white">{{ offer.getDeliveryTimeTeaser() }} {{ offer.getDeliveryTimeTeaser() != 'Предзаказ' ? ' мин'}}</span>
  228.                 </div>
  229.             {% endif %}
  230.         </div>
  231.         {% if offer.getOnlineOrderSettings() is not null and offer.getOnlineOrderSettings().getDeliveryWorkingTime() is not null %}
  232.             {% set workingDeliveryTime = (offer.getOnlineOrderSettings().getDeliveryWorkingTime())|json_decode()["now"|date("w")] %}
  233.             {% set startTime = workingDeliveryTime.startTime|date('H:i') %}
  234.             {% set endTime = workingDeliveryTime.endTime|date('H:i') %}
  235.             {% set dayOff = workingDeliveryTime.dayOff %}
  236.             {% set nowTime = "now"|date("H:i") %}
  238.             {% if nowTime >= startTime and nowTime <= endTime and not dayOff %}
  239.                 <p class="teaser-working-time-delivery open-delivery d-none">Доставка до {{ workingDeliveryTime.endTime }}</p>
  240.             {% elseif nowTime < startTime and startTime != endTime and not dayOff %}
  241.                 <p class="teaser-working-time-delivery closed-delivery d-none">Закрыто. Доставка с {{ workingDeliveryTime.startTime }}</p>
  242.             {% elseif startTime == endTime and not dayOff %}
  243.                 <p class="teaser-working-time-delivery open-delivery d-none">Доставка круглосуточно</p>
  244.             {% elseif dayOff %}
  245.                 <p class="teaser-working-time-delivery closed-delivery d-none">Предзаказ</p>
  246.             {% endif %}
  247.         {% endif %}
  248.     </div>