diff --git a/wp-content/themes/cosmopet/static/css/new-front-page.css b/wp-content/themes/cosmopet/static/css/new-front-page.css index 8e04377..2343f9a 100644 --- a/wp-content/themes/cosmopet/static/css/new-front-page.css +++ b/wp-content/themes/cosmopet/static/css/new-front-page.css @@ -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; @@ -3649,4 +3667,28 @@ background: #fff; display: flex; justify-content: center; align-items: center; -} \ No newline at end of file +} + +.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; +} + diff --git a/wp-content/themes/cosmopet/static/img/about_slider-img7.png b/wp-content/themes/cosmopet/static/img/about_slider-img7.png new file mode 100644 index 0000000..2e27704 Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/about_slider-img7.png differ diff --git a/wp-content/themes/cosmopet/static/img/about_slider-img8.png b/wp-content/themes/cosmopet/static/img/about_slider-img8.png new file mode 100644 index 0000000..dfcd836 Binary files /dev/null and b/wp-content/themes/cosmopet/static/img/about_slider-img8.png differ diff --git a/wp-content/themes/cosmopet/static/js/new-front-page.js b/wp-content/themes/cosmopet/static/js/new-front-page.js index fb24e45..ae21c6f 100644 --- a/wp-content/themes/cosmopet/static/js/new-front-page.js +++ b/wp-content/themes/cosmopet/static/js/new-front-page.js @@ -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', diff --git a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-gallery.twig b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-gallery.twig index 341f7be..aaf5522 100644 --- a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-gallery.twig +++ b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-gallery.twig @@ -1,110 +1,24 @@ +{% set gallery = fn('get_field', 'gallery') %} +{% if gallery %} + +{% endif %} diff --git a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-ingredients.twig b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-ingredients.twig index 59a099d..5fea80d 100644 --- a/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-ingredients.twig +++ b/wp-content/themes/cosmopet/templates/_pages/new-front-page/main-ingredients.twig @@ -66,6 +66,29 @@

+ +