diff --git a/wp-content/themes/dekart/assets/css/camp.css b/wp-content/themes/dekart/assets/css/camp.css index e23a852..44ca13f 100644 --- a/wp-content/themes/dekart/assets/css/camp.css +++ b/wp-content/themes/dekart/assets/css/camp.css @@ -31,7 +31,7 @@ html { padding: 0 20px; } -p { +.camp p { font-weight: 400; margin: 0 0 30px 0; padding: 0; @@ -201,10 +201,6 @@ p { overflow: hidden; } -.modal-programs__content { - max-width: 860px; - overflow-y: auto; -} /* banner END */ @@ -944,15 +940,14 @@ p { .modal-programs, .modal-mentors { position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; + inset: 0; display: none; align-items: center; justify-content: center; - background-color: #000000ce; + background: rgba(0,0,0,0.8); z-index: 100; + padding: 16px; + overflow-y: auto; } .modal-programs.open, @@ -960,30 +955,140 @@ p { display: flex; } -.modal-programs-wrapper { +.modal-programs__card { position: relative; display: flex; - gap: 30px; - border-radius: 30px; - background-color: #fff; - padding: 40px; - max-width: 90%; - max-height: 90%; + flex-direction: column; + gap: 0; + width: 100%; + max-width: 720px; + margin: auto; + background: #fff; + border-radius: 24px; + overflow: visible; +} + +.modal-programs__close { + position: absolute; + top: 12px; + right: 12px; + z-index: 10; + width: 32px; + height: 32px; + border-radius: 50%; + border: none; + background: rgba(0,0,0,0.35); + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + transition: background .2s; +} + +.modal-programs__close:hover { + background: rgba(0,0,0,0.6); } .modal-programs__img { - min-width: 260px; - height: 260px; - border-radius: 30px; + width: 100%; + aspect-ratio: 16 / 10; overflow: hidden; + border-radius: 24px 24px 0 0; } .modal-programs__img img { - width: 100%; - height: 100%; - object-fit: contain; + width: 100%; + height: 100%; + object-fit: cover; + display: block; +} + +.modal-programs__body { + display: flex; + flex-direction: column; + gap: 12px; + padding: 24px 20px 28px; +} + +.modal-programs__body .programs__item_title { + font-family: Montserrat, sans-serif; + font-size: 22px; + font-weight: 700; + line-height: 1.3; + color: #1c2b2d; + margin: 0; +} + +.modal-programs__body .programs__item_price { + font-size: 20px; + font-weight: 700; + color: #3bb273; + margin: 0; +} + +.programs__content { + font-size: 16px; + line-height: 1.7; + color: #333; + margin-top: 4px; + white-space: pre-line; +} + +.programs__content p { + margin: 0 0 16px; +} + +.programs__content p:last-child { + margin-bottom: 0; +} + +.programs__content ul, +.programs__content ol { + margin: 0 0 16px; + padding-left: 20px; +} + +.programs__content li { + margin-bottom: 8px; + line-height: 1.6; +} + +.programs__content strong { + font-weight: 700; + color: #1c2b2d; +} + +@media (min-width: 641px) { + .modal-programs__card { + flex-direction: row; + } + .modal-programs__img { + min-width: 260px; + width: 260px; + aspect-ratio: auto; + height: 260px; + border-radius: 20px; + margin: 28px 0 28px 28px; + } + .modal-programs__body { + padding: 28px 28px 28px 0; + } + .modal-programs__body .programs__item_title { + font-size: 24px; + } +} + +@media (min-width: 1024px) { + .modal-programs__img { + min-width: 300px; + width: 300px; + height: 300px; + margin: 36px 0 36px 36px; + } + .modal-programs__body { + padding: 36px 36px 36px 0; + } } -.btn-close-modal { position: absolute; top: 16px; right: 16px; z-index: 10; width: 36px; height: 36px; border-radius: 50%; border: none; background: rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .2s;}.btn-close-modal:hover { background: rgba(0,0,0,0.65);}.btn-close-modal svg { width: 18px; height: 18px;}.btn-close-modal svg g { stroke: #fff; fill: #fff;}.btn-close-mentors { position: absolute; bottom: 100%; left: 100%; border: none; background: none; cursor: pointer;} /* modal END */ /* bring-child */ @@ -1925,6 +2030,12 @@ p { .hero-media-search__propositions.on-mobile h3 { font-size: 14px; } .hero-media-search__propositions.on-mobile p { font-size: 14px; } +@media (max-width: 1023px) { + .camp .hero-media-search { + padding-top: clamp(60px, 8vw, 100px); + } +} + .hero-cta__text { font-size: 16.1px; text-align: center; @@ -2079,9 +2190,6 @@ p { border-radius: clamp(26px, 3.33vw, 40px); } - .modal-programs__content { - max-width: clamp(559px, 71.67vw, 860px); - } margin-top: clamp(20px, 2.5vw, 30px); gap: clamp(26px, 3.33vw, 40px); @@ -2130,21 +2238,8 @@ p { padding: clamp(10px, 1.25vw, 15px) clamp(20px, 2.5vw, 30px); } - .modal-programs-wrapper { - gap: clamp(20px, 2.5vw, 30px); - border-radius: clamp(20px, 2.5vw, 30px); - padding: clamp(26px, 3.33vw, 40px); - } - .modal-programs__content p { - margin-bottom: clamp(10px, 1.25vw, 15px); - } - .modal-programs__img { - min-width: clamp(169px, 21.67vw, 260px); - height: clamp(169px, 21.67vw, 260px); - border-radius: clamp(20px, 2.5vw, 30px); - } .bring-child-wrapper { gap: clamp(26px, 3.33vw, 40px); @@ -2810,17 +2905,6 @@ p { left: -20px; top: 40%; } - .modal-programs-wrapper { - gap: 15px; - border-radius: 10px; - padding: 15px; - max-width: 95%; - flex-direction: column; - } - .modal-programs__img { - height: auto; - border-radius: 10px; - } .modal-mentors-wrapper { position: relative; padding: 15px; diff --git a/wp-content/themes/dekart/assets/js/camp.js b/wp-content/themes/dekart/assets/js/camp.js index 9b5086b..1a23272 100644 --- a/wp-content/themes/dekart/assets/js/camp.js +++ b/wp-content/themes/dekart/assets/js/camp.js @@ -36,7 +36,7 @@ document.addEventListener("click", function (event) { const target = event.target; if (target.classList.contains("btn-close-request-form-camp")) { - modalCampRequestForm.style="display: none;"; + modalCampRequestForm.style.display = "none"; return; } @@ -107,3 +107,12 @@ document.addEventListener("click", function (event) { card.style.transitionDelay = (i * 0.08) + 's'; }); })(); + +document.querySelectorAll('.box__accordion_label').forEach(function(label) { + label.addEventListener('keydown', function(e) { + if (e.key === 'Enter' || e.key === ' ') { + e.preventDefault(); + this.click(); + } + }); +}); diff --git a/wp-content/themes/dekart/functions.php b/wp-content/themes/dekart/functions.php index dd96263..b19b78e 100644 --- a/wp-content/themes/dekart/functions.php +++ b/wp-content/themes/dekart/functions.php @@ -840,7 +840,7 @@ function enqueue_template_specific_styles() { 'template-specific-style', get_template_directory_uri() . '/assets/css/camp.css', array(), - '1.2' + '1.3' ); wp_enqueue_script( 'camp-script', @@ -1013,18 +1013,6 @@ add_filter('acf/settings/load_json', function($paths) { return $paths; }); -// === ACF JSON Auto-save === -// Автоматически сохраняет группы полей в JSON при редактировании -add_filter('acf/settings/save_json', function($path) { - return get_stylesheet_directory() . '/acf-json'; -}); - -// Загружает группы полей из JSON -add_filter('acf/settings/load_json', function($paths) { - $paths[] = get_stylesheet_directory() . '/acf-json'; - return $paths; -}); - // Автоматическое удаление JSON при удалении группы полей add_action('trashed_post', 'dekart_acf_delete_json', 10, 1); add_action('deleted_post', 'dekart_acf_delete_json', 10, 1); diff --git a/wp-content/themes/dekart/page-camp.php b/wp-content/themes/dekart/page-camp.php index 416b19a..8d407cb 100644 --- a/wp-content/themes/dekart/page-camp.php +++ b/wp-content/themes/dekart/page-camp.php @@ -9,13 +9,11 @@ get_header(); $post_id = get_the_ID(); $priceMin = 1000000; -$priceMax = 0; $programs = carbon_get_post_meta($post_id, 'programs' ); if (is_array($programs)) { foreach ($programs as $item) { $price = (int)$item['programs_price']; - if ($price > $priceMax) $priceMax = $price; if ($price < $priceMin) $priceMin = $price; } } @@ -99,12 +97,12 @@ $metrics = [
- - → - -

Один пробный день — за наш счёт. Оцените качество сами, а решение примете после.

+ + → + +

Один пробный день — за наш счёт. Оцените качество сами, а решение примете после.

+
-
@@ -189,7 +187,7 @@ $metrics = [ ⭐ 2500+ мам доверили нам лето
- Хочу на пробный день → + Хочу на пробный день →
@@ -298,6 +296,8 @@ $metrics = [
+ + - $alt - "; + $alt = esc_attr(get_post_meta( $item['foto'], '_wp_attachment_image_alt', true )); + $HTMLimgs .= "
+ $alt +
"; } } ?>
@@ -580,7 +580,7 @@ $metrics = [ $questions_question = $item['questions_question']; $questions_answer = $item['questions_answer']; $accordion_item = "
-
+
" . esc_html($questions_question) . " @@ -651,34 +651,24 @@ $metrics = [