src/DcSiteBundle/Resources/views/Modules/acessories/acessories-product.html.twig line 1

Open in your IDE?
  1. <section class="section__accessories__page">
  2.     <div class="container">
  3.         <h1 class="accessories__page__title">{{ seoMeta.h1 ?? accessory.title }}</h1>
  4.         <div class="accessories__page__wrapper">
  5.             <div class="accessories__page__col">
  6.                 <div class="accessories__page__col-img-box">
  8.                     <div class="acces_gall_slider popup-gallery">
  9.                         {% if  accessory.gallery and accessory.gallery.galleryItems and accessory.gallery.galleryItems.count > 0 %}
  10.                             {% for image in accessory.gallery.galleryItems %}
  11.                                     <div class="accessory_gallery_slider">
  12.                                         <a class="accessories__page__col-img" href="{{ sonata_path(image.media , 'reference') }}" title="{{ accessory.title }}">
  13.                                             <img alt="{{ seoMeta.h1 ?? accessory.title }} ({{ accessory.id }})" class="acces_slick_img" src="{{ sonata_path(image.media , 'reference') }}"></a>
  14.                                     </div>
  15.                             {% endfor %}
  16.                         {% else %}
  17.                                 <div class="accessory_gallery_slider">
  18.                                     <a class="accessories__page__col-img" href="{{ sonata_path(accessory.image , 'reference') }}" title="{{ accessory.title }}">
  19.                                         <img alt="{{ seoMeta.h1 ?? accessory.title }} ({{ accessory.id }})" class="acces_slick_img" src="{{ sonata_path(accessory.image , 'reference') }}"></a>
  20.                                 </div>
  21.                         {% endif %}
  22.                     </div>
  24.                     {% if accessory.isSale %}
  25.                         <svg class="accessories__page__interest" width="30" height="32" viewbox="0 0 30 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  26.                             <rect y="2" width="30" height="30" rx="15" fill="{{ svgColor ?? '#FF0022' }}"></rect>
  27.                             <path d="M13.02 16.77C11.99 16.77 11.33 16.01 11.33 14.8C11.33 13.6 11.99 12.84 13.02 12.84C14.05 12.84 14.71 13.6 14.71 14.8C14.71 16.01 14.05 16.77 13.02 16.77ZM12.53 20L16.99 12.9H18.02L13.56 20H12.53ZM13.02 15.91C13.47 15.91 13.69 15.54 13.69 14.8C13.69 14.07 13.47 13.7 13.02 13.7C12.57 13.7 12.35 14.07 12.35 14.8C12.35 15.54 12.57 15.91 13.02 15.91ZM17.52 20.06C16.49 20.06 15.82 19.3 15.82 18.09C15.82 16.89 16.49 16.13 17.52 16.13C18.55 16.13 19.21 16.89 19.21 18.09C19.21 19.3 18.55 20.06 17.52 20.06ZM17.52 19.2C17.97 19.2 18.19 18.83 18.19 18.09C18.19 17.36 17.97 16.99 17.52 16.99C17.07 16.99 16.84 17.36 16.84 18.09C16.84 18.83 17.07 19.2 17.52 19.2Z" fill="white"></path>
  28.                         </svg>
  29.                     {% endif %}
  31.                     <div class="accessories__page__instock__label">
  33.                         {% if accessory.count > 0 %}
  34.                             <svg class="accessories__page__instock-icon" width="108" height="30" viewbox="0 0 108 30" fill="none" xmlns="http://www.w3.org/2000/svg">
  35.                                 <rect width="108" height="30" rx="15" fill="{{ dealer.id == 33 ? '#0a7c3c' : '#4EBF53' }}"/>
  36.                                 <path d="M88.3664 18.7167C88.2775 18.7167 88.1942 18.7027 88.1164 18.6747C88.0386 18.6467 87.9664 18.5996 87.8998 18.5333L85.0331 15.6667C84.9109 15.5444 84.8524 15.386 84.8578 15.1913C84.8631 14.9967 84.9271 14.8384 85.0498 14.7167C85.172 14.5944 85.3275 14.5333 85.5164 14.5333C85.7053 14.5333 85.8609 14.5944 85.9831 14.7167L88.3664 17.1L94.0164 11.45C94.1386 11.3278 94.2971 11.2667 94.4918 11.2667C94.6864 11.2667 94.8446 11.3278 94.9664 11.45C95.0886 11.5722 95.1498 11.7307 95.1498 11.9253C95.1498 12.12 95.0886 12.2782 94.9664 12.4L88.8331 18.5333C88.7664 18.6 88.6942 18.6473 88.6164 18.6753C88.5386 18.7033 88.4553 18.7171 88.3664 18.7167Z" fill="white"/>
  37.                             </svg>
  38.                             <span>{{ 'main.in_stock'|trans({}, 'dc_base') }}</span>
  39.                         {% else %}
  40.                             <svg class="accessories__page__instock-icon" width="108" height="30" viewbox="0 0 108 30" fill="none" xmlns="http://www.w3.org/2000/svg">
  41.                                 <rect width="108" height="30" rx="15" fill="{{ svgColor ?? '#FF0022' }}"/>
  42.                                 <path d="M97.12 16.02L96.9 11.4H98.36L98.14 16.02H97.12ZM97.64 18.65C97.21 18.65 96.86 18.3 96.86 17.87C96.86 17.44 97.21 17.09 97.64 17.09C98.08 17.09 98.42 17.44 98.42 17.87C98.42 18.3 98.08 18.65 97.64 18.65Z" fill="white"/>
  43.                             </svg>
  45.                             <span>{{ 'main.to_order'|trans({}, 'dc_base') }}</span>
  46.                         {% endif %}
  47.                     </div>
  49.                 </div>
  50.             </div>
  52.             <div class="accessories__page__col" id="accessoriesProduct">
  53.                 <div class="accessories__page__rating__wrapper">
  55.                     <div class="product__one__info__rating">
  56. <!--                        <div class="product__one__info__rating__title">{{ 'accessories.rating'|trans({}, 'dc_base') }}:<span v-html="review.avg">{{ accessory.review.avg }}</span>
  57.                         </div>
  58.                         <div class="rate">
  59.                             {% for i in 5..1 %}
  60.                                 {% if accessory.review.avg == i %}
  61.                                     <input type="radio" id="star{{ i }}" name="rate" value="{{ i }}" checked @click.stop.passive="addToReview({{ i }})">
  62.                                 {% else %}
  63.                                     <input type="radio" id="star{{ i }}" name="rate" value="{{ i }}" @click.stop.passive="addToReview({{ i }})">
  64.                                 {% endif %}
  65.                                 <label for="star{{ i }}" title="{{ i }}">{{ i }}
  66.                                     stars</label>
  67.                             {% endfor %}
  68.                         </div>-->
  69.                     </div>
  71.                     <div class="accessories__page__article">{{ 'accessories.article'|trans({}, 'dc_base') }}:{{ accessory.vendorCode }}</div>
  72.                 </div>
  73.                 <div class="accessories__page__suitable">
  74.                     {% if accessory.models|length > 0 %}
  75.                         <h2>{{ 'accessories.suitable_for'|trans({}, 'dc_base') }}:</h2>
  76.                         {% for model in accessory.models %}
  77.                             <span class="suitable__item">{{ model }};</span>
  78.                         {% endfor %}
  79.                     {% endif %}
  80.                 </div>
  81.                 <div class="accessories__page__price__wrapper">
  82.                     <div class="accessories__page__price__row">
  83.                         <p class="accessories__page__name">{{ 'accessories.price_accessory'|trans({}, 'dc_base') }}</p>
  84.                         <div class="accessories__page__price__box">
  85.                             {% if accessory.isSale %}
  86.                                 <span class="page__price__box__old__price">{{ accessory.pricePart |number_format(2, '.', ' ') }}</span>
  87.                                 <input class="accessories__price-input" type="radio" name="decision" :value="false" id="install-false" v-model="install" checked/>
  88.                                 <label class="accessories__price-label" for="install-false">{{ accessory.salePricePart |number_format(2, '.', ' ') }}</label>
  89.                             {% else %}
  90.                                 <input class="accessories__price-input" type="radio" name="decision" :value="false" id="install-false" v-model="install" checked/>
  91.                                 <label class="accessories__price-label" for="install-false">{{ accessory.pricePart |number_format(2, '.', ' ') }}</label>
  92.                             {% endif %}
  93.                         </div>
  94.                     </div>
  95.                     <div class="accessories__page__info__item__wrapper">
  96.                         {% if accessory.inSetPart is not empty %}
  97.                             {%  for item in accessory.inSetPart %}
  98.                                 <div class="accessories__page__info__item__row">
  99.                                     <p class="info__item-name">{{ item.part.nameByLocale(app.request.locale) }}</p>
  100.                                     <p class="info__item-number">{{ item.part.number }}</p>
  101.                                     <p class="info__item-count">{{ item.count }}
  102.                                         шт</p>
  103.                                 </div>
  104.                             {% endfor %}
  105.                         {% elseif accessory.noInSetPart is defined  %}
  106.                             {%  for item in accessory.noInSetPart %}
  107.                                 <div class="accessories__page__info__item__row">
  108.                                     <p class="info__item-name">{{ item.part.nameByLocale(app.request.locale) }}</p>
  109.                                     <p class="info__item-number">{{ item.part.number }}</p>
  110.                                     <p class="info__item-count">{{ item.count }}
  111.                                         шт</p>
  112.                                 </div>
  113.                             {% endfor %}
  114.                         {% endif %}
  115.                     </div>
  117.                     <div class="accessories__page__price__row">
  118.                         {% if accessory.priceJob %}
  119.                             <div class="catalog__price__card__parent">
  120.                                 <p class="accessories__page__name">{{ 'accessories.price_installation'|trans({}, 'dc_base') }}</p>
  121.                                 <svg class="price__card-icon" xmlns="http://www.w3.org/2000/svg" width="10" height="11" viewbox="0 0 10 11" fill="none">
  122.                                     <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99953 0.5C6.38053 0.5 7.63041 1.05938 8.53504 1.96401C9.43968 2.86959 10 4.11947 10 5.49953C10 6.88053 9.43968 8.13041 8.53504 9.03504C7.63041 9.93968 6.38053 10.5 4.99953 10.5C3.61947 10.5 2.36959 9.93968 1.46401 9.03504C0.559381 8.13041 0 6.88053 0 5.49953C0 4.11947 0.559381 2.86864 1.46401 1.96401C2.36864 1.05938 3.61947 0.5 4.99953 0.5ZM7.98321 2.51585C7.22007 1.75271 6.16451 1.28012 4.99953 1.28012C3.83454 1.28012 2.77993 1.75271 2.01585 2.51585C1.25271 3.27993 0.780115 4.33454 0.780115 5.49953C0.780115 6.66451 1.25271 7.72007 2.01585 8.48321C2.77993 9.24634 3.83454 9.71894 4.99953 9.71894C6.16451 9.71894 7.22007 9.24634 7.98321 8.48321C8.74634 7.72007 9.21894 6.66451 9.21894 5.49953C9.21894 4.33454 8.74634 3.27993 7.98321 2.51585ZM4.95614 3.6714C4.74106 3.6714 4.56655 3.49689 4.56655 3.28181C4.56655 3.0658 4.74106 2.89128 4.95614 2.89128H5.04292C5.25894 2.89128 5.43345 3.0658 5.43345 3.28181C5.43345 3.49689 5.25894 3.6714 5.04292 3.6714H4.95614ZM4.60617 4.5732C4.60617 4.35813 4.78068 4.18361 4.9967 4.18361C5.21177 4.18361 5.38628 4.35813 5.38628 4.5732V7.71819C5.38628 7.93326 5.21177 8.10872 4.9967 8.10872C4.78068 8.10872 4.60617 7.93326 4.60617 7.71819V4.5732Z" fill="#9C9C9C"/>
  123.                                 </svg>
  124.                                 <div class="price__card__info__box">
  125.                                     {% if accessory.isSale %}
  126.                                         <p>{{ 'accessories.price_accessory'|trans({}, 'dc_base') }}
  127.                                             {{ accessory.salePricePart |number_format(2, '.', ' ') }}</p>
  128.                                         <p>{{ 'accessories.installation_price'|trans({}, 'dc_base') }}
  129.                                             {{ accessory.priceJob |number_format(2, '.', ' ') }}</p>
  130.                                         <p>{{ 'accessories.total_price'|trans({}, 'dc_base') }}
  131.                                             {{ (accessory.salePricePart + accessory.priceJob) |number_format(2, '.', ' ') }}</p>
  132.                                     {% else %}
  133.                                         <p>{{ 'accessories.price_accessory'|trans({}, 'dc_base') }}
  134.                                             {{ accessory.pricePart |number_format(2, '.', ' ') }}</p>
  135.                                         <p>{{ 'accessories.installation_price'|trans({}, 'dc_base') }}
  136.                                             {{ accessory.priceJob |number_format(2, '.', ' ') }}</p>
  137.                                         <p>{{ 'accessories.total_price'|trans({}, 'dc_base') }}
  138.                                             {{ (accessory.pricePart + accessory.priceJob) |number_format(2, '.', ' ') }}</p>
  139.                                     {% endif %}
  141.                                 </div>
  142.                             </div>
  143.                             <div class="accessories__page__price__box">
  145.                                 {% if accessory.isSale %}
  146.                                     <span class="page__price__box__old__price">{{ (accessory.pricePart + accessory.priceJob) |number_format(2, '.', ' ') }}</span>
  147.                                     <input class="accessories__price-input" type="radio" name="decision" :value="true" id="install-true" v-model="install"/><label class="accessories__price-label" for="install-true">{{ (accessory.salePricePart + accessory.priceJob) |number_format(2, '.', ' ') }}</label>
  148.                                 {% else %}
  149.                                     <input class="accessories__price-input" type="radio" name="decision" :value="true" id="install-true" v-model="install"/><label class="accessories__price-label" for="install-true">{{ (accessory.pricePart + accessory.priceJob) |number_format(2, '.', ' ') }}</label>
  150.                                 {% endif %}
  151.                             </div>
  152.                         {% endif %}
  153.                     </div>
  155.                 </div>
  156.                 <button class="accessories__btn-buy" @click="addToBasket()">{{ 'accessories.buy'|trans({}, 'dc_base') }}</button>
  157.             </div>
  158.         </div>
  159.     </div>
  160. </section>
  162. <section class="section__accessories__shipping__payment">
  163.     <div class="container">
  164.         <div class="accessories__shipping__payment__wrapper">
  165.             <div class="accessories__shipping__payment__box">
  166.                 <p class="shipping__payment-title">
  167.                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
  168.                         <path d="M15.75 16.5H8.25C8.15054 16.5 8.05516 16.4605 7.98483 16.3902C7.91451 16.3198 7.875 16.2245 7.875 16.125C7.875 16.0255 7.91451 15.9302 7.98483 15.8598C8.05516 15.7895 8.15054 15.75 8.25 15.75H15.75C15.8495 15.75 15.9448 15.7895 16.0152 15.8598C16.0855 15.9302 16.125 16.0255 16.125 16.125C16.125 16.2245 16.0855 16.3198 16.0152 16.3902C15.9448 16.4605 15.8495 16.5 15.75 16.5Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  169.                         <path d="M22.875 16.5H20.25C20.1505 16.5 20.0552 16.4605 19.9848 16.3902C19.9145 16.3198 19.875 16.2245 19.875 16.125C19.875 16.0255 19.9145 15.9302 19.9848 15.8598C20.0552 15.7895 20.1505 15.75 20.25 15.75H22.875C22.9745 15.75 23.0698 15.7895 23.1402 15.8598C23.2105 15.9302 23.25 16.0255 23.25 16.125C23.25 16.2245 23.2105 16.3198 23.1402 16.3902C23.0698 16.4605 22.9745 16.5 22.875 16.5Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  170.                         <path d="M6 19.5C5.62916 19.5 5.26665 19.39 4.95831 19.184C4.64996 18.978 4.40964 18.6851 4.26773 18.3425C4.12581 17.9999 4.08868 17.6229 4.16103 17.2592C4.23338 16.8955 4.41195 16.5614 4.67418 16.2992C4.9364 16.037 5.27049 15.8584 5.63421 15.786C5.99792 15.7137 6.37492 15.7508 6.71753 15.8927C7.06014 16.0346 7.35298 16.275 7.55901 16.5833C7.76503 16.8916 7.875 17.2542 7.875 17.625C7.87441 18.1221 7.67667 18.5987 7.32517 18.9502C6.97367 19.3017 6.4971 19.4994 6 19.5ZM6 16.5C5.7775 16.5 5.55999 16.566 5.37498 16.6896C5.18998 16.8132 5.04579 16.9889 4.96064 17.1945C4.87549 17.4 4.85321 17.6262 4.89662 17.8445C4.94003 18.0627 5.04717 18.2632 5.20451 18.4205C5.36184 18.5778 5.5623 18.685 5.78052 18.7284C5.99875 18.7718 6.22495 18.7495 6.43052 18.6644C6.63609 18.5792 6.81179 18.435 6.9354 18.25C7.05902 18.065 7.125 17.8475 7.125 17.625C7.125 17.3266 7.00647 17.0405 6.7955 16.8295C6.58452 16.6185 6.29837 16.5 6 16.5Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  171.                         <path d="M22.875 18H20.625C20.5255 18 20.4302 17.9605 20.3598 17.8902C20.2895 17.8198 20.25 17.7245 20.25 17.625C20.25 17.0283 20.0129 16.456 19.591 16.034C19.169 15.6121 18.5967 15.375 18 15.375C17.4033 15.375 16.831 15.6121 16.409 16.034C15.9871 16.456 15.75 17.0283 15.75 17.625C15.75 17.7245 15.7105 17.8198 15.6402 17.8902C15.5698 17.9605 15.4745 18 15.375 18H8.625C8.52554 18 8.43016 17.9605 8.35984 17.8902C8.28951 17.8198 8.25 17.7245 8.25 17.625C8.25 17.0283 8.01295 16.456 7.59099 16.034C7.16903 15.6121 6.59674 15.375 6 15.375C5.40326 15.375 4.83097 15.6121 4.40901 16.034C3.98705 16.456 3.75 17.0283 3.75 17.625C3.75 17.7245 3.71049 17.8198 3.64017 17.8902C3.56984 17.9605 3.47446 18 3.375 18C3.27554 18 3.18016 17.9605 3.10984 17.8902C3.03951 17.8198 3 17.7245 3 17.625C2.99943 16.8615 3.29 16.1265 3.8125 15.5698C4.33501 15.013 5.05012 14.6765 5.81214 14.6287C6.57416 14.5808 7.32573 14.8254 7.91372 15.3124C8.50172 15.7995 8.88188 16.4924 8.97675 17.25H15.0233C15.1141 16.5246 15.4667 15.8573 16.0148 15.3735C16.563 14.8897 17.2689 14.6228 18 14.6228C18.7311 14.6228 19.437 14.8897 19.9852 15.3735C20.5333 15.8573 20.8859 16.5246 20.9768 17.25H22.5V13.7317L20.4574 12.7125C20.3751 12.6714 20.3107 12.6015 20.2766 12.516L18.2141 7.36275C18.187 7.29281 18.1393 7.2327 18.0774 7.19029C18.0155 7.14787 17.9423 7.12511 17.8673 7.125H13.875V13.875C13.875 13.9745 13.8355 14.0698 13.7652 14.1402C13.6948 14.2105 13.5995 14.25 13.5 14.25H3.375C3.27554 14.25 3.18016 14.2105 3.10984 14.1402C3.03951 14.0698 3 13.9745 3 13.875C3 13.7755 3.03951 13.6802 3.10984 13.6098C3.18016 13.5395 3.27554 13.5 3.375 13.5H13.125V6.75C13.125 6.65054 13.1645 6.55516 13.2348 6.48483C13.3052 6.41451 13.4005 6.375 13.5 6.375H17.8673C18.0923 6.3743 18.3123 6.44139 18.4987 6.56755C18.685 6.6937 18.8291 6.87306 18.912 7.08225L20.9201 12.1031L23.0426 13.1644C23.105 13.1955 23.1574 13.2434 23.194 13.3027C23.2306 13.362 23.25 13.4303 23.25 13.5V17.625C23.25 17.7245 23.2105 17.8198 23.1402 17.8902C23.0698 17.9605 22.9745 18 22.875 18Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  172.                         <path d="M18 19.5C17.6292 19.5 17.2666 19.39 16.9583 19.184C16.65 18.978 16.4096 18.6851 16.2677 18.3425C16.1258 17.9999 16.0887 17.6229 16.161 17.2592C16.2334 16.8955 16.412 16.5614 16.6742 16.2992C16.9364 16.037 17.2705 15.8584 17.6342 15.786C17.9979 15.7137 18.3749 15.7508 18.7175 15.8927C19.0601 16.0346 19.353 16.275 19.559 16.5833C19.765 16.8916 19.875 17.2542 19.875 17.625C19.8744 18.1221 19.6767 18.5987 19.3252 18.9502C18.9737 19.3017 18.4971 19.4994 18 19.5ZM18 16.5C17.7775 16.5 17.56 16.566 17.375 16.6896C17.19 16.8132 17.0458 16.9889 16.9606 17.1945C16.8755 17.4 16.8532 17.6262 16.8966 17.8445C16.94 18.0627 17.0472 18.2632 17.2045 18.4205C17.3618 18.5778 17.5623 18.685 17.7805 18.7284C17.9988 18.7718 18.225 18.7495 18.4305 18.6644C18.6361 18.5792 18.8118 18.435 18.9354 18.25C19.059 18.065 19.125 17.8475 19.125 17.625C19.125 17.3266 19.0065 17.0405 18.7955 16.8295C18.5845 16.6185 18.2984 16.5 18 16.5Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  173.                         <path d="M18.75 12.75H15C14.9005 12.75 14.8052 12.7105 14.7348 12.6402C14.6645 12.5698 14.625 12.4745 14.625 12.375V8.25C14.625 8.15054 14.6645 8.05516 14.7348 7.98483C14.8052 7.91451 14.9005 7.875 15 7.875H17.25C17.327 7.87498 17.4021 7.89864 17.4652 7.94279C17.5282 7.98693 17.5762 8.04941 17.6025 8.12175L19.1025 12.2468C19.1231 12.3034 19.1298 12.3642 19.1219 12.424C19.114 12.4838 19.0919 12.5408 19.0573 12.5901C19.0227 12.6395 18.9767 12.6798 18.9232 12.7077C18.8697 12.7355 18.8103 12.75 18.75 12.75ZM15.375 12H18.2145L16.9875 8.625H15.375V12Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  174.                         <path d="M13.5 7.125C13.4005 7.125 13.3052 7.08549 13.2348 7.01517C13.1645 6.94484 13.125 6.84946 13.125 6.75V5.25H4.875C4.77554 5.25 4.68016 5.21049 4.60984 5.14016C4.53951 5.06984 4.5 4.97446 4.5 4.875C4.5 4.77554 4.53951 4.68016 4.60984 4.60984C4.68016 4.53951 4.77554 4.5 4.875 4.5H13.5C13.5995 4.5 13.6948 4.53951 13.7652 4.60984C13.8355 4.68016 13.875 4.77554 13.875 4.875V6.75C13.875 6.84946 13.8355 6.94484 13.7652 7.01517C13.6948 7.08549 13.5995 7.125 13.5 7.125Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  175.                         <path d="M3.375 5.25H2.25C2.15054 5.25 2.05516 5.21049 1.98484 5.14016C1.91451 5.06984 1.875 4.97446 1.875 4.875C1.875 4.77554 1.91451 4.68016 1.98484 4.60984C2.05516 4.53951 2.15054 4.5 2.25 4.5H3.375C3.47446 4.5 3.56984 4.53951 3.64016 4.60984C3.71049 4.68016 3.75 4.77554 3.75 4.875C3.75 4.97446 3.71049 5.06984 3.64016 5.14016C3.56984 5.21049 3.47446 5.25 3.375 5.25Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  176.                         <path d="M6.75 7.875H1.5C1.40054 7.875 1.30516 7.83549 1.23483 7.76517C1.16451 7.69484 1.125 7.59946 1.125 7.5C1.125 7.40054 1.16451 7.30516 1.23483 7.23483C1.30516 7.16451 1.40054 7.125 1.5 7.125H6.75C6.84946 7.125 6.94484 7.16451 7.01517 7.23483C7.08549 7.30516 7.125 7.40054 7.125 7.5C7.125 7.59946 7.08549 7.69484 7.01517 7.76517C6.94484 7.83549 6.84946 7.875 6.75 7.875Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  177.                         <path d="M4.45312 11.25H1.125C1.02554 11.25 0.930161 11.2105 0.859835 11.1402C0.789509 11.0698 0.75 10.9745 0.75 10.875C0.75 10.7755 0.789509 10.6802 0.859835 10.6098C0.930161 10.5395 1.02554 10.5 1.125 10.5H4.45312C4.55258 10.5 4.64796 10.5395 4.71829 10.6098C4.78862 10.6802 4.82812 10.7755 4.82812 10.875C4.82812 10.9745 4.78862 11.0698 4.71829 11.1402C4.64796 11.2105 4.55258 11.25 4.45312 11.25Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  178.                         <path d="M1.875 14.25H1.125C1.02554 14.25 0.930161 14.2105 0.859835 14.1402C0.789509 14.0698 0.75 13.9745 0.75 13.875C0.75 13.7755 0.789509 13.6802 0.859835 13.6098C0.930161 13.5395 1.02554 13.5 1.125 13.5H1.875C1.97446 13.5 2.06984 13.5395 2.14016 13.6098C2.21049 13.6802 2.25 13.7755 2.25 13.875C2.25 13.9745 2.21049 14.0698 2.14016 14.1402C2.06984 14.2105 1.97446 14.25 1.875 14.25Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  179.                     </svg>
  180.                     {{ 'accessories.delivery_options'|trans({}, 'dc_base') }}
  181.                 </p>
  183.                 <div class="shipping__payment__row__wrapper">
  184.                     <div class="shipping__payment__row">
  185.                         <div class="shipping__payment__info">
  186.                             <span class="shipping__payment__info-text">{{ 'accessories.new_post'|trans({}, 'dc_base') }}</span>
  187.                             <p class="shipping__payment__info-map" >
  188.                                 <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  189.                                     <g clip-path="url(#clip0_112_51)">
  190.                                         <path d="M23.9982 22.3615L22.7982 9.56597C22.7855 9.43102 22.7054 9.31149 22.5853 9.24877L17.9853 6.84488C17.9768 6.84042 17.9669 6.84136 17.9581 6.83756C17.9319 6.82622 17.9041 6.82088 17.8752 6.8153C17.8475 6.80986 17.8212 6.80353 17.7931 6.804C17.7868 6.80409 17.7814 6.80114 17.7749 6.80152C17.7522 6.80292 17.7332 6.81342 17.7118 6.81844C17.69 6.82345 17.6674 6.8213 17.6465 6.83002L16.2224 7.422C16.0183 7.50675 15.9219 7.74094 16.0066 7.94484C16.0916 8.14913 16.3254 8.24564 16.5295 8.16066L17.4357 7.78397L18.1824 19.7213L12.4 21.8273V13.5224C12.4 13.3015 12.2209 13.1224 12 13.1224C11.7791 13.1224 11.6 13.3015 11.6 13.5224V21.8273L5.81759 19.7213L6.56431 7.78397L7.47049 8.16066C7.67478 8.24559 7.90878 8.14913 7.99334 7.94484C8.07809 7.74094 7.98162 7.50675 7.77753 7.422L6.35351 6.83002C6.3327 6.82139 6.3101 6.8235 6.28845 6.81853C6.26693 6.81352 6.24776 6.80297 6.22498 6.80152C6.2186 6.80119 6.21317 6.80414 6.20684 6.80409C6.17778 6.80358 6.15068 6.81028 6.12204 6.81609C6.09523 6.82158 6.06921 6.82636 6.04465 6.83686C6.03495 6.84098 6.02407 6.84 6.01465 6.84488L1.41467 9.24877C1.29457 9.31149 1.21446 9.43102 1.20176 9.56597L0.00176026 22.3615C-0.0117397 22.5051 0.0531353 22.6447 0.171495 22.7271C0.289479 22.8093 0.443745 22.8218 0.57326 22.7594L5.42149 20.4285L11.8631 22.7746C11.9514 22.807 12.0486 22.807 12.1369 22.7746L18.5786 20.4285L23.4268 22.7594C23.4817 22.7857 23.5411 22.7988 23.6 22.7988C23.6803 22.7988 23.7604 22.7746 23.8286 22.7272C23.9468 22.6447 24.0117 22.505 23.9982 22.3615ZM5.01504 19.7361L0.864167 21.7318L1.97782 9.85716L5.75646 7.88241L5.01504 19.7361ZM18.9848 19.7361L18.2434 7.88241L22.022 9.85716L23.1357 21.7318L18.9848 19.7361Z" fill="#9C9C9C"/>
  191.                                         <path d="M8.47555 6.8738L11.6564 12.2047C11.7287 12.3257 11.8591 12.3998 11.9999 12.3998C12.1407 12.3998 12.2712 12.3257 12.3435 12.2047L15.533 6.85856C15.6865 6.57342 15.7892 6.33183 15.856 6.09783C15.9515 5.76366 16 5.41659 16 5.06658C16 4.54294 15.8935 4.03495 15.6834 3.55622C15.481 3.09548 15.1914 2.68181 14.823 2.32711C14.4559 1.97339 14.0281 1.69566 13.5521 1.50173C12.5677 1.10095 11.4322 1.10095 10.4478 1.50173C9.97184 1.69566 9.54411 1.97344 9.17712 2.32711C8.80855 2.68181 8.51891 3.09548 8.31659 3.55641C8.10645 4.03491 8 4.54294 8 5.06658C8 5.41659 8.04842 5.76366 8.14395 6.09802C8.2107 6.33178 8.31345 6.57338 8.47555 6.8738ZM9.04902 3.87806C9.20919 3.51324 9.43906 3.1853 9.73203 2.90325C10.0258 2.62027 10.3682 2.39799 10.7494 2.24269C11.1455 2.08134 11.5662 1.99973 12 1.99973C12.4338 1.99973 12.8545 2.08139 13.2506 2.24269C13.6318 2.39794 13.9742 2.62022 14.2681 2.90325C14.5609 3.1853 14.7908 3.51319 14.951 3.87788C15.1162 4.25442 15.2 4.65427 15.2 5.06653C15.2 5.3423 15.1619 5.61534 15.0869 5.87808C15.0364 6.05503 14.9543 6.24605 14.8373 6.46402L12 11.2191L9.17127 6.47925C9.04569 6.24605 8.96366 6.05503 8.91308 5.87827C8.83808 5.61539 8.80001 5.34234 8.80001 5.06653C8.79997 4.65427 8.88378 4.25442 9.04902 3.87806Z" fill="#9C9C9C"/>
  192.                                         <path d="M12 7.20094C13.1028 7.20094 14 6.30365 14 5.20092C14 4.09819 13.1028 3.2009 12 3.2009C10.8973 3.2009 10 4.09819 10 5.20092C10 6.30365 10.8973 7.20094 12 7.20094ZM12 4.00092C12.6618 4.00092 13.2 4.53919 13.2 5.20092C13.2 5.86265 12.6618 6.40092 12 6.40092C11.3383 6.40092 10.8 5.86265 10.8 5.20092C10.8 4.53919 11.3383 4.00092 12 4.00092Z" fill="#9C9C9C"/>
  193.                                     </g>
  194.                                     <defs>
  195.                                         <clipPath id="clip0_112_51">
  196.                                             <rect width="24" height="24" fill="white"/>
  197.                                         </clipPath>
  198.                                     </defs>
  199.                                 </svg>
  200.                             </p>
  201.                         </div>
  203.                         <div class="shipping__payment__info">
  204.                             <span class="shipping__payment__info-text">{{ 'accessories.pickup'|trans({}, 'dc_base') }}:</span>
  205.                             <p class="shipping__payment__info-map" >
  206.                                 <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  207.                                     <g clip-path="url(#clip0_112_51)">
  208.                                         <path d="M23.9982 22.3615L22.7982 9.56597C22.7855 9.43102 22.7054 9.31149 22.5853 9.24877L17.9853 6.84488C17.9768 6.84042 17.9669 6.84136 17.9581 6.83756C17.9319 6.82622 17.9041 6.82088 17.8752 6.8153C17.8475 6.80986 17.8212 6.80353 17.7931 6.804C17.7868 6.80409 17.7814 6.80114 17.7749 6.80152C17.7522 6.80292 17.7332 6.81342 17.7118 6.81844C17.69 6.82345 17.6674 6.8213 17.6465 6.83002L16.2224 7.422C16.0183 7.50675 15.9219 7.74094 16.0066 7.94484C16.0916 8.14913 16.3254 8.24564 16.5295 8.16066L17.4357 7.78397L18.1824 19.7213L12.4 21.8273V13.5224C12.4 13.3015 12.2209 13.1224 12 13.1224C11.7791 13.1224 11.6 13.3015 11.6 13.5224V21.8273L5.81759 19.7213L6.56431 7.78397L7.47049 8.16066C7.67478 8.24559 7.90878 8.14913 7.99334 7.94484C8.07809 7.74094 7.98162 7.50675 7.77753 7.422L6.35351 6.83002C6.3327 6.82139 6.3101 6.8235 6.28845 6.81853C6.26693 6.81352 6.24776 6.80297 6.22498 6.80152C6.2186 6.80119 6.21317 6.80414 6.20684 6.80409C6.17778 6.80358 6.15068 6.81028 6.12204 6.81609C6.09523 6.82158 6.06921 6.82636 6.04465 6.83686C6.03495 6.84098 6.02407 6.84 6.01465 6.84488L1.41467 9.24877C1.29457 9.31149 1.21446 9.43102 1.20176 9.56597L0.00176026 22.3615C-0.0117397 22.5051 0.0531353 22.6447 0.171495 22.7271C0.289479 22.8093 0.443745 22.8218 0.57326 22.7594L5.42149 20.4285L11.8631 22.7746C11.9514 22.807 12.0486 22.807 12.1369 22.7746L18.5786 20.4285L23.4268 22.7594C23.4817 22.7857 23.5411 22.7988 23.6 22.7988C23.6803 22.7988 23.7604 22.7746 23.8286 22.7272C23.9468 22.6447 24.0117 22.505 23.9982 22.3615ZM5.01504 19.7361L0.864167 21.7318L1.97782 9.85716L5.75646 7.88241L5.01504 19.7361ZM18.9848 19.7361L18.2434 7.88241L22.022 9.85716L23.1357 21.7318L18.9848 19.7361Z" fill="#9C9C9C"/>
  209.                                         <path d="M8.47555 6.8738L11.6564 12.2047C11.7287 12.3257 11.8591 12.3998 11.9999 12.3998C12.1407 12.3998 12.2712 12.3257 12.3435 12.2047L15.533 6.85856C15.6865 6.57342 15.7892 6.33183 15.856 6.09783C15.9515 5.76366 16 5.41659 16 5.06658C16 4.54294 15.8935 4.03495 15.6834 3.55622C15.481 3.09548 15.1914 2.68181 14.823 2.32711C14.4559 1.97339 14.0281 1.69566 13.5521 1.50173C12.5677 1.10095 11.4322 1.10095 10.4478 1.50173C9.97184 1.69566 9.54411 1.97344 9.17712 2.32711C8.80855 2.68181 8.51891 3.09548 8.31659 3.55641C8.10645 4.03491 8 4.54294 8 5.06658C8 5.41659 8.04842 5.76366 8.14395 6.09802C8.2107 6.33178 8.31345 6.57338 8.47555 6.8738ZM9.04902 3.87806C9.20919 3.51324 9.43906 3.1853 9.73203 2.90325C10.0258 2.62027 10.3682 2.39799 10.7494 2.24269C11.1455 2.08134 11.5662 1.99973 12 1.99973C12.4338 1.99973 12.8545 2.08139 13.2506 2.24269C13.6318 2.39794 13.9742 2.62022 14.2681 2.90325C14.5609 3.1853 14.7908 3.51319 14.951 3.87788C15.1162 4.25442 15.2 4.65427 15.2 5.06653C15.2 5.3423 15.1619 5.61534 15.0869 5.87808C15.0364 6.05503 14.9543 6.24605 14.8373 6.46402L12 11.2191L9.17127 6.47925C9.04569 6.24605 8.96366 6.05503 8.91308 5.87827C8.83808 5.61539 8.80001 5.34234 8.80001 5.06653C8.79997 4.65427 8.88378 4.25442 9.04902 3.87806Z" fill="#9C9C9C"/>
  210.                                         <path d="M12 7.20094C13.1028 7.20094 14 6.30365 14 5.20092C14 4.09819 13.1028 3.2009 12 3.2009C10.8973 3.2009 10 4.09819 10 5.20092C10 6.30365 10.8973 7.20094 12 7.20094ZM12 4.00092C12.6618 4.00092 13.2 4.53919 13.2 5.20092C13.2 5.86265 12.6618 6.40092 12 6.40092C11.3383 6.40092 10.8 5.86265 10.8 5.20092C10.8 4.53919 11.3383 4.00092 12 4.00092Z" fill="#9C9C9C"/>
  211.                                     </g>
  212.                                     <defs>
  213.                                         <clipPath id="clip0_112_51">
  214.                                             <rect width="24" height="24" fill="white"/>
  215.                                         </clipPath>
  216.                                     </defs>
  217.                                 </svg>
  218.                             </p>
  219.                         </div>
  220.                     </div>
  222.                     <div class="shipping__payment__row">
  223.                         <div class="shipping__payment__info">
  224.                             <span class="shipping__payment__info-text">{{ 'accessories.department'|trans({}, 'dc_base') }}</span>
  225.                         </div>
  227.                         <div class="shipping__payment__info">
  228.                             <a class="shipping__payment__info-text" href="https://maps.google.com/maps?q={{ accessory.dealer.lat }},{{ accessory.dealer.lng }}&hl={{ app.request.locale }}" target="_blank">{{ accessory.dealer.addressServiceByLocale(app.request.locale) }}</a>
  229.                         </div>
  230.                     </div>
  231.                 </div>
  232.             </div>
  233.             <div class="accessories__shipping__payment__box">
  234.                 <p class="shipping__payment-title">
  235.                     <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewbox="0 0 20 21" fill="none">
  236.                         <path d="M10.6633 13.6657H15.9949C16.1949 13.6657 16.3282 13.5324 16.3282 13.3325V10.3334C16.3282 10.1335 16.1949 10.0002 15.9949 10.0002H10.6633C10.4634 10.0002 10.3301 10.1335 10.3301 10.3334V13.3325C10.33 13.5324 10.4634 13.6657 10.6633 13.6657ZM10.9965 10.6666H15.6617V12.9992H10.9965V10.6666Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  237.                         <path d="M1.66622 9.33368H4.33207C4.53201 9.33368 4.66529 9.2004 4.66529 9.00047C4.66529 8.80053 4.53201 8.66725 4.33207 8.66725H1.66622C1.46629 8.66725 1.33301 8.80053 1.33301 9.00047C1.33301 9.2004 1.46629 9.33368 1.66622 9.33368Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  238.                         <path d="M5.66476 9.33368H8.33061C8.53054 9.33368 8.66382 9.2004 8.66382 9.00047C8.66382 8.80053 8.53054 8.66725 8.33061 8.66725H5.66476C5.46482 8.66725 5.33154 8.80053 5.33154 9.00047C5.33154 9.2004 5.46482 9.33368 5.66476 9.33368Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  239.                         <path d="M1.66622 10.6666H5.99819C6.19813 10.6666 6.33141 10.5333 6.33141 10.3334C6.33141 10.1335 6.19813 10.0002 5.99819 10.0002H1.66622C1.46629 10.0002 1.33301 10.1335 1.33301 10.3334C1.33301 10.5333 1.46629 10.6666 1.66622 10.6666Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  240.                         <path d="M8.33095 10.0002H7.33126C7.13133 10.0002 6.99805 10.1334 6.99805 10.3334C6.99805 10.5333 7.13133 10.6666 7.33126 10.6666H8.33095C8.53089 10.6666 8.66417 10.5333 8.66417 10.3334C8.66417 10.1334 8.53089 10.0002 8.33095 10.0002Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  241.                         <path d="M19.6938 5.86813C19.4606 5.56822 19.1607 5.40159 18.7941 5.36828L17.9944 5.27136V4.33525V3.66881C17.9944 2.93572 17.3946 2.33591 16.6615 2.33591H1.3329C0.599813 2.33587 0 2.93568 0 3.66881V4.33529V7.00113V14.3322C0 14.934 0.404444 15.4458 0.954897 15.6098C0.938105 16.2839 1.44814 16.8691 2.13269 16.9313L17.5279 18.6641C17.5612 18.6641 17.6279 18.6641 17.6612 18.6641C18.3276 18.6641 18.9274 18.1643 18.9941 17.5312L19.9938 6.83451C20.0271 6.50125 19.9271 6.13468 19.6938 5.86813ZM0.666471 4.6685H17.3279V5.53491V6.66788H0.666471V4.6685ZM1.3329 3.00234H16.6614C17.028 3.00234 17.3279 3.30225 17.3279 3.66881V4.00203H0.666471V3.66881C0.666471 3.30225 0.966378 3.00234 1.3329 3.00234ZM0.666471 14.3321V7.33431H17.3279V14.3321C17.3279 14.6987 17.028 14.9986 16.6615 14.9986H1.36625H1.33294C0.966378 14.9986 0.666471 14.6987 0.666471 14.3321ZM19.3273 6.70119L18.3276 17.3978C18.2943 17.7644 17.961 18.031 17.5945 17.9977L2.23262 16.2649C1.89941 16.2316 1.66612 15.965 1.63281 15.6651H16.6614C17.3945 15.6651 17.9943 15.0653 17.9943 14.3322V7.00109V5.90144L18.7608 5.9681C18.9274 5.9681 19.094 6.06807 19.194 6.20134C19.294 6.33462 19.3606 6.53456 19.3273 6.70119Z" fill="{{ svgColor ?? '#FF0022' }}"/>
  242.                     </svg>
  243.                     {{ 'accessories.payment'|trans({}, 'dc_base') }}
  244.                 </p>
  245.                 <div class="shipping__payment__info-text shipping__payment-item">
  246.                     <span>Google Pay,</span>
  247.                     <span>{{ 'accessories.by_card_online'|trans({}, 'dc_base') }},</span>
  248.                     <span>Apple Pay,</span>
  249.                     <span>Visa,</span>
  250.                     <span>Mastercard</span>
  251.                 </div>
  252.             </div>
  253. {#            {% if accessory.id == 22566 or  accessory.id == 22000 %}#}
  254. {#                <div class="accessories__shipping__payment__box action-block"> За умови придбання аксесуарів на суму більшу 1 000,00#}
  255. {#                    грн., доставка до відділення Нова пошта БЕЗКОШТОВНА! </div>#}
  256. {#            {% endif %}#}
  257.         </div>
  258.     </div>
  259. </section>
  261. <section class="section__accessories__seo">
  262.     <div class="container">
  263.         <div class="accessories__seo__wrapper">
  264.             <h2 class="accessories__seo__title">{{ 'accessories.description'|trans({}, 'dc_base') }} {{ accessory.title }}</h2>
  265.             <div class="accessories__seo__text">{% if seoMeta.descriptionAll %}{{ seoMeta.descriptionAll|raw}}{% else %}{{ accessory.description|raw }}{% endif %}</div>
  266.         </div>
  267.     </div>
  268. </section>
  272. <section class="section__accessories__seo">
  273.     <div class="container">
  274.         <div class="accessories__seo__wrapper">
  275.             <h2 class="accessories__seo__title">{{ 'accessories.product.content.title'|trans({'%dealer_url%': dealer.domain,'%title_h1%':accessory.title}, 'dc_base') }}</h2>
  276.             <ul>
  277.                 <li class="accessories__seo__text seo__text-li">{{ 'accessories.product.content.desc_1'|trans({'%dealer_url%': dealer.domain,'%brand%':dealer.brand.name}, 'dc_base') }}</li>
  278.                 <li class="accessories__seo__text seo__text-li">{{ 'accessories.product.content.desc_2'|trans({'%brand%':dealer.brand.name}, 'dc_base') }}</li>
  279.                 <li class="accessories__seo__text seo__text-li">{{ 'accessories.product.content.desc_3'|trans({}, 'dc_base') }}</li>
  280.                 <li class="accessories__seo__text seo__text-li">{{ 'accessories.product.content.desc_4'|trans({'%dealer%':dealer.nameByLocale(app.request.locale),'%title_h1%':accessory.title}, 'dc_base') }}</li>
  281.                 <li class="accessories__seo__text seo__text-li">{{ 'accessories.product.content.desc_5'|trans({'%dealer%':dealer.nameByLocale(app.request.locale),}, 'dc_base') }}</li>
  282.                 <li class="accessories__seo__text seo__text-li">{{ 'accessories.product.content.desc_6'|trans({'%title_h1%':accessory.title}, 'dc_base') }}</li>
  283.             </ul>
  284.         </div>
  285.     </div>
  286. </section>
  288. <section class="section__accessories__seo">
  289.     <div class="container">
  290.         <div class="accessories__seo__wrapper">
  291.             <p class="accessories__seo__title">{{ 'accessories.information_product'|trans({}, 'dc_base') }}</p>
  292.             <p class="accessories__seo__text fst-italic">{{ 'accessories.information_product_text_1'|trans({}, 'dc_base') }}
  293.                 {{ accessory.dealer.nameByLocale(app.request.locale) }}
  294.                 {{ 'accessories.information_product_text_2'|trans({}, 'dc_base') }}
  295.                 {{ accessory.dealer.phone }}. {{ 'accessories.information_product_text_3'|trans({}, 'dc_base') }}</p>
  296.         </div>
  297.     </div>
  298. </section>