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.
921 lines
50 KiB
921 lines
50 KiB
{% set bodyClass = 'main-np' %}
|
|
{% set headerClass = 'white' %}
|
|
{% extends 'layout.twig' %}
|
|
|
|
|
|
{% block content %}
|
|
|
|
<section class="home">
|
|
<h1 class="home__title invisible">{{ function('pll_e', 'Заголовок (скрытый) H1 на главной') }}</h1>
|
|
|
|
<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">
|
|
<h2 class="home__title">{{ slide.slide_title }}</h2>
|
|
<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="/wp-content/themes/cosmopet/static/img/animations/gus.svg"
|
|
alt="">
|
|
</div>
|
|
<div class="about_info">
|
|
<h2 class="about_title">{{about_title}}</h2>
|
|
<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{% if loop.index0 is odd %} about_card-right{% endif %}">
|
|
<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 %}
|
|
|
|
<div class="container-fluid">
|
|
<div class="about_slider">
|
|
<button class="about_slider_nav next">
|
|
<img src="/wp-content/themes/cosmopet/static/img/slider-next.svg" alt="Next">
|
|
</button>
|
|
<button class="about_slider_nav prev">
|
|
<img src="/wp-content/themes/cosmopet/static/img/slider-prev.svg" alt="Previous">
|
|
</button>
|
|
<div class="carousel">
|
|
<div class="carousel-item">
|
|
<img src="/wp-content/themes/cosmopet/static/img/about_slider-img1.png" alt="">
|
|
<div class="slide_info">
|
|
<h3 class="slide_title">
|
|
{% if site_region == 'ru' %}МОС и ФОС пребиотики{% elseif site_region == 'ae' %}MOS and FOS prebiotics{% endif %}
|
|
</h3>
|
|
<p class="slide_text">
|
|
{% if site_region == 'ru' %}Поддерживают здоровый баланс микрофлоры кишечника и снижают риск заболеваний ЖКТ{% elseif site_region == 'ae' %}Maintain a healthy balance of intestinal microflora and reduces the risk of intestinal diseases{% endif %}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="/wp-content/themes/cosmopet/static/img/about_slider-img2.png" alt="">
|
|
<div class="slide_info">
|
|
<h3 class="slide_title">
|
|
{% if site_region == 'ru' %}Омега 3 и жирные кислоты{% elseif site_region == 'ae' %}Omega 3 and fatty acids{% endif %}
|
|
</h3>
|
|
<p class="slide_text">
|
|
{% if site_region == 'ru' %}Улучшают работу мозга и сохраняют его активность, обеспечивают здоровье кожи и блеск шерсти{% elseif site_region == 'ae' %}They improve the functioning of the brain and maintain its normal activity, preserve the health of the skin and the shine of the coat{% endif %}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<img src="/wp-content/themes/cosmopet/static/img/about_slider-img3.png" alt="">
|
|
<div class="slide_info">
|
|
<h3 class="slide_title">
|
|
{% if site_region == 'ru' %}Юкка Шидигера{% elseif site_region == 'ae' %}Yucca schidigera{% endif %}
|
|
</h3>
|
|
<p class="slide_text">
|
|
{% if site_region == 'ru' %}Стимулирует пищеварение, связывает вещества, вызывающие неприятный запах фекалий. Результат — регулярный стул с меньшим запахом{% elseif site_region == 'ae' %}It stimulates digestion, even binding the substances responsible for the specific smell of dog and cat faeces. As a result bowel-emptying occurs like clockwork (and with less odour!){% endif %}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="/wp-content/themes/cosmopet/static/img/about_slider-img4.png" alt="">
|
|
<div class="slide_info">
|
|
<h3 class="slide_title">
|
|
{% if site_region == 'ru' %}Кальций, фосфор и витамин D{% elseif site_region == 'ae' %}Calcium, phosphorus and vitamin D{% endif %}
|
|
</h3>
|
|
<p class="slide_text">
|
|
{% if site_region == 'ru' %}В оптимальном соотношении поддерживают здоровье костей, способствуют восстановлению суставов и подвижности{% elseif site_region == 'ae' %}In their optimal ratio, they support bone health, promote joint restoration and help maintain mobility{% endif %}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="/wp-content/themes/cosmopet/static/img/about_slider-img5.png" alt="">
|
|
<div class="slide_info">
|
|
<h3 class="slide_title">
|
|
{% if site_region == 'ru' %}Энтопротеин{% elseif site_region == 'ae' %}E-protein{% endif %}
|
|
</h3>
|
|
<p class="slide_text">
|
|
{% if site_region == 'ru' %}Легкоперевариваемый энтопротеин, который к тому же превосходит по питательности традиционное мясо. Будучи новым источником белка, не вызывает аллергии у питомцев{% elseif site_region == 'ae' %}An easily digestible E-protein, nutritionally superior to traditional meat; being a novel source of protein, does not cause allergies in pets{% endif %}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% if site_region == 'ru' %}
|
|
<div class="marketplace">
|
|
<div class="container">
|
|
<div class="marketplace__title">отзывы Покупателей</div>
|
|
|
|
<div class="marketplace__swiper swiper">
|
|
<div class="swiper-wrapper">
|
|
{% for i in 1..9 %}
|
|
<div class="swiper-slide">
|
|
<div class="marketplace__slide">
|
|
<img src="/wp-content/themes/cosmopet/static/img/scrollable-{{ i }}.svg" alt="Review {{ i }}">
|
|
</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 rv = 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, rv|length - 1, 3) %}
|
|
{% set review = rv[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/img/reviews_person-mob.png" alt="" class="reviews_person-mob">
|
|
</div>
|
|
<img src="{{ theme.link }}/static/img/pets-reviews.png" alt="" class="reviews_person">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% if site_region == 'ru' %}
|
|
<section class="about_us">
|
|
<div class="container">
|
|
<h1 class="about_us-title">О нас пишут СМИ</h1>
|
|
<div class="smi_slider">
|
|
<div class="swiper smiSlider">
|
|
<div class="swiper-wrapper">
|
|
{% for slide in [
|
|
{
|
|
url: 'https://globalpetindustry.com/news/the-advantages-and-disadvantages-of-insect-based-pet-food/',
|
|
img: '/wp-content/uploads/2025/06/image-3-1.png',
|
|
alt: 'The advantages and disadvantages of insect-based pet food',
|
|
date: '08/01/2025',
|
|
title: 'The advantages and disadvantages of insect-based pet food',
|
|
logo: '/wp-content/uploads/2025/06/group-1.png',
|
|
logo_alt: 'Логотип СМИ 1'
|
|
},
|
|
{
|
|
url: 'https://bk.asia-city.com/shopping/news/cosmopet-launches-thailand-nutritious-insect-based-digestible-treats-your-furry',
|
|
img: '/wp-content/uploads/2025/06/uaa1-1.png',
|
|
alt: 'Cosmopet launches in Thailand with nutritious, insect-based digestible treats for your furry friends',
|
|
date: '17/07/2024',
|
|
title: 'Cosmopet launches in Thailand with nutritious, insect-based digestible treats for your furry friends',
|
|
logo: '/wp-content/uploads/2025/06/image-67.png',
|
|
logo_alt: 'Логотип СМИ 2'
|
|
},
|
|
{
|
|
url: 'https://lapkins.ru/p/chem-kormit-sobaku-allergika/',
|
|
img: '/wp-content/uploads/2025/06/frame-237.jpg',
|
|
alt: 'Чем кормить собаку-аллергика',
|
|
date: '15/04/2024',
|
|
title: 'Чем кормить собаку-аллергика',
|
|
logo: '/wp-content/uploads/2025/06/image-64.png',
|
|
logo_alt: 'Логотип СМИ 3'
|
|
},
|
|
{
|
|
url: 'https://drtclub.ru/superpremium-korm-cosmodog-dlya-sobak/',
|
|
img: '/wp-content/uploads/2025/06/frame-238.png',
|
|
alt: 'Суперпремиум корм для собак Cosmodog',
|
|
date: '18/10/2023',
|
|
title: 'Суперпремиум корм для собак Cosmodog',
|
|
logo: '/wp-content/uploads/2025/06/image-66.png',
|
|
logo_alt: 'Логотип СМИ 4',
|
|
text: 'drtclub.ru'
|
|
},
|
|
{
|
|
url: 'https://dzen.ru/a/ZUPLWi5yTXW_QlCM',
|
|
img: '/wp-content/uploads/2025/06/frame-233-2.png',
|
|
alt: 'Тестирую инновационный корм для собак',
|
|
date: '02/11/2023',
|
|
title: 'Тестирую инновационный корм для собак',
|
|
logo: '/wp-content/uploads/2025/06/group-1-1.png',
|
|
logo_alt: 'Логотип СМИ 5',
|
|
text: 'ВетБлог'
|
|
},
|
|
{
|
|
url: 'https://recyclemag.ru/article/rossii-vpervie-poyavilsya-zhivotnih-osnove-entoproteina',
|
|
img: '/wp-content/uploads/2025/06/frame-236.png',
|
|
alt: 'В России впервые появился корм для животных на основе энтопротеина',
|
|
date: '09/06/2024',
|
|
title: 'В России впервые появился корм для животных на основе энтопротеина',
|
|
logo: '/wp-content/uploads/2025/06/image-60.png',
|
|
logo_alt: 'Логотип СМИ 6'
|
|
},
|
|
{
|
|
url: 'https://zooinform.ru/polnoraczionnyj-korm-dlya-shhenkov-cosmodogc-indejkoj-i-e-protein',
|
|
img: '/wp-content/uploads/2025/06/frame-234.png',
|
|
alt: 'Полнорационный корм для щенков Cosmodog',
|
|
date: '10/04/2024',
|
|
title: 'Полнорационный корм для щенков Cosmodog',
|
|
logo: '/wp-content/uploads/2025/06/image-58.png',
|
|
logo_alt: 'Логотип СМИ 7'
|
|
},
|
|
{
|
|
url: 'https://zooinform.ru/business/nachalis-prodazhi-innovacionnogo-korma-dlya-sobak-cosmodog/',
|
|
img: '/wp-content/uploads/2025/06/frame-235.png',
|
|
alt: 'Начались продажи инновационного корма для собак Cosmodog',
|
|
date: '18/10/2023',
|
|
title: 'Начались продажи инновационного корма для собак Cosmodog',
|
|
logo: '/wp-content/uploads/2025/06/image-58.png',
|
|
logo_alt: 'Логотип СМИ 8'
|
|
},
|
|
{
|
|
url: 'https://orbsteppe.ru/katastrofa-vseh-splotila-kak-neravnodushnye-pomogali-postradavshim-ot-navodneniya-v-orenburzhe',
|
|
img: '/wp-content/uploads/2025/06/frame-239-1.png',
|
|
alt: 'Как неравнодушные помогали пострадавшим от наводнения в Оренбуржье',
|
|
date: '18/10/2023',
|
|
title: 'Как неравнодушные помогали пострадавшим от наводнения в Оренбуржье',
|
|
logo_alt: 'Логотип СМИ 9',
|
|
text: 'orbsteppe.ru'
|
|
}
|
|
] %}
|
|
<div class="swiper-slide">
|
|
<div class="smi-card-wrapper">
|
|
<a href="{{ slide.url }}" class="smi-card">
|
|
<img src="{{ slide.img }}" alt="{{ slide.alt }}" class="smi-card-img">
|
|
<div class="smi-card-date">{{ slide.date }}</div>
|
|
<div class="smi-card-title">{{ slide.title }}</div>
|
|
<div class="smi-card-label">
|
|
{% if slide.logo is defined %}
|
|
<img src="{{ slide.logo }}" alt="{{ slide.logo_alt }}">
|
|
{% endif %}
|
|
{% if slide.text is defined %}
|
|
<p>{{ slide.text }}</p>
|
|
{% endif %}
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="slider-arrows">
|
|
<button class="slider-arrow slider-arrow-prev smiSlider-prev"></button>
|
|
<button class="slider-arrow slider-arrow-next smiSlider-next"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% if show_q %}
|
|
{% if site_region == 'ae' %}
|
|
<style>
|
|
.truth_top picture img {
|
|
width: auto;
|
|
height: auto;
|
|
position: unset;
|
|
}
|
|
</style>
|
|
{% endif %}
|
|
<section class="truth sec-bf">
|
|
<div class="container">
|
|
<div class="truth_top">
|
|
<picture>
|
|
<source media="(min-width:576px)"
|
|
srcset="{{ theme.link }}/static/img/gift-new.png">
|
|
<img src="{{ theme.link }}/static/img/gift-new-mob.png"
|
|
alt="">
|
|
</picture>
|
|
<h2 class="truth_title">{{ q_title }}</span></h2>
|
|
<img src="{{ theme.link }}/static/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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">
|
|
<h2 class="cosmopet-x__title">{{ post.meta('cosmopet_x_blocktitle') }}</h2>
|
|
<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>
|
|
{% if show_blog %}
|
|
<section class="blog">
|
|
<div class="container">
|
|
<div class="blog_block">
|
|
<div class="blog_top">
|
|
<h2 class="blog_title">{{ function('pll_e', 'Наш блог') }}</h2>
|
|
</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">
|
|
{% set words = post.excerpt|split(' ') %}
|
|
{% if words|length > 14 %}
|
|
{{ words|slice(0, 14)|join(' ') }}...
|
|
{% else %}
|
|
{{ post.excerpt }}...
|
|
{% endif %}
|
|
</p>
|
|
<div class="blog__card-btn">{{ function('pll_e', 'читать статью') }}</div>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/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 %}
|
|
</div>
|
|
{% 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/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 %}
|
|
{% set class = 'discount_block' %}
|
|
{% include 'forms/discount.twig' %}
|
|
{% endif %}
|
|
|
|
{% endblock %} |