From df57279296ea23b39ac26945d08a545ce05ff794 Mon Sep 17 00:00:00 2001 From: "Anton.AE" Date: Sun, 30 Mar 2025 15:02:45 +0300 Subject: [PATCH] feat | Add multilang support for static pages --- .../global-functions/multilang-functions.php | 17 +- .../blog/assets/css/gp-style-desktop.css | 137 +---- .../header/assets/css/gp-style-desktop.css | 11 - .../static/about/css/style-adaptive.css | 580 ----------------- .../cosmopet/static/about/css/style.css | 582 ++++++++++++++++++ .../cosmopet/templates/about/about.twig | 2 +- .../templates/front-page/front-page.twig | 226 +++---- .../front-page/template-front-page.php | 12 + .../templates/production/production.twig | 6 +- 9 files changed, 705 insertions(+), 868 deletions(-) delete mode 100644 wp-content/themes/cosmopet/static/about/css/style-adaptive.css diff --git a/wp-content/themes/cosmopet/global-functions/multilang-functions.php b/wp-content/themes/cosmopet/global-functions/multilang-functions.php index 09319fd..cff45b2 100644 --- a/wp-content/themes/cosmopet/global-functions/multilang-functions.php +++ b/wp-content/themes/cosmopet/global-functions/multilang-functions.php @@ -23,4 +23,19 @@ pll_register_string ('Главная', 'Главная'); pll_register_string ('Подпишитесь, чтобы быть в курсе деятельности Cosmopet и узнавать о наших, предложениях. Обещаем не заваливать вас бесполезными письмами. А за подписку дарим -25% на весь ассортимент нашей продукции', 'Подпишитесь, чтобы быть в курсе деятельности Cosmopet и узнавать о наших предложениях. Обещаем не заваливать вас бесполезными письмами. А за подписку дарим -25% на весь ассортимент нашей продукции'); pll_register_string ('Подписываясь на рассылку, я даю согласие на обработку персональных данных, на получение рекламных сообщений и новостей о товарах и услугах', 'Подписываясь на рассылку, я даю согласие на обработку персональных данных, на получение рекламных сообщений и новостей о товарах и услугах'); pll_register_string ('подписаться', 'подписаться'); -pll_register_string ('Узнайте о нас больше и получите скидку!', 'Узнайте о нас больше и получите скидку!'); \ No newline at end of file +pll_register_string ('Узнайте о нас больше и получите скидку!', 'Узнайте о нас больше и получите скидку!'); +pll_register_string ('Это миф!', 'Это миф!'); +pll_register_string ('Это правда!', 'Это правда!'); +pll_register_string ('Правда', 'Правда'); +pll_register_string ('Миф', 'Миф'); +pll_register_string ('Далее', 'Далее'); +pll_register_string ('ваш результат', 'ваш результат'); +pll_register_string ('Скопировать', 'Скопировать'); +pll_register_string ('Скопировано', 'Скопировано'); +pll_register_string ('В магазин', 'В магазин'); +pll_register_string ('Наш блог', 'Наш блог'); +pll_register_string ('Новости рынка кормов и экологии, полезные статьи о здоровье домашних животных', 'Новости рынка кормов и экологии, полезные статьи о здоровье домашних животных'); +pll_register_string ('ЭТАПЫ ПРОИЗВОД­СТВА', 'ЭТАПЫ ПРОИЗВОД­СТВА'); +pll_register_string ('Этапы производс­тва корма', 'Этапы производс­тва корма'); +pll_register_string ('Все статьи', 'Все статьи'); +pll_register_string ('Узнать больше', 'Узнать больше'); diff --git a/wp-content/themes/cosmopet/modules/blog/assets/css/gp-style-desktop.css b/wp-content/themes/cosmopet/modules/blog/assets/css/gp-style-desktop.css index 5180e8d..63c5937 100644 --- a/wp-content/themes/cosmopet/modules/blog/assets/css/gp-style-desktop.css +++ b/wp-content/themes/cosmopet/modules/blog/assets/css/gp-style-desktop.css @@ -1,134 +1,3 @@ -/* Header */ -.header { - background: var(--main_white); - border-bottom: 1px solid var(--interface_title); - position: fixed; - top: 0; - left: 0; - width: 100%; - z-index: 4; -} - -.header-container { - display: flex; - align-items: center; - justify-content: space-between; - padding: 16px 0; -} - -.header-bars { - display: none; -} - -.header-logo { - display: flex; - align-items: center; - gap: 8px; -} - -.header-logo span { - color: var(---main_black); - font-size: 20px; - text-transform: uppercase; -} - -.header-navs { - display: flex; - align-items: center; - gap: 24px; -} - -.header-navs__link { - padding: 8px 12px; - font-size: 16px; - font-weight: bold; - text-transform: uppercase; - line-height: 20px; -} - -.header-accordion {} - -.header-accordion__btn { - display: flex; - align-items: center; - gap: 4px; - padding: 8px 12px; - border-radius: 24px; - background: var(--accent-2); - cursor: pointer; - user-select: none; - font-size: 16px; - font-weight: bold; - line-height: 20px; - color: var(---main_black); -} - -.header-right { - display: flex; - align-items: center; - gap: 8px; -} - -.header-lang__btn { - display: flex; - align-items: center; - cursor: pointer; - user-select: none; - gap: 4px; - padding: 12px 15px; - color: var(---main_black); - font-size: 16px; - font-weight: bold; - line-height: 20px; -} - -/* Header end */ - - - -@media only screen and (max-width: 992px) { - .header-navs { - display: none; - } - - .header-container { - height: 56px; - padding: 0; - } - - .header-bars { - display: flex; - align-items: center; - justify-content: center; - } - - .header-logo { - font-size: 16px; - line-height: 20px; - gap: 8px; - } - - .header-logo img { - width: 31px; - flex-shrink: 0; - } - - .header-lang { - display: none; - } - - .article-content p { - font-size: 18px; - line-height: 24px; - } - .article-content h2{ - font-size: 24px; - } - .article-content h3{ - font-size: 22px; - } - .article-content h4, .article-content h5, .article-content h6{ - font-size: 22px; - } -} - \ No newline at end of file +main{ + padding-top: 72px; +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/header/assets/css/gp-style-desktop.css b/wp-content/themes/cosmopet/modules/header/assets/css/gp-style-desktop.css index d857fc7..82761d5 100644 --- a/wp-content/themes/cosmopet/modules/header/assets/css/gp-style-desktop.css +++ b/wp-content/themes/cosmopet/modules/header/assets/css/gp-style-desktop.css @@ -525,11 +525,6 @@ background: #fff; width: 0px; } -main{ -padding-top: 72px; -} - - .modal__login { width: 412px; } @@ -685,9 +680,6 @@ padding-top: 72px; /* Стили для планшетов */ @media only screen and (max-width: 1200px) { /* header */ - main{ - padding-top: 64px; - } .main-menu{ display: none; } @@ -738,6 +730,3 @@ padding-top: 72px; } -.main-np{ - padding-top: 0 !important; -} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/about/css/style-adaptive.css b/wp-content/themes/cosmopet/static/about/css/style-adaptive.css deleted file mode 100644 index 2f7fc07..0000000 --- a/wp-content/themes/cosmopet/static/about/css/style-adaptive.css +++ /dev/null @@ -1,580 +0,0 @@ -@media only screen and (max-width: 1170px) { - .footer_form .footer_form-title h2, - .footer_box .footer_box-title{ - font-size: 30px; - line-height: 34px; - } - .footer_box .footer_box-link { - font-size: 20px; - line-height: 24px; - } - .pet_inputs .input_name{ - font-size: 22px; - padding: 31px 22px; - } - .section_title2 { - font-size: 70px; - } - .hero_title { - font-size: 78px; - padding: 150px 0; - } - .block_title { - font-size: 30px; - } - .block_title { - font-size: 24px; - } - .about .section_top, - .advantage_row2, - .diagram{ - margin: 0 0 150px 0; - } - .advantage_row{ - margin: 200px 0 150px 0; - } - .protein{ - margin: 150px 0 140px 0; - } -} - -@media only screen and (max-width: 950px){ - .footer_form .footer_form-info, - .footer_form .footer_form-inp input, - .footer_form .footer_form-inp{ - width: 100%; - } -.section_title{ - font-size: 48px; -} -.section_title2 { - font-size: 55px; -} -.description{ - font-size: 20px; -} -.hero_title { - font-size: 60px; - padding: 120px 0; -} -.hero .cont { - padding-top: 100px; - padding-bottom: 170px; -} -.faq_block .faq_top{ - padding: 30px 0; -} -.about{ - padding: 100px 0; -} -.about .section_top, .advantage_row2, .diagram { - margin: 0 0 100px 0; -} -.advantage_row .advantage_item:nth-child(3) { - margin: 74px 0 0 0; -} -.advantage_row{ - margin: 200px 0 100px 0; -} -.protein { - margin: 100px 0 140px 0; -} -.etaps_row{ - margin: 100px 0; -} -.etaps_col{ - gap: 100px; -} -.advantage_title { - font-size: 28px; -} -.protein .description:nth-child(4) { - bottom: 98px; -} -.protein .description:nth-child(3) { - bottom: 98px; -} -.etaps_anim{ - display: none; -} -.etaps_row{ - padding-right: 0; -} -} -@media only screen and (max-width: 776px){ - /* FAQ */ - .section_top .section_title{ - width: 100%; - } - .section_title{ - width: 100%; - } - .faq_item{ - padding: 0 40px 0 30px; - font-size: 18px; - } - .faq{ - padding: 0 0 80px 0; - } - .section_title2 { - font-size: 36px; - margin: 0 0 20px 0; - } - .description{ - font-size: 16px; - } - - .header_navs select{ - color: var(--grey-black); - border-color: var(--grey-black); - background-image: url(../img/i-arr_down_black.svg); - } - .hero_title { - font-size: 45px; - } - .hero_image{ - display: none; - } - .hero_image_mobile{ - display: block; - position: absolute; - top: 45px; - right: 50%; - transform: translate(50%,0); - z-index: -2; - mix-blend-mode: soft-light; - } - .home .home_line2, .hero .home_line2 { - position: absolute; - display: block; - top: 56px; - left: 0; - width: 108%; - z-index: -1; - } - .about .section_top{ - flex-direction: column; - gap: 0; - align-items: center; - } - .block_title { - font-size: 22px; - } - .about_top_image2{ - display: block; - } - .about_top_image{ - display: none; - } - .about{ - padding: 80px 0; - } - - /* FAQ */ - .faq_block .faq_item{ - padding: 0 40px 0 30px; - font-size: 18px; - } - .faq_section{ - padding: 120px 0; - } - .faq_block .faq_top { - padding: 25px 0; - } - - /* */ - .etap_right_anim{ - display: none; - } - .advantage_row .advantage_item:not(.for_border .advantage_item){ - width: 70%; - max-width: 100%; - } - .advantage_row .for_border:has(.advantage_item){ - max-width: 100%; - width: 100%; - } - .advantage_image{ - max-width: 150px; - max-height: 150px; - width: 100%; - height: auto; - object-fit: contain; - top: -100px; - } - .advantage_row .advantage_item:nth-child(2) .advantage_image { - top: -108px; - } - .advantage_row .advantage_item:nth-child(3) .advantage_image { - top: -115px; - } - .for_border .advantage_item{ - padding: 25px 24px 25px 30px; - } - .advantage_row .advantage_item:nth-child(3){ - margin: 0; - } - .advantage_row .advantage_item:nth-child(2){ - text-align: right; - display: flex; - flex-direction: column; - align-items: flex-end; - width: 100% !important; - } - .advantage_row .advantage_item:nth-child(2) .advantage_title, - .advantage_row .advantage_item:nth-child(2) .description{ - max-width: 60%; - } - .advantage_row .advantage_item:nth-child(2) .advantage_image{ - left: unset; - right: 0; - } - .advantage_row2{ - flex-direction: column-reverse; - gap: 90px; - } - .advantage_row2 .advantage_item:not(.for_border .advantage_item){ - width: 100%; - max-width: 100%; - } - .advantage_row{ - margin: 150px 0 100px 0; - gap: 90px; - } - .advantage_title:not(.advantage_row2 .advantage_title){ - width: 54%; - } - .etaps_row { - margin: 80px 0; - } - .etaps_col { - gap: 70px; - } - .about .section_top, .advantage_row2, .diagram { - margin: 0 0 80px 0; - } - .advantage_title { - font-size: 20px; - } - .protein .description:first-child { - top: -16px; - } - .protein .description:nth-child(2) { - top: -16px; - } - .protein .description:nth-child(3) { - bottom: 78px; - } - .protein .description:nth-child(4) { - bottom: 78px; - } -} - -@media only screen and (max-width: 576px){ - .section_title { - font-size: 26px; - } - .faq .section_desc{ - margin: 12px 0 0 0; - } - .faq .data_block{ - margin: 15px 0 0 0; - } - .faq_item{ - font-size: 12px; - padding: 0 14px; - border-width: 1px; - } - .faq_top { - padding: 25px 0; - } - .faq_body.open{ - margin: 0 0 14px 0; - } - .faq{ - padding: 0 0 45px 0; - } - - .section_title2 { - font-size: 26px; - margin: 0 0 12px 0; - } - .description{ - font-size: 12px; - line-height: 115%; - } - .main_link { - font-size: 12px; - line-height: 14.4px; - width: 129px; - height: 29px; - padding: 7px; - } - .hero .cont { - padding-top: 217px; - padding-bottom: 94px; - } - .hero_block { - display: flex; - flex-direction: column; - justify-content: flex-end; - gap: 18px; - padding: 0 0 54px 0; - } - .hero_title { - font-size: 32px; - width: 100%; - padding: 0; - } - - .block_title { - font-size: 12px; - line-height: 135%; - } - .about .section_top { - margin: 0 0 50px 0; - } - - .faq_block .faq_item{ - font-size: 12px; - padding: 0 14px; - } - .faq_block .faq_top { - padding: 20px 0; - } - .faq_block .faq_body{ - line-height: normal; - } - .faq_block .faq_body.open{ - margin: 0 0 14px 0; - line-height: normal; - } - /* */ - .about{ - padding: 40px 0 60px 0; - border-radius: 25px; - } - .about .section_top{ - margin: 0 0 50px 0; - } - .description:last-child{ - margin-bottom: 0; - } - .description{ - margin-top: 20px; - } - .advantage_title { - font-size: 12px; - margin: 0 0 5px 0; - } - .advantage_image2{ - margin: 10px 0 0 0; - } - .advantage_image{ - max-width: 87px; - max-height: 87px; - top: -55px; - } - .advantage_row .advantage_item:nth-child(2) .advantage_image { - top: -58px; - } - .advantage_row .advantage_item:nth-child(3) .advantage_image { - top: -70px; - } - .advantage_item .description:not(.for_border .description) { - width: 84%; - } - .for_border .advantage_item .description{ - line-height: 115%; - } - .advantage_row { - margin: 90px 0 70px 0; - gap: 64px; - } - .advantage_row .advantage_item:nth-child(2) .advantage_title, .advantage_row .advantage_item:nth-child(2) .description { - max-width: 66%; - } - .about .for_border{ - border-radius: 25px; - } - .about .for_border .advantage_item{ - border-radius: 23px; - padding: 17px 23px; - } - .advantage_row2{ - gap: 40px; - } - .advantage_row2, .diagram { - margin: 0 0 50px 0; - } - .protein { - margin: 50px 0; - } - .diagram_texts{ - margin: 2px 0 10px 0; - gap: 19px; - } - .diagram_texts .description { - width: 26.3%; - margin-top: 20px; - margin-bottom: 0; - } - .diagram img { - width: 110%; - left: -5%; - position: relative; - } - .etaps_row { - margin: 10px 0 0 0; - } - .mobile_none{ - display: none; - } - .desctop_none{ - display: block; - } - .etap_item{ - gap: 5px; - } - .etap_item img{ - width: 46px; - flex-shrink: 0; - height: 26px; - margin-right: -4px; - margin-left: -15px; - } - .etap_item .description{ - line-height: 135%; - margin-top: 0; - } - .etaps_col { - gap: 43px; - } - .description svg{ - width: 5px; - height: 11px; - } - .faq_section .section_title2{ - display: none; - } - .faq_block{ - border-width: 1px; - border-radius: 25px; - } - .faq_block .faq_item{ - border-width: 1px; - } - .faq_arr_down img{ - height: 4px; - width: 7px; - } - .faq_block .faq_title{ - line-height: 100%; - } - .mobile_none2{ - display: none; - } - .remined_text img{ - width: 17px; - height: 17px; - } - .protein .description{ - max-width: 106px; - } - .protein .description:first-child { - top: -5px; - transform: translateY(-100%); - margin-top: 0; - } - .protein .description:nth-child(2) { - top: -5px; - transform: translateY(-100%); - margin-top: 0; - } - .protein .description:nth-child(3) { - bottom: 59px; - } - .protein .description:nth-child(4) { - bottom: 57px; - } - .protein::before{ - top: -15%; - } - .etap_item:nth-child(2) .description { - max-width: 100%; - } - - .footer_form .footer_form-title h2, -.footer_box .footer_box-title{ - font-size: 12px; - line-height: 16.2px; - font-weight: 700; -} -.footer_box .footer_box-link{ - font-size: 12px; - line-height: 16.2px; -} -.footer_form-textarea textarea, -.footer_form-inp input { - height: 28px; - border: 1px solid var(--grey-black, #121212); - padding: 5px 18px; - font-size: 12px; - line-height: 14.4px; - opacity: .5; -} -.footer_block .footer_bottom a, -.footer_form-inp input::placeholder{ - font-size: 12px; - line-height: 14.4px; -} -.footer_form-textarea textarea{ - height: 123px; - padding: 7px 18px; - border-radius: 17px; -} -.footer_form .footer_form-textarea{ - display: flex; - flex-direction: column; - gap: 13px; -} -.footer_form-textarea .footer_form-btn{ - position: static; - width: 100%; -} -.footer_block .footer_social{ - gap: 14px; -} -.footer_block .footer_bottom a:nth-child(2){ - display: none; -} -.footer_form .footer_form-inp{ - flex-direction: column; -} -} - -@media only screen and (min-width: 576px){ - .mobile_none{ - display: block !important; - } - .data_block_title .mobile_none, - .collapse_input .mobile_none{ - display: inline !important; - } - .desctop_none{ - display: none !important; - } -} -@media only screen and (max-width: 450px){ - .protein .description:nth-child(3) { - bottom: 48px; - } - .protein .description:nth-child(4) { - bottom: 46px; - right: -25px; - } -} - -.advantage_item .description{ - margin-top: 0; -} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/about/css/style.css b/wp-content/themes/cosmopet/static/about/css/style.css index d0cda69..0bf147a 100644 --- a/wp-content/themes/cosmopet/static/about/css/style.css +++ b/wp-content/themes/cosmopet/static/about/css/style.css @@ -326,4 +326,586 @@ line-height: normal; text-transform: uppercase; color: var(--grey-black); +} + + +@media only screen and (max-width: 1170px) { + .footer_form .footer_form-title h2, + .footer_box .footer_box-title{ + font-size: 30px; + line-height: 34px; + } + .footer_box .footer_box-link { + font-size: 20px; + line-height: 24px; + } + .pet_inputs .input_name{ + font-size: 22px; + padding: 31px 22px; + } + .section_title2 { + font-size: 70px; + } + .hero_title { + font-size: 78px; + padding: 150px 0; + } + .block_title { + font-size: 30px; + } + .block_title { + font-size: 24px; + } + .about .section_top, + .advantage_row2, + .diagram{ + margin: 0 0 150px 0; + } + .advantage_row{ + margin: 200px 0 150px 0; + } + .protein{ + margin: 150px 0 140px 0; + } +} + +@media only screen and (max-width: 950px){ + .footer_form .footer_form-info, + .footer_form .footer_form-inp input, + .footer_form .footer_form-inp{ + width: 100%; + } +.section_title{ + font-size: 48px; +} +.section_title2 { + font-size: 55px; +} +.description{ + font-size: 20px; +} +.hero_title { + font-size: 60px; + padding: 120px 0; +} +.hero .cont { + padding-top: 100px; + padding-bottom: 170px; +} +.faq_block .faq_top{ + padding: 30px 0; +} +.about{ + padding: 100px 0; +} +.about .section_top, .advantage_row2, .diagram { + margin: 0 0 100px 0; +} +.advantage_row .advantage_item:nth-child(3) { + margin: 74px 0 0 0; +} +.advantage_row{ + margin: 200px 0 100px 0; +} +.protein { + margin: 100px 0 140px 0; +} +.etaps_row{ + margin: 100px 0; +} +.etaps_col{ + gap: 100px; +} +.advantage_title { + font-size: 28px; +} +.protein .description:nth-child(4) { + bottom: 98px; +} +.protein .description:nth-child(3) { + bottom: 98px; +} +.etaps_anim{ + display: none; +} +.etaps_row{ + padding-right: 0; +} +} +@media only screen and (max-width: 776px){ + /* FAQ */ + .section_top .section_title{ + width: 100%; + } + .section_title{ + width: 100%; + } + .faq_item{ + padding: 0 40px 0 30px; + font-size: 18px; + } + .faq{ + padding: 0 0 80px 0; + } + .section_title2 { + font-size: 36px; + margin: 0 0 20px 0; + } + .description{ + font-size: 16px; + } + + .header_navs select{ + color: var(--grey-black); + border-color: var(--grey-black); + background-image: url(../img/i-arr_down_black.svg); + } + .hero_title { + font-size: 45px; + } + .hero_image{ + display: none; + } + .hero_image_mobile{ + display: block; + position: absolute; + top: 45px; + right: 50%; + transform: translate(50%,0); + z-index: -2; + mix-blend-mode: soft-light; + } + .home .home_line2, .hero .home_line2 { + position: absolute; + display: block; + top: 56px; + left: 0; + width: 108%; + z-index: -1; + } + .about .section_top{ + flex-direction: column; + gap: 0; + align-items: center; + } + .block_title { + font-size: 22px; + } + .about_top_image2{ + display: block; + } + .about_top_image{ + display: none; + } + .about{ + padding: 80px 0; + } + + /* FAQ */ + .faq_block .faq_item{ + padding: 0 40px 0 30px; + font-size: 18px; + } + .faq_section{ + padding: 120px 0; + } + .faq_block .faq_top { + padding: 25px 0; + } + + /* */ + .etap_right_anim{ + display: none; + } + .advantage_row .advantage_item:not(.for_border .advantage_item){ + width: 70%; + max-width: 100%; + } + .advantage_row .for_border:has(.advantage_item){ + max-width: 100%; + width: 100%; + } + .advantage_image{ + max-width: 150px; + max-height: 150px; + width: 100%; + height: auto; + object-fit: contain; + top: -100px; + } + .advantage_row .advantage_item:nth-child(2) .advantage_image { + top: -108px; + } + .advantage_row .advantage_item:nth-child(3) .advantage_image { + top: -115px; + } + .for_border .advantage_item{ + padding: 25px 24px 25px 30px; + } + .advantage_row .advantage_item:nth-child(3){ + margin: 0; + } + .advantage_row .advantage_item:nth-child(2){ + text-align: right; + display: flex; + flex-direction: column; + align-items: flex-end; + width: 100% !important; + } + .advantage_row .advantage_item:nth-child(2) .advantage_title, + .advantage_row .advantage_item:nth-child(2) .description{ + max-width: 60%; + } + .advantage_row .advantage_item:nth-child(2) .advantage_image{ + left: unset; + right: 0; + } + .advantage_row2{ + flex-direction: column-reverse; + gap: 90px; + } + .advantage_row2 .advantage_item:not(.for_border .advantage_item){ + width: 100%; + max-width: 100%; + } + .advantage_row{ + margin: 150px 0 100px 0; + gap: 90px; + } + .advantage_title:not(.advantage_row2 .advantage_title){ + width: 54%; + } + .etaps_row { + margin: 80px 0; + } + .etaps_col { + gap: 70px; + } + .about .section_top, .advantage_row2, .diagram { + margin: 0 0 80px 0; + } + .advantage_title { + font-size: 20px; + } + .protein .description:first-child { + top: -16px; + } + .protein .description:nth-child(2) { + top: -16px; + } + .protein .description:nth-child(3) { + bottom: 78px; + } + .protein .description:nth-child(4) { + bottom: 78px; + } +} + +@media only screen and (max-width: 576px){ + .section_title { + font-size: 26px; + } + .faq .section_desc{ + margin: 12px 0 0 0; + } + .faq .data_block{ + margin: 15px 0 0 0; + } + .faq_item{ + font-size: 12px; + padding: 0 14px; + border-width: 1px; + } + .faq_top { + padding: 25px 0; + } + .faq_body.open{ + margin: 0 0 14px 0; + } + .faq{ + padding: 0 0 45px 0; + } + + .section_title2 { + font-size: 26px; + margin: 0 0 12px 0; + } + .description{ + font-size: 12px; + line-height: 115%; + } + .main_link { + font-size: 12px; + line-height: 14.4px; + width: 129px; + height: 29px; + padding: 7px; + } + .hero .cont { + padding-top: 217px; + padding-bottom: 94px; + } + .hero_block { + display: flex; + flex-direction: column; + justify-content: flex-end; + gap: 18px; + padding: 0 0 54px 0; + } + .hero_title { + font-size: 32px; + width: 100%; + padding: 0; + } + + .block_title { + font-size: 12px; + line-height: 135%; + } + .about .section_top { + margin: 0 0 50px 0; + } + + .faq_block .faq_item{ + font-size: 12px; + padding: 0 14px; + } + .faq_block .faq_top { + padding: 20px 0; + } + .faq_block .faq_body{ + line-height: normal; + } + .faq_block .faq_body.open{ + margin: 0 0 14px 0; + line-height: normal; + } + /* */ + .about{ + padding: 40px 0 60px 0; + border-radius: 25px; + } + .about .section_top{ + margin: 0 0 50px 0; + } + .description:last-child{ + margin-bottom: 0; + } + .description{ + margin-top: 20px; + } + .advantage_title { + font-size: 12px; + margin: 0 0 5px 0; + } + .advantage_image2{ + margin: 10px 0 0 0; + } + .advantage_image{ + max-width: 87px; + max-height: 87px; + top: -55px; + } + .advantage_row .advantage_item:nth-child(2) .advantage_image { + top: -58px; + } + .advantage_row .advantage_item:nth-child(3) .advantage_image { + top: -70px; + } + .advantage_item .description:not(.for_border .description) { + width: 84%; + } + .for_border .advantage_item .description{ + line-height: 115%; + } + .advantage_row { + margin: 90px 0 70px 0; + gap: 64px; + } + .advantage_row .advantage_item:nth-child(2) .advantage_title, .advantage_row .advantage_item:nth-child(2) .description { + max-width: 66%; + } + .about .for_border{ + border-radius: 25px; + } + .about .for_border .advantage_item{ + border-radius: 23px; + padding: 17px 23px; + } + .advantage_row2{ + gap: 40px; + } + .advantage_row2, .diagram { + margin: 0 0 50px 0; + } + .protein { + margin: 50px 0; + } + .diagram_texts{ + margin: 2px 0 10px 0; + gap: 19px; + } + .diagram_texts .description { + width: 26.3%; + margin-top: 20px; + margin-bottom: 0; + } + .diagram img { + width: 110%; + left: -5%; + position: relative; + } + .etaps_row { + margin: 10px 0 0 0; + } + .mobile_none{ + display: none; + } + .desctop_none{ + display: block; + } + .etap_item{ + gap: 5px; + } + .etap_item img{ + width: 46px; + flex-shrink: 0; + height: 26px; + margin-right: -4px; + margin-left: -15px; + } + .etap_item .description{ + line-height: 135%; + margin-top: 0; + } + .etaps_col { + gap: 43px; + } + .description svg{ + width: 5px; + height: 11px; + } + .faq_section .section_title2{ + display: none; + } + .faq_block{ + border-width: 1px; + border-radius: 25px; + } + .faq_block .faq_item{ + border-width: 1px; + } + .faq_arr_down img{ + height: 4px; + width: 7px; + } + .faq_block .faq_title{ + line-height: 100%; + } + .mobile_none2{ + display: none; + } + .remined_text img{ + width: 17px; + height: 17px; + } + .protein .description{ + max-width: 106px; + } + .protein .description:first-child { + top: -5px; + transform: translateY(-100%); + margin-top: 0; + } + .protein .description:nth-child(2) { + top: -5px; + transform: translateY(-100%); + margin-top: 0; + } + .protein .description:nth-child(3) { + bottom: 59px; + } + .protein .description:nth-child(4) { + bottom: 57px; + } + .protein::before{ + top: -15%; + } + .etap_item:nth-child(2) .description { + max-width: 100%; + } + + .footer_form .footer_form-title h2, +.footer_box .footer_box-title{ + font-size: 12px; + line-height: 16.2px; + font-weight: 700; +} +.footer_box .footer_box-link{ + font-size: 12px; + line-height: 16.2px; +} +.footer_form-textarea textarea, +.footer_form-inp input { + height: 28px; + border: 1px solid var(--grey-black, #121212); + padding: 5px 18px; + font-size: 12px; + line-height: 14.4px; + opacity: .5; +} +.footer_block .footer_bottom a, +.footer_form-inp input::placeholder{ + font-size: 12px; + line-height: 14.4px; +} +.footer_form-textarea textarea{ + height: 123px; + padding: 7px 18px; + border-radius: 17px; +} +.footer_form .footer_form-textarea{ + display: flex; + flex-direction: column; + gap: 13px; +} +.footer_form-textarea .footer_form-btn{ + position: static; + width: 100%; +} +.footer_block .footer_social{ + gap: 14px; +} +.footer_block .footer_bottom a:nth-child(2){ + display: none; +} +.footer_form .footer_form-inp{ + flex-direction: column; +} +} + +@media only screen and (min-width: 576px){ + .mobile_none{ + display: block !important; + } + .data_block_title .mobile_none, + .collapse_input .mobile_none{ + display: inline !important; + } + .desctop_none{ + display: none !important; + } +} +@media only screen and (max-width: 450px){ + .protein .description:nth-child(3) { + bottom: 48px; + } + .protein .description:nth-child(4) { + bottom: 46px; + right: -25px; + } +} + +.advantage_item .description{ + margin-top: 0; } \ No newline at end of file diff --git a/wp-content/themes/cosmopet/templates/about/about.twig b/wp-content/themes/cosmopet/templates/about/about.twig index 50d5618..0772953 100644 --- a/wp-content/themes/cosmopet/templates/about/about.twig +++ b/wp-content/themes/cosmopet/templates/about/about.twig @@ -7,7 +7,7 @@

{{title}}

- Узнать больше + {{ function('pll_e', 'Узнать больше') }}
hero image diff --git a/wp-content/themes/cosmopet/templates/front-page/front-page.twig b/wp-content/themes/cosmopet/templates/front-page/front-page.twig index 9105321..b38919d 100644 --- a/wp-content/themes/cosmopet/templates/front-page/front-page.twig +++ b/wp-content/themes/cosmopet/templates/front-page/front-page.twig @@ -76,7 +76,7 @@
-
отзывы Покупателей
+
{{about_rev_title}}
{% for item in about_rev %} @@ -96,7 +96,7 @@
-

Отзывы
ветеринаров

+

{{reviews_title}}

{% if post.meta('reviews_repeater') %} @@ -148,7 +148,7 @@ -

проверьте
свои знания
и получите подарок!

+

{{ q_title }}

@@ -161,19 +161,18 @@
-
Правда или миф?
+
{{ q_1.title }}
-

Индейка - самый гипоаллергенный протеин для кошек и собак

+

{{ q_1.text }}

- - + +
- + {{ q_1.img.alt }}
@@ -185,16 +184,13 @@
-
Это миф!
+
{{ function('pll_e', 'Это миф!') }}
-

E-protein — легкоперевариваемый энтопротеин — самый гипоаллергенный белок для - питомцев из-за его особого строения. А еще такой вид протеина является новым - источником белка для питомцев, поэтому риск появления аллергии на него крайне - низок.

+

{{ q_1.text_true }}

- +
@@ -209,16 +205,13 @@
-
Это миф!
+
{{ function('pll_e', 'Это миф!') }}
-

E-protein — легкоперевариваемый энтопротеин — самый гипоаллергенный белок для - питомцев из-за его особого строения. А еще такой вид протеина является новым - источником белка для питомцев, поэтому риск появления аллергии на него крайне - низок.

+

{{ q_1.text_true }}

- +
@@ -235,19 +228,20 @@
-
Правда или миф?
+ +

{{ q_2.title }}

-

Сухого корма недостаточно для поддержания здоровья питомца

+

{{ q_2.text }}

- - + +
- + {{ q_2.img.alt }}
@@ -259,18 +253,14 @@
-
Это миф!
+
{{ function('pll_e', 'Это миф!') }}
-

Качественные сухие корма специально разработаны - с целью обеспечить животное белками, жирами, витаминами, минералами и другими - питательными веществами, поданными в грамотной пропорции.  - А еще сухие гранулы полезны для зубов питомца, поскольку помогают удалить налет - и зубной камень. +

{{q_2.text_true}}

- +
@@ -285,18 +275,14 @@
-
Это миф!
+
{{ function('pll_e', 'Это миф!') }}
-

Качественные сухие корма специально разработаны - с целью обеспечить животное белками, жирами, витаминами, минералами и другими - питательными веществами, поданными в грамотной пропорции.  - А еще сухие гранулы полезны для зубов питомца, поскольку помогают удалить налет - и зубной камень. +

{{q_2.text_true}}

- +
@@ -313,19 +299,18 @@
-
Правда или миф?
+
{{q_2.title}}
-

Переводить питомца на новый корм нужно постепенно

+

{{q_3.text}}

- - + +
- +
@@ -337,27 +322,20 @@
-
Это правда!
+
{{ function('pll_e', 'Это правда!') }}
-

Переход между двумя рационами должен происходить постепенно. Резкие изменения в - рационе могут вызвать расстройство желудка. А некоторые домашние животные после - таких потрясений могут окончательно потерять аппетит и начать отказываться от - качественного, подходящего им корма. Классическая схема перехода занимает - неделю:

+

{{q_3.text_true}}

- +
- - - - + {% for img in q3.img_list %} + {{ item.img.alt }} + {% endfor %} +
-
Это правда!
+
{{ function('pll_e', 'Это правда!') }}
-

Переход между двумя рационами должен происходить постепенно. Резкие изменения в - рационе могут вызвать расстройство желудка. А некоторые домашние животные после - таких потрясений могут окончательно потерять аппетит и начать отказываться от - качественного, подходящего им корма. Классическая схема перехода занимает - неделю:

+

{{q_3.text_true}}

- +
- - - - + {% for img in q3.img_list_err %} + {{ item.img.alt }} + {% endfor %}
-
Правда или миф?
+
{{q_4.text_title}}
-

Котят и щенят нельзя кормить кормом для взрослых питомцев на постоянной - основе

+

{{q_4.text}}

- - + +
- + {{q_4.img.alt}}
@@ -435,17 +404,13 @@ -
Это правда!
+
{{ function('pll_e', 'Это правда!') }}
-

Корм для щенков и котят содержит больше жиров, белков и калорий. Малыши быстро - растут, а повышенный метаболизм означает и высокую потребность в энергии. Поэтому - если кормить щенков и котят кормом для взрослых, то им будет недоставать - питательных веществ. А кормление взрослых питомцев кормом для маленьких приведет - к набору веса.

+

{{q_4.text_true}}

- +
@@ -460,17 +425,13 @@
-
Это правда!
+
{{ function('pll_e', 'Это правда!') }}
-

Корм для щенков и котят содержит больше жиров, белков и калорий. Малыши быстро - растут, а повышенный метаболизм означает и высокую потребность в энергии. Поэтому - если кормить щенков и котят кормом для взрослых, то им будет недоставать - питательных веществ. А кормление взрослых питомцев кормом для маленьких приведет - к набору веса.

+

{{q_4.text_true}}

- +
@@ -487,20 +448,20 @@
-
Правда или миф?
+
{{q_5.title}}
-

Сухой и горячий нос у питомца - симптом заболевания

+

{{q_5.text}}

- - + +
+ src="{{q_5.img.url}}" + alt="{{q_5.img.alt}}">
@@ -512,16 +473,13 @@ -
Это миф!
+
{{ function('pll_e', 'Это миф!') }}
-

И очень распространенный миф. В действительности, сухой - и горячий носик не является маркером какого-либо заболевания. А может, например, - говорить о том, что питомец спит, недавно проснулся или только что очень активно - играл.

+

{{q_5.text_true}}

- +
@@ -536,15 +494,13 @@
-
Это миф!
+
{{ function('pll_e', 'Это миф!') }}
-

И очень распространенный миф. В действительности, сухой и горячий носик не - является маркером какого-либо заболевания. А может, например, говорить о том, - что питомец спит, недавно проснулся или только что очень активно играл.

+
- +
@@ -554,7 +510,7 @@
-
ваш результат
+
{{ function('pll_e', 'ваш результат') }}
@@ -562,21 +518,17 @@
-

Дарим промокод на первую покупку в нашем магазине - 15% +

{{promo_text}}

-
cosmoheroes
+
{{promo}}
- В магазин + data-copy="{{promo}}">{{ function('pll_e', 'Скопировать') }}{{ function('pll_e', 'Скопировано') }} + {{ function('pll_e', 'В магазин') }}
- +
@@ -617,11 +569,11 @@
-

Наш блог

+

{{ function('pll_e', 'Наш блог') }}

-

Новости рынка кормов и экологии, полезные статьи о здоровье домашних животных

- Все статьи +

{{ function('pll_e', 'Новости рынка кормов и экологии, полезные статьи о здоровье домашних животных') }}

+ {{ function('pll_e', 'Все статьи') }}
@@ -639,7 +591,7 @@

{{ post.title }}

{{ post.excerpt }} ...

-
читать статью
+
{{ function('pll_e', 'читать статью') }}
@@ -659,7 +611,7 @@
-

Узнайте о нас
больше
и получите
скидку! +

{{sub_title}}

-
+

    @@ -683,14 +635,12 @@ -
    +
    -

    Подписываясь на рассылку, я даю согласие на обработку персональных - данных, на получение рекламных сообщений и новостей о товарах и услугах

    -

    Подпишитесь, чтобы быть в курсе деятельности Cosmopet и узнавать о - наших предложениях. Обещаем не заваливать вас бесполезными письмами. А за подписку дарим - -25% на весь ассортимент нашей продукции

    +

    + {{ function('pll_e', 'Подписываясь на рассылку, я даю согласие на обработку персональных данных, на получение рекламных сообщений и новостей о товарах и услугах') }}

    +

    {{sub_text}}

    diff --git a/wp-content/themes/cosmopet/templates/front-page/template-front-page.php b/wp-content/themes/cosmopet/templates/front-page/template-front-page.php index fd6e7a5..9a6b9f1 100644 --- a/wp-content/themes/cosmopet/templates/front-page/template-front-page.php +++ b/wp-content/themes/cosmopet/templates/front-page/template-front-page.php @@ -61,7 +61,19 @@ $context['about_comp_logo'] = get_field('about_comp_logo'); $context['about_rev'] = get_field('about_rev'); $context['reviews_repeater'] = get_field('reviews_repeater'); $context['blog_posts'] = get_blog_posts_data(); +$context['about_rev_title'] = get_field('about_rev_title'); +$context['q_title'] = get_field('q_title'); +$context['reviews_title'] = get_field('reviews_title'); +$context['q_1'] = get_field('q_1'); +$context['q_2'] = get_field('q_2'); +$context['q_3'] = get_field('q_3'); +$context['q_4'] = get_field('q_4'); +$context['q_5'] = get_field('q_5'); +$context['promo'] = get_field('promo'); +$context['promo_text'] = get_field('promo_text'); +$context['sub_title'] = get_field('sub_title'); +$context['sub_text'] = get_field('sub_text'); Timber::render('templates/front-page/front-page.twig', $context); ?> diff --git a/wp-content/themes/cosmopet/templates/production/production.twig b/wp-content/themes/cosmopet/templates/production/production.twig index 5fe9fba..2ae13ca 100644 --- a/wp-content/themes/cosmopet/templates/production/production.twig +++ b/wp-content/themes/cosmopet/templates/production/production.twig @@ -10,7 +10,7 @@

    {{title}}

    - У{{btn_text}} + {{btn_text}}
    @@ -26,7 +26,7 @@

    {{ item.text }}

    {% endfor %}
    -
    ЭТАПЫ ПРОИЗВОД­СТВА
    +
    {{ function('pll_e', 'ЭТАПЫ ПРОИЗВОД­СТВА') }}
    {% if steps_1[0] is defined %} @@ -178,7 +178,7 @@
    -
    Этапы производс­тва корма
    +
    {{ function('pll_e', 'Этапы производс­тва корма') }}
    {% for item in steps_2 %}