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.
 
 
 
 
cosmopet-architecture/wp-content/themes/cosmopet/templates/front-page/front-page.twig

650 lines
33 KiB

{% set bodyClass = 'main-np' %}
{% set headerClass = 'white' %}
{% extends 'layout.twig' %}
{% block content %}
<section class="home test">
<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>
<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>
<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>
</section>
<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>
<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>
<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>
<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>
</div>
<section class="discount__sale sec-bf">
<div class="container">
<div class="discount_top">
<h3 class="discount_title">{{sub_title}}</span>
</h3>
<div class="discount_top-imgs">
<img class="dicount_dog-img img--desktop"
src="{{ theme.link }}/static/front-page/img/dicsount-sale.png"
alt="">
<img class="dicount_dog-img img--mobile"
src="{{ theme.link }}/static/front-page/img/dicsount-sale-mob.png"
alt="">
</div>
</div>
<div class="dicsount__body">
<div class="" id="" lang="ru-RU" dir="ltr">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form class="form-process" action="subscribe_form" method="post" class="" aria-label="Контактная форма" novalidate="novalidate" data-status="init">
<div class="discount_form ">
<span class="" data-name="subscriber"><input size="40" class="discount_form-inp" aria-required="true" aria-invalid="false" placeholder="{{ function('pll_e', 'Эл.почта') }}" value="" type="email" name="subscriber"></span>
<img src="/wp-content/themes/cosmopet/static/front-page/img/discount-line-w.svg" data-src="https://cosmopet.shop/wp-content/themes/woodmart/images/svg/discount-line-w.svg" decoding="async" class=" lazyloaded"><noscript><img src="https://cosmopet.shop/wp-content/themes/woodmart/images/svg/discount-line-w.svg" data-eio="l"></noscript>
<input type="hidden" name="from_url" value="{{ current_url }}">
<input type="hidden" name="form_name" value="Subscribtion form">
<button class="discount_form-btn main_link" type="submit">{{ function('pll_e', 'подписаться') }}</button>
</div>
</form>
</div>
<p class="discount_form-text">
{{ function('pll_e', 'Подписываясь на рассылку, я даю согласие на обработку персональных данных, на получение рекламных сообщений и новостей о товарах и услугах') }}</p>
<p class="discount_text">{{sub_text}}</p>
</div>
</div>
</section>
{% endblock %}