leto/shkola
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Лагерь: Секция Hero

Browse Source
This commit is contained in:
Dekart Deploy Bot 2026-05-09 13:34:44 +03:00
parent 3ae91d5bfe
commit 3f032b2ebb
5 changed files with 159 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
wp-content/themes/dekart/assets/css/camp.css
View File

@ -2498,3 +2498,41 @@ p {
@media (min-width: 1024px) {
.hero-media-search__wrapper .hero-media-search__form { display: none; }
}
.hero-cta__text {
font-size: 16.1px;
text-align: center;
color: #555;
margin-bottom: 8px;
font-weight: 500;
}
.btn-write-camp {
background-color: #39b7ea;
color: #fff;
border: 2px solid #0c161f;
padding: 12px 36px;
font-size: 16px;
font-weight: 700;
border-radius: 100px;
cursor: pointer;
transition: .3s;
display: block;
width: 100%;
text-decoration: none;
text-align: center;
box-sizing: border-box;
}
.btn-write-camp:hover {
background-color: #2d9fd6;
color: #fff;
}
.on-desktop { display: none; }
.on-mobile { display: block; }
@media (min-width: 768px) {
.on-desktop { display: block; }
.on-mobile { display: none; }
}

1
wp-content/themes/dekart/functions.php
View File

@ -1,4 +1,5 @@
<?php
require_once get_template_directory() . '/inc/helpers.php';
/* --- Удаляем мета из YOASTSEO START--- */
add_filter( 'wpseo_json_ld_output', '__return_false' );
/* --- Удаляем мета из YOASTSEO END --- */

8
wp-content/themes/dekart/inc/helpers.php Normal file
View File

@ -0,0 +1,8 @@
<?php
if ( ! function_exists( 'render_hero_metric' ) ) :
function render_hero_metric( array $metric ): void {
set_query_var( 'hero_metric', $metric );
get_template_part( 'template-parts/hero-metric' );
}
endif;

164
wp-content/themes/dekart/page-camp.php
View File

@ -28,108 +28,116 @@ var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
</script>
<!-- / ПОПАП БИТРИКСА -->
<main class="camp container_camp">
<?php
$banner_img = carbon_get_post_meta( $post_id, 'banner_img' );
// === Получаем данные Carbon Fields один раз ===
$hero_h1 = carbon_get_post_meta( $post_id, 'hero_title_h1' ) ?: 'Детский лагерь Декарт.';
$hero_span = carbon_get_post_meta( $post_id, 'hero_title_span' ) ?: 'Яркое лето без забот!';
$btn_text = carbon_get_post_meta( $post_id, 'hero_btn_primary' ) ?: 'Записаться на пробный день';
$hero_img_id = carbon_get_post_meta( $post_id, 'banner_img' );
$metrics = [
[
'img' => carbon_get_post_meta( $post_id, 'hero_metric_1_img' ),
'number' => carbon_get_post_meta( $post_id, 'hero_metric_1_number' ) ?: '90+',
'label' => carbon_get_post_meta( $post_id, 'hero_metric_1_label' ) ?: 'Количество клубов',
'default_icon' => get_template_directory_uri() . '/assets/images/doodles/icon-home.png',
],
[
'img' => carbon_get_post_meta( $post_id, 'hero_metric_2_img' ),
'number' => carbon_get_post_meta( $post_id, 'hero_metric_2_number' ) ?: '570K+',
'label' => carbon_get_post_meta( $post_id, 'hero_metric_2_label' ) ?: 'Юных инноваторов',
'default_icon' => get_template_directory_uri() . '/assets/images/doodles/icon-bulb.png',
],
[
'img' => carbon_get_post_meta( $post_id, 'hero_metric_3_img' ),
'number' => carbon_get_post_meta( $post_id, 'hero_metric_3_number' ) ?: '49K+',
'label' => carbon_get_post_meta( $post_id, 'hero_metric_3_label' ) ?: 'Стипендий',
'default_icon' => get_template_directory_uri() . '/assets/images/doodles/icon-award.png',
],
];
/**
* Вывод одной метрики (встроенная функция для удобства деплоя)
*/
if ( ! function_exists( 'render_hero_metric' ) ) :
function render_hero_metric( array $metric ): void {
$icon_url = ! empty( $metric['img'] )
? wp_get_attachment_url( $metric['img'] )
: $metric['default_icon'];
?>
<div class="wrapper__propositions">
<img src="<?php echo esc_url( $icon_url ); ?>" alt="">
<h3><?php echo esc_html( $metric['number'] ); ?></h3>
<p><?php echo esc_html( $metric['label'] ); ?></p>
</div>
<?php
}
endif;
?>
<section class="hero-media-search">
<section class="hero-media-search">
<div class="container">
<div class="hero-media-search__container">
<!-- Левая колонка -->
<div class="hero-media-search__content">
<h1 class="heading-1">
<?php echo wp_kses_post( carbon_get_post_meta( $post_id, 'hero_title_h1' ) ?: 'Детский лагерь Декарт.' ); ?>
</h1>
<h2 class="hero-subtitle-brand"><?php echo wp_kses_post( carbon_get_post_meta( $post_id, 'hero_title_span' ) ?: 'Яркое лето без забот!' ); ?></h2>
<h1 class="heading-1"><?php echo wp_kses_post( $hero_h1 ); ?></h1>
<h2 class="hero-subtitle-brand"><?php echo wp_kses_post( $hero_span ); ?></h2>
<!-- Метрики (десктоп) -->
<div class="hero-media-search__propositions on-desktop">
<div class="wrapper__propositions">
<?php $icon1 = carbon_get_post_meta( $post_id, 'hero_metric_1_img' ); if ( $icon1 ) : ?>
<img src="<?php echo wp_get_attachment_url( $icon1 ); ?>" alt="">
<?php else : ?>
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/icon-home.png" alt="">
<?php endif; ?>
<h3><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_1_number' ) ?: '90+' ); ?></h3>
<p><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_1_label' ) ?: 'Количество клубов' ); ?></p>
<?php foreach ( $metrics as $metric ) : render_hero_metric( $metric ); endforeach; ?>
</div>
<div class="wrapper__propositions">
<?php $icon2 = carbon_get_post_meta( $post_id, 'hero_metric_2_img' ); if ( $icon2 ) : ?>
<img src="<?php echo wp_get_attachment_url( $icon2 ); ?>" alt="">
<?php else : ?>
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/icon-bulb.png" alt="">
<?php endif; ?>
<h3><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_2_number' ) ?: '570K+' ); ?></h3>
<p><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_2_label' ) ?: 'Юных инноваторов' ); ?></p>
</div>
<div class="wrapper__propositions">
<?php $icon3 = carbon_get_post_meta( $post_id, 'hero_metric_3_img' ); if ( $icon3 ) : ?>
<img src="<?php echo wp_get_attachment_url( $icon3 ); ?>" alt="">
<?php else : ?>
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/icon-award.png" alt="">
<?php endif; ?>
<h3><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_3_number' ) ?: '49K+' ); ?></h3>
<p><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_3_label' ) ?: 'Стипендий' ); ?></p>
<!-- CTA (десктоп) -->
<div class="hero-cta on-desktop">
<p class="hero-cta__text">Записаться на бесплатный пробный день</p>
<a href="#camp-form" class="btn-write-camp" aria-label="<?php echo esc_attr( $btn_text ); ?>">
<?php echo esc_html( $btn_text ); ?>
</a>
</div>
</div>
<?php if ( !wp_is_mobile() ) : ?>
<p style="font-size: 16.1px; text-align: center; color: #555; margin-bottom: 8px; font-weight: 500;">Записаться на бесплатный пробный день</p>
<?php $btn_primary = carbon_get_post_meta( $post_id, 'hero_btn_primary' ) ?: 'Записаться на пробный день'; ?>
<button class="btn-write-camp" style="background-color: #39b7ea; color: #fff; border: 2px solid #0c161f; padding: 12px 36px; font-size: 16px; font-weight: 700; border-radius: 100px; cursor: pointer; transition: .3s; display: block; width: 100%;"><?php echo esc_html( $btn_primary ); ?></button>
<?php endif; ?>
</div>
<!-- Правая колонка -->
<div class="hero-media-search__media">
<div class="hero-media-search__frame">
<?php $hero_img_id = carbon_get_post_meta( $post_id, 'banner_img' ); if ( $hero_img_id ) : ?>
<?php echo wp_get_attachment_image( $hero_img_id, 'large', false, array( 'class' => 'hero-media-search__image', 'loading' => 'eager' ) ); ?>
<?php if ( $hero_img_id ) : ?>
<?php echo wp_get_attachment_image( $hero_img_id, 'large', false, [
'class' => 'hero-media-search__image',
'loading' => 'eager',
'alt' => 'Дети в лагере Декарт'
] ); ?>
<?php else : ?>
<img class="hero-media-search__image" src="<?php echo get_template_directory_uri(); ?>/assets/images/camp-hero.jpg" alt="Дети в лагере" loading="eager">
<img class="hero-media-search__image"
src="<?php echo get_template_directory_uri(); ?>/assets/images/camp-hero.jpg"
alt="Дети в лагере Декарт" loading="eager">
<?php endif; ?>
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/hero-doodle-gears.svg" alt="" class="doodle doodle--top-left">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/hero-doodle-pencils.svg" alt="" class="doodle doodle--bottom-right">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/hero-doodle-gears.svg"
alt="" class="doodle doodle--top-left">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/hero-doodle-pencils.svg"
alt="" class="doodle doodle--bottom-right">
</div>
<!-- Метрики + CTA (мобильная версия) -->
<div class="hero-media-search__wrapper">
<div class="hero-media-search__propositions on-mobile">
<div class="wrapper__propositions">
<?php $icon1m = carbon_get_post_meta( $post_id, 'hero_metric_1_img' ); if ( $icon1m ) : ?>
<img src="<?php echo wp_get_attachment_url( $icon1m ); ?>" alt="">
<?php else : ?>
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/icon-home.png" alt="">
<?php endif; ?>
<h3><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_1_number' ) ?: '90+' ); ?></h3>
<p><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_1_label' ) ?: 'Количество клубов' ); ?></p>
<?php foreach ( $metrics as $metric ) : render_hero_metric( $metric ); endforeach; ?>
</div>
<div class="wrapper__propositions">
<?php $icon2m = carbon_get_post_meta( $post_id, 'hero_metric_2_img' ); if ( $icon2m ) : ?>
<img src="<?php echo wp_get_attachment_url( $icon2m ); ?>" alt="">
<?php else : ?>
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/icon-bulb.png" alt="">
<?php endif; ?>
<h3><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_2_number' ) ?: '570K+' ); ?></h3>
<p><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_2_label' ) ?: 'Юных инноваторов' ); ?></p>
<div class="hero-cta on-mobile">
<p class="hero-cta__text">Записаться на бесплатный пробный день</p>
<a href="#camp-form" class="btn-write-camp" aria-label="<?php echo esc_attr( $btn_text ); ?>">
<?php echo esc_html( $btn_text ); ?>
</a>
</div>
<div class="wrapper__propositions">
<?php $icon3m = carbon_get_post_meta( $post_id, 'hero_metric_3_img' ); if ( $icon3m ) : ?>
<img src="<?php echo wp_get_attachment_url( $icon3m ); ?>" alt="">
<?php else : ?>
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/icon-award.png" alt="">
<?php endif; ?>
<h3><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_3_number' ) ?: '49K+' ); ?></h3>
<p><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_3_label' ) ?: 'Стипендий' ); ?></p>
</div>
</div>
<?php if ( wp_is_mobile() ) : ?>
<p style="font-size: 16.1px; text-align: center; color: #555; margin-bottom: 8px; font-weight: 500;">Записаться на бесплатный пробный день</p>
<button class="btn-write-camp" style="background-color: #39b7ea; color: #fff; border: 2px solid #0c161f; padding: 12px 36px; font-size: 16px; font-weight: 700; border-radius: 100px; cursor: pointer; transition: .3s; display: block; width: 100%;">Записаться на пробный день</button>
<?php endif; ?>
</div>
</div>
</div>
</div>
</section>
</section>
<section class="suggestions">

11
wp-content/themes/dekart/template-parts/hero-metric.php Normal file
View File

@ -0,0 +1,11 @@
<?php
$metric = get_query_var( 'hero_metric' );
$icon_url = $metric['img']
? wp_get_attachment_url( $metric['img'] )
: $metric['default_icon'];
?>
<div class="wrapper__propositions">
<img src="<?php echo esc_url( $icon_url ); ?>" alt="">
<h3><?php echo esc_html( $metric['number'] ); ?></h3>
<p><?php echo esc_html( $metric['label'] ); ?></p>
</div>