Good-Production
/
cosmopet-architecture
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Правки главной. Блоки слайдеров. Мобайл

Browse Source
pull/36/head
Максим Максимов 1 month ago
parent 4748913e93
commit 1590d344e0
9 changed files with 443 additions and 182 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 350
      wp-content/themes/cosmopet/static/css/new-front-page.css
  2. 14
      wp-content/themes/cosmopet/static/js/new-front-page.js
  3. 6
      wp-content/themes/cosmopet/templates/_pages/new-front-page.twig
  4. 22
      wp-content/themes/cosmopet/templates/_pages/new-front-page/main-blog.twig
  5. 9
      wp-content/themes/cosmopet/templates/_pages/new-front-page/main-bot.twig
  6. 12
      wp-content/themes/cosmopet/templates/_pages/new-front-page/main-food.twig
  7. 12
      wp-content/themes/cosmopet/templates/_pages/new-front-page/main-gallery.twig
  8. 3
      wp-content/themes/cosmopet/templates/_pages/new-front-page/main-ingredients.twig
  9. 25
      wp-content/themes/cosmopet/templates/_pages/new-front-page/main-treats.twig

350
wp-content/themes/cosmopet/static/css/new-front-page.css
Unescape View File

@ -193,7 +193,8 @@ main {
background: #f2f2f2;
margin-top: -1%;
padding-top: 5%;
padding-bottom: 5%;
padding-bottom: 120px;
border-radius: 0px 0px 60px 60px;
}
.main-why_title {
font-weight: 700;
@ -512,6 +513,7 @@ main {
font-size: 20px;
color: #121212;
position: relative;
text-align: start;
}
.main-specialists_text svg {
position: absolute;
@ -614,18 +616,25 @@ main {
height: 500px;
min-width: 194px;
}
.main-food_products .even {
background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #c8f0ff;
.main-food_products .lamb {
background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #f4e1cf;
}
.main-food_products .fish {
background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #c1dde6;
}
.main-food_products .odd {
background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #ffe9e9;
.main-food_products .beef {
background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #e8d1f9;
}
.main-food_products .turkey {
background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #f3d7d2;
}
.main-food_products-card-img {
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 30px 0;
padding: 32px 0px;
padding-bottom: 42px;
}
.shadow-svg {
position: absolute;
@ -644,23 +653,41 @@ main {
max-width: 80%;
height: auto;
}
.even .main-food_products-card-title {
.lamb .main-food_products-card-title {
padding: 8px 16px 8px 16px;
border-radius: 100px;
background: #fff;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
color: #f4e1cf;
}
.turkey .main-food_products-card-title {
padding: 8px 16px 8px 16px;
border-radius: 100px;
background: #fff;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
color: #48c1ed;
color: #f3d7d2;
}
.odd .main-food_products-card-title {
.beef .main-food_products-card-title {
padding: 8px 16px 8px 16px;
border-radius: 100px;
background: #fff;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
color: #e8d1f9;
}
.fish .main-food_products-card-title {
padding: 8px 8px 8px 16px;
border-radius: 100px;
background: #fff;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
color: #cd0003;
color: #c1dde6;
}
.main-food_products-card-bottom {
display: flex;
@ -668,7 +695,20 @@ main {
align-items: flex-start;
margin-top: 10px;
}
.even .main-food_products-card-bottom-price {
.lamb .main-food_products-card-bottom-price {
border-radius: 100px;
padding: 10px;
background: #fff;
font-weight: 400;
font-size: 18px;
text-transform: uppercase;
text-align: center;
color: #000;
display: flex;
justify-content: center;
align-items: center;
}
.turkey .main-food_products-card-bottom-price {
border-radius: 100px;
padding: 10px;
background: #fff;
@ -681,7 +721,7 @@ main {
justify-content: center;
align-items: center;
}
.odd .main-food_products-card-bottom-price {
.beef .main-food_products-card-bottom-price {
border-radius: 100px;
padding: 10px;
background: #fff;
@ -689,16 +729,42 @@ main {
font-size: 18px;
text-transform: uppercase;
text-align: center;
color: #cd0003;
color: #000;
display: flex;
justify-content: center;
align-items: center;
}
.fish .main-food_products-card-bottom-price {
border-radius: 100px;
padding: 10px;
background: #fff;
font-weight: 400;
font-size: 18px;
text-transform: uppercase;
text-align: center;
color: #c1dde6;
display: flex;
justify-content: center;
align-items: center;
}
.lamb .main-food_products-cardbottom-btn {
border: 2px solid #fff;
border-radius: 100px;
padding: 12px 32px;
background: #f4e1cf;
font-weight: 900;
font-size: 12px;
text-align: center;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.even .main-food_products-cardbottom-btn {
.turkey .main-food_products-cardbottom-btn {
border: 2px solid #fff;
border-radius: 100px;
padding: 12px 32px;
background: #48c1ed;
background: #f3d7d2;
font-weight: 900;
font-size: 12px;
text-align: center;
@ -707,11 +773,24 @@ main {
justify-content: center;
align-items: center;
}
.odd .main-food_products-cardbottom-btn {
.beef .main-food_products-cardbottom-btn {
border: 2px solid #fff;
border-radius: 100px;
padding: 12px 32px;
background: #cd0003;
background: #e8d1f9;
font-weight: 900;
font-size: 12px;
text-align: center;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.fish .main-food_products-cardbottom-btn {
border: 2px solid #fff;
border-radius: 100px;
padding: 12px 32px;
background: #c1dde6;
font-weight: 900;
font-size: 12px;
text-align: center;
@ -733,7 +812,7 @@ main {
background: #fff;
}
.main-food_reviews-title {
font-weight: 400;
font-weight: 700;
font-size: 32px;
text-transform: uppercase;
color: #121212;
@ -757,7 +836,7 @@ main {
margin-bottom: 10px;
}
.main-food_reviews-slide-name {
font-weight: 400;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
color: #121212;
@ -867,9 +946,8 @@ main {
/* Main Reviews */
.main-reviews {
box-shadow: 6px 9px 20px 0 rgba(0, 0, 0, 0.15);
background: #f4f1f0;
border-radius: 60px;
border-radius: 60px 60px 0px 0px;
padding: 100px 20px;
}
.main-reviews_title {
@ -911,6 +989,11 @@ main {
background: linear-gradient(270deg, #F6F4F3 0%, rgba(242, 242, 242, 0.00) 100%);
z-index: 1;
}
.marketplace {
position: relative;
margin-top: 0%;
margin-bottom: 0%;
}
/* Main Treats */
@ -920,23 +1003,50 @@ main {
padding-bottom: 5%;
border-radius: 0px 0px 60px 60px;
}
.even .main-food_products-card-title {
.lamb .main-food_products-card-title {
padding: 8px 16px 8px 16px;
border-radius: 100px;
background: #fff;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
color: #f7dcc1;
}
.duck .main-food_products-card-title {
padding: 8px 16px 8px 16px;
border-radius: 100px;
background: #fff;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
color: #48c1ed;
color: #f6d9c7;
}
.odd .main-food_products-card-title {
.beef .main-food_products-card-title {
padding: 8px 16px 8px 16px;
border-radius: 100px;
background: #fff;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
color: #e5cff6;
}
.rabbit .main-food_products-card-title {
padding: 8px 16px 8px 16px;
border-radius: 100px;
background: #fff;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
color: #f5c1d7;
}
.fish .main-food_products-card-title {
padding: 8px 8px 8px 16px;
border-radius: 100px;
background: #fff;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
color: #cd0003;
color: #c0e4f1;
}
.main-food_products-card-bottom {
display: flex;
@ -944,7 +1054,7 @@ main {
align-items: flex-start;
margin-top: 10px;
}
.even .main-treats_products-card-bottom-price {
.lamb .main-treats_products-card-bottom-price {
border-radius: 100px;
padding: 10px;
background: #fff;
@ -952,12 +1062,12 @@ main {
font-size: 18px;
text-transform: uppercase;
text-align: center;
color: #7e0092;
color: #f7dcc1;
display: flex;
justify-content: center;
align-items: center;
}
.odd .main-treats_products-card-bottom-price {
.duck .main-treats_products-card-bottom-price {
border-radius: 100px;
padding: 10px;
background: #fff;
@ -965,16 +1075,94 @@ main {
font-size: 18px;
text-transform: uppercase;
text-align: center;
color: #863300;
color: #f6d9c7;
display: flex;
justify-content: center;
align-items: center;
}
.even .main-treats_products-cardbottom-btn {
.beef .main-treats_products-card-bottom-price {
border-radius: 100px;
padding: 10px;
background: #fff;
font-weight: 400;
font-size: 18px;
text-transform: uppercase;
text-align: center;
color: #e5cff6;
display: flex;
justify-content: center;
align-items: center;
}
.rabbit .main-treats_products-card-bottom-price {
border-radius: 100px;
padding: 10px;
background: #fff;
font-weight: 400;
font-size: 18px;
text-transform: uppercase;
text-align: center;
color: #f5c1d7;
display: flex;
justify-content: center;
align-items: center;
}
.fish .main-treats_products-card-bottom-price {
border-radius: 100px;
padding: 10px;
background: #fff;
font-weight: 400;
font-size: 18px;
text-transform: uppercase;
text-align: center;
color: #c0e4f1;
display: flex;
justify-content: center;
align-items: center;
}
.lamb .main-treats_products-cardbottom-btn {
border: 2px solid #fff;
border-radius: 100px;
padding: 12px 32px;
background: #f7dcc1;
font-weight: 900;
font-size: 12px;
text-align: center;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.duck .main-treats_products-cardbottom-btn {
border: 2px solid #fff;
border-radius: 100px;
padding: 12px 32px;
background: #f6d9c7;
font-weight: 900;
font-size: 12px;
text-align: center;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.beef .main-treats_products-cardbottom-btn {
border: 2px solid #fff;
border-radius: 100px;
padding: 12px 32px;
background: #e5cff6;
font-weight: 900;
font-size: 12px;
text-align: center;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.rabbit .main-treats_products-cardbottom-btn {
border: 2px solid #fff;
border-radius: 100px;
padding: 12px 32px;
background: #deb3ff;
background: #f5c1d7;
font-weight: 900;
font-size: 12px;
text-align: center;
@ -983,11 +1171,11 @@ main {
justify-content: center;
align-items: center;
}
.odd .main-treats_products-cardbottom-btn {
.fish .main-treats_products-cardbottom-btn {
border: 2px solid #fff;
border-radius: 100px;
padding: 12px 32px;
background: #ffbc7b;
background: #c0e4f1;
font-weight: 900;
font-size: 12px;
text-align: center;
@ -996,11 +1184,20 @@ main {
justify-content: center;
align-items: center;
}
.main-treats_products .even {
background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #fff1c8;
.main-treats_products .lamb {
background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #f7dcc1;
}
.main-treats_products .duck {
background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #f6d9c7;
}
.main-treats_products .beef {
background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #e5cff6;
}
.main-treats_products .rabbit {
background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #f5c1d7;
}
.main-treats_products .odd {
background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #f2e0ff;
.main-treats_products .fish {
background: linear-gradient(rgba(134, 51, 0, 0.1), rgba(134, 51, 0, 0.1)), #c0e4f1;
}
.main-treats .main-food_products-card {
border-radius: 30px;
@ -1216,6 +1413,9 @@ font-size: 12px;
.smi-card-label{
height: 35px;
}
.main-smi .swiper-slide {
max-width: 320px;
}
@media (max-width: 640px) {
.smi-card{
padding: 16px;
@ -1233,15 +1433,14 @@ font-size: 12px;
}
/* Main bot */
.main-bot {
background: #f4f1f0;
padding: 100px 20px;
margin-top: -5%;
}
.main-bot .swiper-container {
width: 100%;
height: 100%;
position: relative;
}
.main-bot_wrapper {
border-radius: 60px;
@ -1254,19 +1453,6 @@ font-size: 12px;
align-items: flex-start;
padding: 40px;
}
.main-bot_wrapper-bottom {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 20px;
}
.main-bot_wrapper-bottom-divider {
width: 176px;
height: 2px;
background: #121212;
gap: 20px;
border-radius: 100%;
}
.main-bot_wrapper-tag {
border-radius: 100px;
padding: 4px 10px 6px 10px;
@ -1278,8 +1464,8 @@ font-size: 12px;
margin-bottom: 20px;
}
.main-bot_wrapper-title {
font-weight: 400;
font-size: 50px;
font-weight: 700;
font-size: 46px;
text-transform: uppercase;
color: #121212;
max-width: 50%;
@ -1296,6 +1482,28 @@ font-size: 12px;
margin-bottom: 70px;
gap: 20px;
}
.main-bot .swiper-pagination {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 20px;
position: absolute;
bottom: 70px;
left: 60px;
z-index: 10;
}
.swiper-pagination-bullet {
width: 176px;
height: 2px;
background: #121212;
border-radius: 100px;
opacity: 0.7;
cursor: pointer;
transition: opacity 0.3s ease;
}
.swiper-pagination-bullet-active {
opacity: 1;
}
/* Main Cosmopet X */
@ -1412,12 +1620,18 @@ font-size: 12px;
.cosmopet-x .slider-arrow {
background-image: url('data:image/svg+xml,<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="56" height="56" rx="20" fill="white"/><path d="M37 28.364H20.5" stroke="%23121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M37 28.364L30.636 34.728" stroke="%23121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M37 28.364L30.636 22.0001" stroke="%23121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')!important;
}
.cosmopet-x .swiper-slide {
max-width: 320px;
backdrop-filter: blur(55px);
box-shadow: -3px 9px 31px 0 rgba(0, 0, 0, 0.25);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 35%), var(--white);
border-radius: 60px;
}
/* Main Gallery */
.main-gallery {
padding-top: 120px;
padding-bottom: 100px;
}
.main-gallery .mosaic-swiper {
padding: 40px 20px;
@ -1446,7 +1660,7 @@ font-size: 12px;
border: 2px solid #fff;
height: 100%;
width: 100%;
object-fit: none;
object-fit: cover;
}
.gallery-block {
width: 280px;
@ -1463,6 +1677,22 @@ font-size: 12px;
height: 100%;
border-radius: 40px;
}
.mosaic-swiper .swiper-wrapper {
display: flex;
animation: slide 20s linear infinite; /* Бесконечная линейная анимация */
}
@keyframes slide {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%); /* Сдвиг на полную ширину wrapper */
}
}
.mosaic-swiper .swiper-slide {
flex-shrink: 0;
width: auto; /* Сохраняет ширину слайдов */
}
@ -1723,6 +1953,13 @@ font-size: 12px;
.main-blog {
padding-bottom: 120px;
}
.main-blog a {
width: 100%;
}
.main-blog_wrapper-most-bottom a {
width: 25px;
height: 25px;
}
.main-blog_top {
display: flex;
justify-content: space-between;
@ -1745,6 +1982,7 @@ font-size: 12px;
font-size: 24px;
text-align: center;
color: #f4f1f0;
max-width: 220px;
}
.main-blog_descr {
margin-top: 15px;

14
wp-content/themes/cosmopet/static/js/new-front-page.js
Unescape View File

@ -223,7 +223,13 @@ document.addEventListener('DOMContentLoaded', function() {
effect: 'fade',
fadeEffect: { crossFade: true },
autoplay: { delay: 5000, disableOnInteraction: false },
loop: true
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
bulletClass: 'swiper-pagination-bullet',
bulletActiveClass: 'swiper-pagination-bullet-active',
},
});
// cosmopet x slider
@ -260,9 +266,9 @@ document.addEventListener('DOMContentLoaded', function() {
const mosaicswiper = new Swiper('.mosaic-swiper', {
slidesPerView: 'auto',
spaceBetween: 20,
freeMode: true,
grabCursor: true,
loop: true // Включает бесконечную прокрутку
loop: true,
loopAdditionalSlides: 29, // Дополнительные клоны для плавности
allowTouchMove: false // Отключает перетаскивание
});
// Quiz

6
wp-content/themes/cosmopet/templates/_pages/new-front-page.twig
Unescape View File

@ -6,15 +6,15 @@
{% include '/templates/_pages/new-front-page/main-slider.twig' %}
{% include '/templates/_pages/new-front-page/main-about.twig' %}
{% include '/templates/_pages/new-front-page/main-why.twig' %}
{% include '/templates/_pages/new-front-page/main-ingredients.twig' %}
{% include '/templates/_pages/new-front-page/main-specialists.twig' %}
{% include '/templates/_pages/new-front-page/main-food.twig' %}
{% include '/templates/_pages/new-front-page/main-reviews.twig' %}
{% include '/templates/_pages/new-front-page/main-ingredients.twig' %}
{% include '/templates/_pages/new-front-page/main-specialists.twig' %}
{% include '/templates/_pages/new-front-page/main-treats.twig' %}
{% include '/templates/_pages/new-front-page/main-bot.twig' %}
{% include '/templates/_pages/new-front-page/main-blog.twig' %}
{% include '/templates/_pages/new-front-page/main-quiz.twig' %}
{% include '/templates/_pages/new-front-page/main-media.twig' %}
{% include '/templates/_pages/new-front-page/main-bot.twig' %}
{% include '/templates/_pages/new-front-page/main-cosmopetx.twig' %}
{% include '/templates/_pages/new-front-page/main-gallery.twig' %}
{% endblock %}

22
wp-content/themes/cosmopet/templates/_pages/new-front-page/main-blog.twig
Unescape View File

@ -19,40 +19,62 @@
</div>
<div class="main-blog_wrapper">
<div class="main-blog_wrapper-most">
<a href="#">
<img src="/wp-content/uploads/2025/07/rectangle-23.png" alt="most-read" class="main-blog_wrapper-most-img">
</a>
<a href="#">
<div class="main-blog_wrapper-most-title">Как рассчитать дневную порцию корма для кошки?</div>
</a>
<p class="main-blog_wrapper-most-descr">Составили гид по дозировкам для сторонников индивидуального подхода. Если вы с утра насыплете полную миску корма</p>
<div class="main-blog_wrapper-most-bottom">
<a href="#">
<img src="/wp-content/uploads/2025/06/korovkina.png" class="main-blog_wrapper-most-bottom-img" alt="author">
</a>
<div class="main-blog_wrapper-most-bottom-time">время чтения: <span>9</span> мин</div>
</div>
</div>
<div class="main-blog_wrapper-items">
<div class="main-blog_wrapper-items-item" style="background:url('/wp-content/uploads/2025/04/320h180-52-768x432.jpg.webp');background-size:cover;background-position:center;">
<a href="#">
<div class="main-blog_wrapper-items-item-title">Краткая история кормов: от хлебных корок до лечебных рационов</div>
</a>
<div class="main-blog_wrapper-most-bottom">
<a href="#">
<img src="/wp-content/uploads/2025/06/korovkina.png" class="main-blog_wrapper-most-bottom-img" alt="author">
</a>
<div class="main-blog_wrapper-most-bottom-time">время чтения: <span>9</span> мин</div>
</div>
</div>
<div class="main-blog_wrapper-items-item" style="background:url('/wp-content/uploads/2025/04/320h180-52-768x432.jpg.webp');background-size:cover;background-position:center;">
<a href="#">
<div class="main-blog_wrapper-items-item-title">Краткая история кормов: от хлебных корок до лечебных рационов</div>
</a>
<div class="main-blog_wrapper-most-bottom">
<a href="#">
<img src="/wp-content/uploads/2025/06/korovkina.png" class="main-blog_wrapper-most-bottom-img" alt="author">
</a>
<div class="main-blog_wrapper-most-bottom-time">время чтения: <span>9</span> мин</div>
</div>
</div>
<div class="main-blog_wrapper-items-item" style="background:url('/wp-content/uploads/2025/04/320h180-52-768x432.jpg.webp');background-size:cover;background-position:center;">
<a href="#">
<div class="main-blog_wrapper-items-item-title">Вечно голодная кошка: 8 способов решить проблему</div>
</a>
<div class="main-blog_wrapper-most-bottom">
<a href="#">
<img src="/wp-content/uploads/2025/06/korovkina.png" class="main-blog_wrapper-most-bottom-img" alt="author">
</a>
<div class="main-blog_wrapper-most-bottom-time">время чтения: <span>9</span> мин</div>
</div>
</div>
<div class="main-blog_wrapper-items-item" style="background:url('/wp-content/uploads/2025/04/320h180-52-768x432.jpg.webp');background-size:cover;background-position:center;">
<a href="#">
<div class="main-blog_wrapper-items-item-title">Вечно голодная кошка: 8 способов решить проблему</div>
</a>
<div class="main-blog_wrapper-most-bottom">
<a href="#">
<img src="/wp-content/uploads/2025/06/korovkina.png" class="main-blog_wrapper-most-bottom-img" alt="author">
</a>
<div class="main-blog_wrapper-most-bottom-time">время чтения: <span>9</span> мин</div>
</div>
</div>

9
wp-content/themes/cosmopet/templates/_pages/new-front-page/main-bot.twig
Unescape View File

@ -6,21 +6,14 @@
<div class="main-bot_wrapper-tag">Первый в России</div>
<h2 class="main-bot_wrapper-title">ветеринарный бот с бесплатными вет консультациями</h2>
<a href="#" target="_blank" class="main-bot_wrapper-link">Перейти<img src="/wp-content/uploads/2025/07/group-1000001373-1.png" alt="arrow"></a>
<div class="main-bot_wrapper-bottom">
<div class="main-bot_wrapper-bottom-divider"></div>
<div class="main-bot_wrapper-bottom-divider"></div>
</div>
</div>
<div class="swiper-slide main-bot_wrapper" style="background:url('/wp-content/uploads/2025/07/frame-1321316173-1.png');background-position: center;background-size:cover;">
<h2 class="main-bot_wrapper-title">Телеграм с инструкцией о том, как понимать своего пета</h2>
<p></p>
<a href="#" target="_blank" class="main-bot_wrapper-link">Перейти в Telegram<img src="/wp-content/uploads/2025/07/group-1000001373-1.png" alt="arrow"></a>
<div class="main-bot_wrapper-bottom">
<div class="main-bot_wrapper-bottom-divider"></div>
<div class="main-bot_wrapper-bottom-divider"></div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section>

12
wp-content/themes/cosmopet/templates/_pages/new-front-page/main-food.twig
Unescape View File

@ -3,7 +3,7 @@
<h2 class="main-food_title">сухой гипоаллергенный корм</h2>
<div class="main-food_wrapper">
<div class="main-food_products">
<div class="main-food_products-card even">
<div class="main-food_products-card fish">
<div class="main-food_products-card-img">
<div class="shadow-svg">
<svg width="239" height="340" viewBox="0 0 239 340" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -33,7 +33,7 @@
<button class="main-food_products-cardbottom-btn">В корзину</button>
</div>
</div>
<div class="main-food_products-card odd">
<div class="main-food_products-card turkey">
<div class="main-food_products-card-img">
<div class="shadow-svg">
<svg width="239" height="340" viewBox="0 0 239 340" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -63,7 +63,7 @@
<button class="main-food_products-cardbottom-btn">В корзину</button>
</div>
</div>
<div class="main-food_products-card even">
<div class="main-food_products-card fish">
<div class="main-food_products-card-img">
<div class="shadow-svg">
<svg width="239" height="340" viewBox="0 0 239 340" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -93,7 +93,7 @@
<button class="main-food_products-cardbottom-btn">В корзину</button>
</div>
</div>
<div class="main-food_products-card odd">
<div class="main-food_products-card turkey">
<div class="main-food_products-card-img">
<div class="shadow-svg">
<svg width="239" height="340" viewBox="0 0 239 340" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -123,7 +123,7 @@
<button class="main-food_products-cardbottom-btn">В корзину</button>
</div>
</div>
<div class="main-food_products-card even">
<div class="main-food_products-card fish">
<div class="main-food_products-card-img">
<div class="shadow-svg">
<svg width="239" height="340" viewBox="0 0 239 340" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -153,7 +153,7 @@
<button class="main-food_products-cardbottom-btn">В корзину</button>
</div>
</div>
<div class="main-food_products-card odd">
<div class="main-food_products-card turkey">
<div class="main-food_products-card-img">
<div class="shadow-svg">
<svg width="239" height="340" viewBox="0 0 239 340" fill="none" xmlns="http://www.w3.org/2000/svg">

12
wp-content/themes/cosmopet/templates/_pages/new-front-page/main-gallery.twig
Unescape View File

@ -85,18 +85,6 @@
</div>
</div>
{# <div class="swiper-slide">
<div class="gallery-grid">
<img src="https://cosmopet-test-dumb.cp.good-production.xyz/wp-content/uploads/2025/07/10.png" alt="">
<img src="https://cosmopet-test-dumb.cp.good-production.xyz/wp-content/uploads/2025/07/7.png" alt="">
<img src="https://cosmopet-test-dumb.cp.good-production.xyz/wp-content/uploads/2025/07/8.png" alt="">
<img src="https://cosmopet-test-dumb.cp.good-production.xyz/wp-content/uploads/2025/07/nz6_0121-kopiya-1.png" alt="">
<img src="https://cosmopet-test-dumb.cp.good-production.xyz/wp-content/uploads/2025/07/nz6_9955-1.png" alt="">
<img src="https://cosmopet-test-dumb.cp.good-production.xyz/wp-content/uploads/2025/07/11.png" alt="">
<img src="https://cosmopet-test-dumb.cp.good-production.xyz/wp-content/uploads/2025/07/dscf6363-copy-2-inst-1.png" alt="">
</div>
</div> #}
</div>
</div>
</div>

3
wp-content/themes/cosmopet/templates/_pages/new-front-page/main-ingredients.twig
Unescape View File

@ -1,4 +1,7 @@
<section id="about" class="about">
<div class="new-container">
<h2 class="main-specialists_title">Ингредиенты</h2>
</div>
<div class="container-fluid">
<div class="about_slider">
<button class="about_slider_nav next">

25
wp-content/themes/cosmopet/templates/_pages/new-front-page/main-treats.twig
Unescape View File

@ -1,9 +1,20 @@
<div class="main-treats">
<div class="new-container">
<h2 class="main-food_title">Лакомства<br>на основе E-protein</h2>
<h2 class="main-food_title">Лакомства<br>на основе <svg width="287" height="64" viewBox="0 0 287 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M240.834 7.66703C239.495 7.66703 238.36 8.1127 237.458 9.03376C236.555 9.95481 236.061 11.0541 236.061 12.3912C236.061 13.7282 236.555 14.8572 237.458 15.7486C238.36 16.6696 239.495 17.1153 240.834 17.1153C242.086 17.1153 243.163 16.6696 244.065 15.7486C244.939 14.8275 245.375 13.7282 245.375 12.3912C245.375 11.0541 244.939 9.9251 244.065 9.03376C243.192 8.1127 242.144 7.66703 240.834 7.66703Z" fill="white" />
<path d="M32.3902 28.0491C31.0512 27.2469 29.5958 26.8309 28.0531 26.8309C26.3066 26.8309 24.8221 27.2172 23.5122 28.0491C22.2023 28.881 21.2417 29.9209 20.5723 31.1985C20.3685 31.5551 20.223 31.8819 20.0774 32.2384H35.563L35.6212 32.2979C35.6212 32.2979 35.4757 31.9116 35.4175 31.763C34.748 30.0992 33.7292 28.8513 32.3902 28.0788V28.0491Z" fill="white" />
<path d="M8.40501 14.2036V14.1441C-2.80167 25.5533 -2.80167 44.0339 8.40501 55.4431C19.6117 66.8523 37.6879 66.8523 48.8946 55.4431C65.2534 38.775 61.3238 1.45733 61.3238 1.45733C61.3238 1.45733 28.5188 -6.35679 8.40501 14.2036ZM20.5723 39.5177C21.2417 40.7953 22.2023 41.7758 23.454 42.4592C24.7056 43.202 26.2484 43.5288 27.9949 43.5288C29.916 43.5288 31.6625 43.1723 33.2052 42.5483C34.8062 41.8947 36.2034 40.825 37.455 39.3098L43.3058 43.202C41.6757 46.4405 39.5508 48.758 36.8438 50.303C34.1367 51.8183 31.1968 52.5314 28.024 52.5314C24.8512 52.5314 22.1732 51.7292 19.5244 50.1544C16.8755 48.5797 14.7506 46.4999 13.1496 43.8556C11.5487 41.2113 10.7337 38.3293 10.7337 35.1799C10.7337 32.0304 11.5487 29.2079 13.1496 26.623C14.7506 23.9786 16.8755 21.8988 19.5535 20.3241C22.2023 18.7494 25.0549 17.9472 28.0531 17.9472C31.0512 17.9472 33.9911 18.7494 36.4071 20.3538C38.8813 21.9285 40.7443 24.246 42.1415 27.1875C43.4804 30.1289 44.179 33.6349 44.1208 37.6162H19.9028C20.0483 38.2699 20.2812 38.8344 20.5723 39.3989V39.5177Z" fill="white" />
<path d="M97.1269 20.5321V20.443C95.002 18.8683 92.7025 18.066 90.141 18.066C87.5794 18.066 85.5127 18.7197 83.5916 20.027C81.6705 21.3046 80.1277 23.2656 79.0216 25.8802C78.4977 27.0983 78.1192 28.4354 77.8282 29.8615H76.8094L77.3333 18.1849H68.1642V62.7818H77.3333L76.8094 39.8743H77.5953C78.0319 43.7665 79.0798 46.6782 80.7681 48.6392C83.0385 51.2835 86.1822 52.6205 90.1701 52.6205C92.6734 52.6205 95.002 51.8777 97.1269 50.3624C99.2518 48.8471 100.882 46.8565 102.104 44.3607C103.298 41.8352 103.938 39.2503 103.938 36.4277C103.938 32.9218 103.356 29.7724 102.163 27.0092C100.969 24.2163 99.3101 22.0474 97.1852 20.4727L97.1269 20.5321ZM93.9832 39.5772C93.3138 40.7062 92.3532 41.5975 91.1015 42.2809C89.8499 42.9346 88.4527 43.2614 86.7935 43.2614C85.1343 43.2614 83.708 42.8751 82.3691 42.0729C81.0301 41.2707 80.0113 40.2605 79.2254 39.0126C78.4394 37.7945 78.1192 36.4872 78.1192 35.269C78.1192 33.932 78.4977 32.7138 79.2254 31.5848C80.0113 30.4557 81.001 29.5644 82.3108 28.881C83.6207 28.2274 85.1052 27.9006 86.7353 27.9006C88.3654 27.9006 89.8208 28.2571 91.0724 28.9405C92.3241 29.6238 93.2555 30.5746 93.925 31.7928C94.5945 33.0109 94.9438 34.3479 94.9438 35.8929C94.9438 37.2597 94.5945 38.5075 93.925 39.6366L93.9832 39.5772Z" fill="white" />
<path d="M118.609 24.8403L118.551 24.7808C118.114 26.1179 117.736 27.7817 117.503 29.8615H116.455L118.085 18.0958H108.974V51.7292H118.085V38.5373C118.085 34.5559 119.191 31.5848 121.461 29.6832C123.732 27.7223 127.167 27.3657 131.795 28.6136V18.2146C127.894 18.2146 124.954 18.6009 123.004 19.4031C121.083 20.2053 119.569 22.0177 118.609 24.87V24.8403Z" fill="white" />
<path d="M159.36 19.5219H159.302C156.799 17.9472 154.004 17.1153 151.006 17.1153C148.008 17.1153 145.214 17.9175 142.652 19.5219C140.091 21.0966 138.082 23.2656 136.627 25.9693C135.142 28.673 134.415 31.5848 134.415 34.7342C134.415 37.8836 135.142 40.9439 136.627 43.6476C138.111 46.3514 140.091 48.5203 142.652 50.095C145.214 51.6697 148.008 52.5017 151.035 52.5017C154.063 52.5017 156.828 51.6995 159.331 50.095C161.835 48.5203 163.872 46.3514 165.328 43.6476C166.812 40.9439 167.54 37.943 167.54 34.7342C167.54 31.5254 166.812 28.6433 165.328 25.9693C163.843 23.2656 161.864 21.156 159.331 19.5219H159.36ZM157.789 39.2206H157.73C157.148 40.5576 156.275 41.5975 155.111 42.37C153.946 43.1425 152.549 43.4991 150.948 43.4991C149.347 43.4991 148.008 43.1128 146.844 42.37C145.679 41.5678 144.806 40.5576 144.195 39.2206C143.555 37.8836 143.293 36.4277 143.293 34.853C143.293 33.2783 143.584 31.8522 144.195 30.5152C144.835 29.1781 145.679 28.1382 146.844 27.3657C148.008 26.5635 149.347 26.2367 150.948 26.2367C152.549 26.2367 153.888 26.623 155.111 27.3657C156.275 28.168 157.148 29.1781 157.759 30.5152C158.342 31.8522 158.633 33.2783 158.633 34.853C158.633 36.4277 158.342 37.943 157.759 39.2206H157.789Z" fill="white" />
<path d="M185.092 7.66703H176.156V18.0958H170.16V27.4549H176.156V34.2588C176.156 39.6663 176.505 43.4694 177.175 45.6383C177.844 47.8667 179.503 49.382 182.152 50.303C184.801 51.2241 189.342 51.6697 195.804 51.6697V42.5483C191.787 42.5483 189.196 42.3998 187.945 42.1621C186.693 41.9244 185.907 41.2707 185.587 40.2902C185.238 39.3098 185.092 37.23 185.092 34.1994V27.3955H195.862V18.0363H185.092V7.63732V7.66703Z" fill="white" />
<path d="M228.696 37.7351H231.869C231.869 33.7537 231.229 30.2478 229.89 27.3063C228.551 24.3649 226.6 22.0474 224.155 20.4727C221.681 18.898 218.945 18.066 215.801 18.066C212.658 18.066 210.009 18.8683 207.302 20.443C204.653 22.0177 202.528 24.0975 200.898 26.7418C199.297 29.3861 198.482 32.2681 198.482 35.2987C198.482 38.3293 199.297 41.3004 200.898 43.9745C202.499 46.6188 204.624 48.6986 207.273 50.2733C209.921 51.848 212.716 52.6502 215.772 52.6502C218.945 52.6502 221.885 51.9074 224.592 50.4219C227.299 48.9363 229.453 46.5891 231.054 43.3208L225.203 39.4286C223.952 40.9439 222.496 42.0432 220.953 42.6672C219.352 43.3208 217.635 43.6476 215.743 43.6476C213.967 43.6476 212.454 43.2911 211.202 42.578C209.951 41.8352 208.932 40.8548 208.32 39.6366C208.029 39.1018 207.796 38.4481 207.651 37.8539H228.696V37.7351ZM207.884 32.3276C208.029 31.971 208.175 31.6442 208.379 31.2877C209.048 30.0101 210.009 28.9107 211.319 28.1382L211.26 28.0788C212.57 27.2469 214.055 26.8606 215.801 26.8606C217.344 26.8606 218.799 27.2469 220.138 28.0788C221.477 28.881 222.496 30.0992 223.166 31.763C223.224 31.971 223.311 32.1196 223.369 32.2979H207.884V32.3276Z" fill="white" />
<path d="M245.288 18.1552H236.352V51.7292H245.288V18.1552Z" fill="white" />
<path d="M285.428 26.1179L285.37 26.0584C284.322 22.9684 282.721 20.6807 280.654 19.3139C278.588 17.9472 275.881 17.2341 272.591 17.2341C269.302 17.2341 266.595 17.6204 264.82 18.4226C263.044 19.2248 261.589 21.1263 260.57 24.1866C260.046 25.6722 259.696 27.5737 259.405 29.8615H258.357L259.988 18.1552H250.818V51.7292H259.988V38.5373C259.988 36.0712 260.337 33.9617 261.006 32.179C261.676 30.3963 262.753 29.0296 264.15 28.0788C265.547 27.1578 267.294 26.6527 269.36 26.6527C272.679 26.6527 274.949 27.5737 276.259 29.4455C277.511 31.3174 278.18 34.3777 278.18 38.567V51.7589H287V38.567C287 33.3972 286.476 29.2673 285.399 26.1179H285.428Z" fill="white" />
</svg></h2>
<div class="main-food_wrapper">
<div class="main-food_products">
<div class="main-food_products-card even">
<div class="main-food_products-card lamb">
<div class="main-food_products-card-img">
<div class="shadow-svg">
<svg width="239" height="240" viewBox="0 0 239 340" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -33,7 +44,7 @@
<button class="main-treats_products-cardbottom-btn">В корзину</button>
</div>
</div>
<div class="main-food_products-card odd">
<div class="main-food_products-card beef">
<div class="main-food_products-card-img">
<div class="shadow-svg">
<svg width="239" height="240" viewBox="0 0 239 340" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -63,7 +74,7 @@
<button class="main-food_products-cardbottom-btn">В корзину</button>
</div>
</div>
<div class="main-food_products-card even">
<div class="main-food_products-card lamb">
<div class="main-food_products-card-img">
<div class="shadow-svg">
<svg width="239" height="240" viewBox="0 0 239 340" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -93,7 +104,7 @@
<button class="main-treats_products-cardbottom-btn">В корзину</button>
</div>
</div>
<div class="main-food_products-card odd">
<div class="main-food_products-card beef">
<div class="main-food_products-card-img">
<div class="shadow-svg">
<svg width="239" height="240" viewBox="0 0 239 340" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -123,7 +134,7 @@
<button class="main-treats_products-cardbottom-btn">В корзину</button>
</div>
</div>
<div class="main-food_products-card even">
<div class="main-food_products-card lamb">
<div class="main-food_products-card-img">
<div class="shadow-svg">
<svg width="239" height="240" viewBox="0 0 239 340" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -153,7 +164,7 @@
<button class="main-treats_products-cardbottom-btn">В корзину</button>
</div>
</div>
<div class="main-food_products-card odd">
<div class="main-food_products-card beef">
<div class="main-food_products-card-img">
<div class="shadow-svg">
<svg width="239" height="240" viewBox="0 0 239 340" fill="none" xmlns="http://www.w3.org/2000/svg">

Write Preview
Loading…
Cancel
Save