add AFC export file

pull/36/head
parent ad66d75abb
commit e2215af90a
  1. 60
      wp-content/themes/cosmopet/static/css/new-front-page.css
  2. BIN
      wp-content/themes/cosmopet/static/img/about_slider-img7.png
  3. BIN
      wp-content/themes/cosmopet/static/img/about_slider-img8.png
  4. 4
      wp-content/themes/cosmopet/static/js/new-front-page.js
  5. 110
      wp-content/themes/cosmopet/templates/_pages/new-front-page/main-gallery.twig
  6. 23
      wp-content/themes/cosmopet/templates/_pages/new-front-page/main-ingredients.twig

@ -1020,19 +1020,19 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
}
.main-food .swiper-pagination-bullet {
background: #fff;
height: 6px;
width: 6px;
border-radius: 60%;
height: 10px;
width: 10px;
border-radius: 50%;
}
.main-food .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: #48c1ed;
}
.swiper-dots{
position: absolute;
bottom: 24px;
display: flex
;
position: absolute;
bottom: 16px !important;
display: flex;
justify-content: center;
z-index: 5;
}
.main-food_products-card-img{
padding-bottom: 20px;
@ -2003,6 +2003,8 @@ background: #e5f1fa;
align-items: center;
gap: 15px;
padding-bottom: 56px;
position: relative;
z-index: 3;
}
.truth_error .truth_links,
.truth_success .truth_links{
@ -2256,6 +2258,7 @@ background: #e5f1fa;
}
.main-blog_wrapper-items-item {
border: 2px solid #f4f1f0;
z-index: 2;
border-radius: 40px;
padding: 24px;
min-height: 247px;
@ -2443,8 +2446,9 @@ background: #e5f1fa;
.shadowed {
filter: url(#angled-shadow);
border-radius: 12px;
/* filter: url(#angled-shadow);
border-radius: 12px; */
filter: drop-shadow(-20px 20px 7px rgba(0, 0, 0, 0.35));
}
@ -2494,7 +2498,21 @@ width: 340px;
margin-left: -60px;
}
.gallery-box--1{
width: 580px;
}
.gallery-box--2{
width: 713px;
}
.gallery-box--3{
width: 729px;
}
.gallery-box--4{
width: 813px;
}
.gallery-box.gallery-box--2 .gallery-card:nth-child(1){
width: 302px;
@ -3650,3 +3668,27 @@ display: flex;
justify-content: center;
align-items: center;
}
.slide_text.--sm{
font-size: 18px;
}
.slide_text.--sm span{
font-size: 0.9em;
display: block;
margin-top: 0.5em;
}
@media (max-width: 576px) {
.slide_text.--sm{
font-size: 10px;
}
}
.slide_info.--mt{
top: -2em;
position: relative;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

@ -86,9 +86,10 @@ document.addEventListener('DOMContentLoaded', function() {
const specialistsSwiper = new Swiper('.main-specialists_wrapper', {
slidesPerView: 1,
spaceBetween: 20,
speed: 1000,
loop: true,
autoplay: {
delay: 6000,
delay: 6000,
disableOnInteraction: false,
},
navigation: {
@ -250,7 +251,6 @@ document.addEventListener('DOMContentLoaded', function() {
const productSwiper = new Swiper('.main-food_products-card-slider', {
effect: 'fade',
fadeEffect: { crossFade: true },
autoplay: { delay: 5000, disableOnInteraction: false },
loop: true,
pagination: {
el: '.swiper-dots',

@ -1,110 +1,24 @@
{% set gallery = fn('get_field', 'gallery') %}
{% if gallery %}
<section class="main-gallery">
<div class="new-container">
<h2 class="main-gallery_title">COSMOPETS</h2>
<div class="gallery-grid">
<div class="gallery-box gallery-box--1">
<div class="gallery-card">
<img src="/wp-content/themes/cosmopet/static/img/new-front/1.png" alt="">
</div>
{% for block in gallery %}
<div class="gallery-box gallery-box--{{ block.block_type }}">
{% for img in block.photos %}
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/3.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/4.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/5.png" alt="">
</div>
</div>
<div class="gallery-box gallery-box--2">
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/6.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/7.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/8.png" alt="">
</div>
</div>
<div class="gallery-box gallery-box--3">
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/10.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/11.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/12.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/12.png" alt="">
</div>
</div>
<div class="gallery-box gallery-box--4">
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/13.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/14.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/15.png" alt="">
</div>
</div>
<div class="gallery-box gallery-box--1">
<div class="gallery-card">
<img src="/wp-content/themes/cosmopet/static/img/new-front/1.png" alt="">
<img src="{{img.img.url}}" alt="{{img.img.alt}}">
</div>
{% endfor %}
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/3.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/4.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/5.png" alt="">
</div>
</div>
<div class="gallery-box gallery-box--2">
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/6.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/7.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/8.png" alt="">
</div>
</div>
<div class="gallery-box gallery-box--3">
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/10.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/11.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/12.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/12.png" alt="">
</div>
</div>
<div class="gallery-box gallery-box--4">
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/13.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/14.png" alt="">
</div>
<div class="gallery-card ">
<img src="/wp-content/themes/cosmopet/static/img/new-front/15.png" alt="">
</div>
</div>
</div>
{% endfor %}
</div>
</section>
{% endif %}

@ -66,6 +66,29 @@
</p>
</div>
</div>
<div class="carousel-item">
<img src="/wp-content/themes/cosmopet/static/img/about_slider-img7.png" alt="">
<div class="slide_info">
<h3 class="slide_title">
Натуральное мясо
</h3>
<p class="slide_text">
В основе кормов дегидрированная индейка. Гипоаллергенное, питательное и высокоусвояемое мясо
</p>
</div>
</div>
<div class="carousel-item">
<img src="/wp-content/themes/cosmopet/static/img/about_slider-img8.png" alt="">
<div class="slide_info --mt">
<h3 class="slide_title">
Комплекс пробиотиков
</h3>
<p class="slide_text --sm">
живые полезные бактерии, поддерживают и восстанавливают здоровую микрофлору кишечника, улучшают усвоение питательных веществ и укрепляют здоровье слизистой оболочки кишечника
<span>(возможно снижают газообразование)</span>
</p>
</div>
</div>
</div>
</div>
</div>

Loading…
Cancel
Save