You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
694 lines
35 KiB
694 lines
35 KiB
{% set bodyClass = 'main-np' %}
|
|
{% set headerClass = 'white' %}
|
|
{% extends 'layout.twig' %}
|
|
|
|
|
|
{% block content %}
|
|
|
|
<section class="home">
|
|
<div class="container">
|
|
<div class="home__swiper">
|
|
<div class="swiper-wrapper">
|
|
{% for slide in slider %}
|
|
<div class="swiper-slide">
|
|
<div class="home__item">
|
|
<div class="home__block">
|
|
<h1 class="home__title">{{ slide.slide_title }}</h1>
|
|
<div class="home__subtitle">{{ slide.slide_description }}</div>
|
|
<a href="{{ slide.btn_url }}"
|
|
class="home__btn"><span>{{ slide.btn_text }}</span> </a>
|
|
</div>
|
|
<img src="{{ slide.slide_img }}">
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="home__pagination"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{% if show_about %}
|
|
<section id="about" class="about">
|
|
<div class="container">
|
|
<div class="about_info-wrap">
|
|
<div class="about_img">
|
|
<img class="img--desktop"
|
|
src="{{about_img}}"
|
|
alt="">
|
|
<img class="img--mobile"
|
|
src="{{about_img_m}}"
|
|
alt="">
|
|
</div>
|
|
<div class="about_info">
|
|
<h1 class="about_title">{{about_title}}</h1>
|
|
<p class="about_text">{{about_desc}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="about_block">
|
|
<div class="about_cards">
|
|
{% for item in about_list %}
|
|
<div class="about_card">
|
|
<img src="{{ item.img }}" alt="" class="about_card-gif about_card-gif1">
|
|
<div class="about_card-info">
|
|
<h3 class="about_card-title">{{ item.title }}</h3>
|
|
<p class="about_card-text">{{ item.text }}</p>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
<div class="about_company">
|
|
<p class="about_company-text">{{ about_comp_text }}</p>
|
|
<div class="about_company-logo">
|
|
|
|
{% for item in about_comp_logo %}
|
|
<img src="{{ item.img }}" alt="">
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% if about_rev %}
|
|
<div class="marketplace">
|
|
<div class="container">
|
|
<div class="marketplace__title">{{about_rev_title}}</div>
|
|
<div class="marketplace__swiper">
|
|
<div class="swiper-wrapper">
|
|
{% for item in about_rev %}
|
|
<div class="swiper-slide">
|
|
<div class="marketplace__slide">
|
|
<img src="{{ item.img }}"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</section>
|
|
{% endif %}
|
|
|
|
|
|
{% include 'shop/bestsellers.twig' %}
|
|
|
|
|
|
{% if show_rev %}
|
|
<section class="reviews">
|
|
<div class="container">
|
|
<h2 class="reviews_title">{{reviews_title}}</h2>
|
|
<div class="reviews_block">
|
|
<div class="reviews_items --visible">
|
|
{% if post.meta('reviews_repeater') %}
|
|
{% set reviews = post.meta('reviews_repeater') %}
|
|
|
|
{# Create three blocks #}
|
|
{% for i in 0..2 %}
|
|
{% set block_class = i == 0 ? 'reviews_item1' : (i == 1 ? 'reviews_item2' : 'reviews_item4') %}
|
|
{% set row_class = i % 2 == 0 ? 'reviews_row reviews_row--left' : 'reviews_row reviews_row--right' %}
|
|
|
|
<div class="{{ row_class }}">
|
|
<div class="reviews_item {{ block_class }}">
|
|
<div class="reviews_item-swiper swiper">
|
|
<div class="swiper-wrapper">
|
|
|
|
{# Output reviews with step 3, starting from current block index #}
|
|
{% for j in range(i, reviews|length - 1, 3) %}
|
|
{% set review = reviews[j] %}
|
|
<div class="swiper-slide">
|
|
<div class="reviews_item-top">
|
|
<div class="reviews_item-name"><b>{{ review.review_name }}</b></div>
|
|
<img src="{{ review.review_image.url }}" alt="" class="reviews_item-img">
|
|
</div>
|
|
<span>{{ review.review_position }}</span>
|
|
<p class="reviews_item-text">{{ review.review_text }}</p>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
<img src="{{ theme.link }}/static/front-page/img/reviews_person-mob.png" alt="" class="reviews_person-mob">
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/pets-reviews.png" alt="" class="reviews_person">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endif %}
|
|
{% if show_q %}
|
|
<section class="truth sec-bf">
|
|
<div class="container">
|
|
<div class="truth_top">
|
|
<picture>
|
|
<source media="(min-width:576px)"
|
|
srcset="{{ theme.link }}/static/front-page/img/gift-new.png">
|
|
<img src="{{ theme.link }}/static/front-page/img/gift-new-mob.png"
|
|
alt="">
|
|
</picture>
|
|
<h2 class="truth_title">{{ q_title }}</span></h2>
|
|
<img src="{{ theme.link }}/static/front-page/img/gift-line.svg" alt="" class="gift_line-img"></div>
|
|
|
|
<div class="truth_content-wrap">
|
|
<div class="truth_content truth_content1 active">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_line">
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">{{ q_1.title }}</div>
|
|
<div class="truth_block-text">
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_num.svg"
|
|
alt="">
|
|
<p>{{ q_1.text }}</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover error_btn">{{ function('pll_e', 'Правда') }}</button>
|
|
<button class="truth_link btn--black-hover success_btn">{{ function('pll_e', 'Миф') }}</button>
|
|
</div>
|
|
<img src="{{ q_1.img.url }}" alt="{{ q_1.img.alt }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_success truth_block">
|
|
<div class="truth_line">
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">{{ function('pll_e', 'Это миф!') }}</div>
|
|
<div class="truth_block-text">
|
|
<p>{{ q_1.text_true }}</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_succes-img.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_error truth_block">
|
|
<div class="truth_line">
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">{{ function('pll_e', 'Это миф!') }}</div>
|
|
<div class="truth_block-text">
|
|
<p><p>{{ q_1.text_true }}</p></p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_error.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_content truth_content2">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
|
|
<div class="truth_block-title"><p>{{ q_2.title }}</p></div>
|
|
<div class="truth_block-text">
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_num2.svg"
|
|
alt="">
|
|
<p><p>{{ q_2.text }}</p></p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover error_btn">{{ function('pll_e', 'Правда') }}</button>
|
|
<button class="truth_link btn--black-hover success_btn">{{ function('pll_e', 'Миф') }}</button>
|
|
</div>
|
|
<img src="{{ q_2.img.url }}"
|
|
alt="{{ q_2.img.alt }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_success truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">{{ function('pll_e', 'Это миф!') }}</div>
|
|
<div class="truth_block-text">
|
|
<p>{{q_2.text_true}}
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_succes-img.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_error truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">{{ function('pll_e', 'Это миф!') }}</div>
|
|
<div class="truth_block-text">
|
|
<p>{{q_2.text_true}}
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_error.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_content truth_content3">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">{{q_2.title}}</div>
|
|
<div class="truth_block-text">
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_num3.svg"
|
|
alt="">
|
|
<p>{{q_3.text}}</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover success_btn">{{ function('pll_e', 'Правда') }}</button>
|
|
<button class="truth_link btn--black-hover error_btn">{{ function('pll_e', 'Миф') }}</button>
|
|
</div>
|
|
<img src="{{ q_3.img.url }}" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_success truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">{{ function('pll_e', 'Это правда!') }}</div>
|
|
<div class="truth_block-text">
|
|
<p>{{q_3.text_true}}</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
|
|
|
|
<div class="truth_result">
|
|
{% for img in q3.img_list %}
|
|
<img src="{{ item.img.url }}"
|
|
alt="{{ item.img.alt }}">
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_succes-img.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_error truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">{{ function('pll_e', 'Это правда!') }}</div>
|
|
<div class="truth_block-text">
|
|
<p>{{q_3.text_true}}</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
|
|
<div class="truth_result">
|
|
{% for img in q3.img_list_err %}
|
|
<img src="{{ item.img.url }}"
|
|
alt="{{ item.img.alt }}">
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_error.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_content truth_content4">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">{{q_4.text_title}}</div>
|
|
<div class="truth_block-text">
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_num4.svg"
|
|
alt="">
|
|
<p>{{q_4.text}}</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover success_btn">{{ function('pll_e', 'Правда') }}</button>
|
|
<button class="truth_link btn--black-hover error_btn">{{ function('pll_e', 'Миф') }}</button>
|
|
</div>
|
|
<img src="{{q_4.img.url}}"
|
|
alt="{{q_4.img.alt}}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_success truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">{{ function('pll_e', 'Это правда!') }}</div>
|
|
<div class="truth_block-text">
|
|
<p>{{q_4.text_true}}</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_succes-img.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_error truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">{{ function('pll_e', 'Это правда!') }}</div>
|
|
<div class="truth_block-text">
|
|
<p>{{q_4.text_true}}</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_error.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_content truth_content5">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
</div>
|
|
<div class="truth_block-title">{{q_5.title}}</div>
|
|
<div class="truth_block-text">
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_num5.svg"
|
|
alt="">
|
|
<p>{{q_5.text}}</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover error_btn">{{ function('pll_e', 'Правда') }}</button>
|
|
<button class="truth_link btn--black-hover success_btn">{{ function('pll_e', 'Миф') }}</button>
|
|
</div>
|
|
<img class="img--desktop2"
|
|
src="{{q_5.img.url}}"
|
|
alt="{{q_5.img.alt}}">
|
|
<img class="img--mobile" src="{{ theme.link }}/static/front-page/img/quiz/birds_mobile.png" alt=""> </div>
|
|
</div>
|
|
|
|
<div class="truth_success truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
</div>
|
|
<div class="truth_block-title">{{ function('pll_e', 'Это миф!') }}</div>
|
|
<div class="truth_block-text">
|
|
<p>{{q_5.text_true}}</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_succes-img.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_error truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
</div>
|
|
<div class="truth_block-title">{{ function('pll_e', 'Это миф!') }}</div>
|
|
<div class="truth_block-text">
|
|
<p{{q_5.text_true}}</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">{{ function('pll_e', 'Далее') }}</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_error.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_content truth_content-end">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_block-title">{{ function('pll_e', 'ваш результат') }}</div>
|
|
<div class="truth_block-text">
|
|
<div class="truth_xn">
|
|
<span class="truth_points truth_points-corrects"></span>
|
|
<span class="truth_points truth_points-slash">/</span>
|
|
<span class="truth_points truth_points-all"></span>
|
|
</div>
|
|
<div class="truth_end-text truth_end-text--before">
|
|
<p>{{promo_text}}
|
|
</p>
|
|
<div class="truth__end-promo">{{promo}}</div>
|
|
<div class="truth__end-btns">
|
|
<button class="truth__end-btn --copy --white"
|
|
data-copy="{{promo}}"><span>{{ function('pll_e', 'Скопировать') }}</span><span
|
|
class="copied">{{ function('pll_e', 'Скопировано') }}</span></button>
|
|
<a href="/shop/" class="truth__end-btn --black"><span>{{ function('pll_e', 'В магазин') }} </span></a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endif %}
|
|
{% if post.meta('cosmopet_x_slider') %}
|
|
<div class="section_wrap">
|
|
<section class="cosmopet-x">
|
|
<div class="container">
|
|
<h1 class="cosmopet-x__title">{{ post.meta('cosmopet_x_blocktitle') }}</h1>
|
|
<div class="cosmopet-x__swiper">
|
|
<div class="swiper-wrapper">
|
|
{% for slide in post.meta('cosmopet_x_slider') %}
|
|
<div class="swiper-slide">
|
|
<div class="cosmopet-x__item">
|
|
<img class="cosmopet-x__bg" src="{{ slide.img_1 }}" alt="">
|
|
<img class="cosmopet-x__top" src="{{ slide.img_2 }}" alt="">
|
|
<div class="cosmopet-x__body">
|
|
<div class="cosmopet-x__heading">{{ slide.title }}
|
|
</div>
|
|
<a href="{{ slide.url }}" class="cosmopet-x__btn">подробнее</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="slider-arrows">
|
|
<button class="slider-arrow slider-arrow-prev cosmopet-prev"></button>
|
|
<button class="slider-arrow slider-arrow-next cosmopet-next"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
{% endif %}
|
|
{% if show_blog %}
|
|
<section class="blog">
|
|
<div class="container">
|
|
<div class="blog_block">
|
|
<div class="blog_top">
|
|
<h1 class="blog_title">{{ function('pll_e', 'Наш блог') }}</h1>
|
|
</div>
|
|
<div class="blog__row">
|
|
<p class="blog_text">{{ function('pll_e', 'Новости рынка кормов и экологии, полезные статьи о здоровье домашних животных') }}</p>
|
|
<a href="/blog/" class="blog_link main_link"><span>{{ function('pll_e', 'Все статьи') }}</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="blog_slider">
|
|
<div class="swiper blogSlider">
|
|
<div class="swiper-wrapper">
|
|
{% for post in blog_posts %}
|
|
<div class="swiper-slide">
|
|
<a class="blog_card" href="{{ post.link }}">
|
|
<div class="blog__card-wrapper">
|
|
<img src="{{ post.thumbnail }}" alt="{{ post.title }}" class="blog_card-img">
|
|
</div>
|
|
<div class="blog_card-info-wrap">
|
|
<div class="blog_card-info">
|
|
<h2 class="blog_card-title">{{ post.title }}</h2>
|
|
<p class="blog_card-text">{{ post.excerpt }} ...</p>
|
|
<div class="blog__card-btn">{{ function('pll_e', 'читать статью') }}</div>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/card-line.svg" alt="" class="card-line-img">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="slider-arrows">
|
|
<button class="slider-arrow slider-arrow-prev blogSlider-prev"></button>
|
|
<button class="slider-arrow slider-arrow-next blogSlider-next"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endif %}
|
|
|
|
|
|
|
|
{% if reviews %}
|
|
<section class="reviews reviews-plus">
|
|
<div class="container">
|
|
<h2 class="section-title">{{ function('pll_e', 'Customer Reviews') }}</h2>
|
|
<img class="star-igm" src="{{ theme.link }}/static/front-page/img/stars.svg" alt="{{ function('pll_e', 'Customer Reviews') }}">
|
|
<div class="section-nav">
|
|
<div class="swiper-button-next">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M4.5 12.3638H21" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path d="M4.5 12.3638L10.864 18.7277" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path d="M4.5 12.3638L10.864 5.99981" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</div>
|
|
<div class="swiper-button-prev">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M4.5 12.3638H21" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path d="M4.5 12.3638L10.864 18.7277" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path d="M4.5 12.3638L10.864 5.99981" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-plus">
|
|
<div class="reviews-slider swiper">
|
|
<div class="swiper-wrapper">
|
|
|
|
{% for review in reviews %}
|
|
<div class="swiper-slide review-card">
|
|
<div class="review-content">
|
|
<div class="review-header">
|
|
{% if review.reviewer_photo %}
|
|
<img src="{{ review.reviewer_photo.url }}" alt="{{ review.reviewer_photo.alt|default(review.reviewer_name) }}" class="review-avatar">
|
|
{% else %}
|
|
<img src="{{ theme.uri }}/path-to-default-image.jpg" alt="{{ function('pll_e', 'Reviewer') }}" class="review-avatar">
|
|
{% endif %}
|
|
<div class="review-author">
|
|
<h3>{{ review.reviewer_name }}</h3>
|
|
<p>{{ review.reviewer_role }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="review-text">
|
|
<p>{{ review.review_excerpt }}</p>
|
|
{% if review.review_full %}
|
|
<div class="review-more-content">
|
|
{{ review.review_full }}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% if review.review_full %}
|
|
<button class="show-more-btn">{{ function('pll_e', 'Show more') }}</button>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Review Popup -->
|
|
<div class="review-popup">
|
|
<div class="popup-content">
|
|
<button class="close-popup">×</button>
|
|
<div class="popup-review-content"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endif %}
|
|
|
|
{% if show_promo %}
|
|
{% include 'forms/discount.twig' %}
|
|
{% endif %}
|
|
|
|
{% endblock %} |