Task 7401 | post release small fixes new main page

pull/36/head
parent 3957d0520e
commit c7354c5d1a
  1. 28
      wp-content/themes/cosmopet/static/css/new-front-page.css
  2. 2
      wp-content/themes/cosmopet/templates/_pages/new-front-page/main-bot.twig
  3. 15
      wp-content/themes/cosmopet/templates/_pages/new-front-page/main-media.twig
  4. 6
      wp-content/themes/cosmopet/templates/shop/reviews-section_block.twig

@ -385,6 +385,10 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
color: #121212; color: #121212;
margin-bottom: 60px; margin-bottom: 60px;
} }
.main-why_item-descr svg{
position: relative;
top: 0.2em;
}
.main-why_item-image { .main-why_item-image {
position: absolute; position: absolute;
top: -25%; top: -25%;
@ -437,7 +441,7 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
.main-why_bottom-logos { .main-why_bottom-logos {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: flex-start; align-items: center;
gap: 20px; gap: 20px;
} }
@ -973,6 +977,7 @@ background: radial-gradient(161.08% 232.33% at 133.99% -48.29%, #EE6868 0%, #569
line-height: 140%; line-height: 140%;
color: #121212; color: #121212;
margin-bottom: 10px; margin-bottom: 10px;
min-height: 60px;
} }
.main-food_reviews-slide-text { .main-food_reviews-slide-text {
font-weight: 500; font-weight: 500;
@ -2380,7 +2385,7 @@ background: #e5f1fa;
.about_slider .slide_title{ .about_slider .slide_title{
text-transform: uppercase; text-transform: uppercase;
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 900;
line-height: 28.8px; line-height: 28.8px;
color: var(--grey-black, #121212); color: var(--grey-black, #121212);
} }
@ -2922,6 +2927,7 @@ font-size: 32px;
.main-why_item-descr{ .main-why_item-descr{
font-size: 14px; font-size: 14px;
} }
.main-why_wrapper{ .main-why_wrapper{
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
} }
@ -3128,8 +3134,8 @@ position: absolute;
} }
.about_slider .carousel { .about_slider .carousel {
height: 55vh; height: 360px;
min-height: 55vh; min-height: 360px;
} }
.about .about_block { .about .about_block {
@ -3831,10 +3837,15 @@ background-color: #fff;
} }
.main-food_reviews-slide-media_file{ .main-food_reviews-slide-media_file{
height: 420px; height: 220px;
width: 100%; width: 100%;
border-radius: 32px; border-radius: 32px;
margin-bottom: 1rem; margin-bottom: 1rem;
object-fit: cover;
}
.main-food_reviews-slide-media_file-wrap{
width: 100%;
display: block;
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.main-food_reviews-slide-name{ .main-food_reviews-slide-name{
@ -4098,4 +4109,11 @@ bottom: 8rem !important;
z-index: 10; z-index: 10;
} }
.main-reviews{
padding-top: 40px;
padding-bottom: 20px;
}
.main-food{
padding-top: 2rem;
}
} }

@ -9,7 +9,7 @@
<img class="main-bot_wrapper__img" src="/wp-content/themes/cosmopet/static/img/new-front/banner1.png"> <img class="main-bot_wrapper__img" src="/wp-content/themes/cosmopet/static/img/new-front/banner1.png">
</div> </div>
<div class="swiper-slide main-bot_wrapper main-bot_wrapper--tg"> <div class="swiper-slide main-bot_wrapper main-bot_wrapper--tg">
<h2 class="main-bot_wrapper-title">Телеграм каналл с&nbsp;инструкцией о том, как понимать своего пета</h2> <h2 class="main-bot_wrapper-title">Телеграм канал с&nbsp;инструкцией о том, как понимать своего пета</h2>
<p>зоопсихология, петхакинг, советы кинологов и&nbsp;ветеринаров</p> <p>зоопсихология, петхакинг, советы кинологов и&nbsp;ветеринаров</p>
<a href="https://t.me/cosmospet" target="_blank" class="main-bot_wrapper-link">Перейти в Telegram</a> <a href="https://t.me/cosmospet" target="_blank" class="main-bot_wrapper-link">Перейти в Telegram</a>
<img class="main-bot_wrapper__img" src="/wp-content/themes/cosmopet/static/img/new-front/banner2.png"> <img class="main-bot_wrapper__img" src="/wp-content/themes/cosmopet/static/img/new-front/banner2.png">

@ -5,6 +5,15 @@
<div class="swiper smiSlider"> <div class="swiper smiSlider">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{% for slide in [ {% for slide in [
{
url: 'https://drtclub.ru/kak-probiotiki-prodlevayut-zhizn-sobake-i-v-kakom-korme-ih-iskat/',
img: 'https://cosmopet.ru/wp-content/uploads/2025/07/2323.jpg',
alt: 'Как пробиотики продлевают жизнь собаке — и в каком корме их искать',
date: '01/07/2025',
title: 'Как пробиотики продлевают жизнь собаке — и в каком корме их искать',
logo: 'https://drtclub.ru/wp-content/uploads/2024/01/logodrt.png',
text : 'drtclub.ru',
},
{ {
url: 'https://globalpetindustry.com/news/the-advantages-and-disadvantages-of-insect-based-pet-food/', url: 'https://globalpetindustry.com/news/the-advantages-and-disadvantages-of-insect-based-pet-food/',
img: '/wp-content/uploads/2025/06/image-3-1.png', img: '/wp-content/uploads/2025/06/image-3-1.png',
@ -12,7 +21,8 @@
date: '08/01/2025', date: '08/01/2025',
title: 'The advantages and disadvantages of insect-based pet food', title: 'The advantages and disadvantages of insect-based pet food',
logo: '/wp-content/uploads/2025/06/group-1.png', logo: '/wp-content/uploads/2025/06/group-1.png',
logo_alt: 'Логотип СМИ 1' logo_alt: 'Логотип СМИ 1',
}, },
{ {
url: 'https://bk.asia-city.com/shopping/news/cosmopet-launches-thailand-nutritious-insect-based-digestible-treats-your-furry', url: 'https://bk.asia-city.com/shopping/news/cosmopet-launches-thailand-nutritious-insect-based-digestible-treats-your-furry',
@ -87,7 +97,8 @@
title: 'Как неравнодушные помогали пострадавшим от наводнения в Оренбуржье', title: 'Как неравнодушные помогали пострадавшим от наводнения в Оренбуржье',
logo_alt: 'Логотип СМИ 9', logo_alt: 'Логотип СМИ 9',
text: 'orbsteppe.ru' text: 'orbsteppe.ru'
} },
] %} ] %}
<div class="swiper-slide"> <div class="swiper-slide">
<div class="smi-card-wrapper"> <div class="smi-card-wrapper">

@ -6,7 +6,7 @@
{% for slide in rev_list %} {% for slide in rev_list %}
<div class="main-food_reviews-slide swiper-slide"> <div class="main-food_reviews-slide swiper-slide">
{% if fn('get_field', 'media_file', slide) %} {% if fn('get_field', 'media_file', slide) %}
<a href="{{fn('get_field', 'media_file', slide)}}" data-fancybox><img class="main-food_reviews-slide-media_file" src="{{fn('get_field', 'media_file', slide)}}"></a> <a class="main-food_reviews-slide-media_file-wrap" href="{{fn('get_field', 'media_file', slide)}}" data-fancybox><img class="main-food_reviews-slide-media_file" src="{{fn('get_field', 'media_file', slide)}}"></a>
{% endif %} {% endif %}
{% if fn('get_field', 'media', slide) %} {% if fn('get_field', 'media', slide) %}
<div class="main-food_reviews-slide-media_wrap"> <div class="main-food_reviews-slide-media_wrap">
@ -25,7 +25,11 @@
</div> </div>
<p class="main-food_reviews-slide-position {% if not fn('get_field', 'photo', slide) %}--no-padding-left{% endif %}">{{fn('get_field', 'desc', slide)}}</p> <p class="main-food_reviews-slide-position {% if not fn('get_field', 'photo', slide) %}--no-padding-left{% endif %}">{{fn('get_field', 'desc', slide)}}</p>
{% if fn('get_field', 'text', slide) %} {% if fn('get_field', 'text', slide) %}
{% if fn('get_field', 'type', slide) == 'media' %}
{% set maxLength = 250 %}
{% else %}
{% set maxLength = 350 %} {% set maxLength = 350 %}
{% endif %}
{% set content = fn('get_field', 'text', slide) %} {% set content = fn('get_field', 'text', slide) %}
{% if content|length > maxLength %} {% if content|length > maxLength %}

Loading…
Cancel
Save