Лагерь: Секция Hero
This commit is contained in:
Dekart Deploy Bot
parent
3ae91d5bfe
commit
3f032b2ebb
@ -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,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
8
wp-content/themes/dekart/inc/helpers.php
Normal 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;
|
||||
@ -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">
|
||||
<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>
|
||||
<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>
|
||||
</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>
|
||||
</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; ?>
|
||||
<section class="hero-media-search">
|
||||
<div class="container">
|
||||
<div class="hero-media-search__container">
|
||||
|
||||
</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 else : ?>
|
||||
<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">
|
||||
</div>
|
||||
<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>
|
||||
</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>
|
||||
<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>
|
||||
<!-- Левая колонка -->
|
||||
<div class="hero-media-search__content">
|
||||
<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>
|
||||
|
||||
<?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 class="hero-media-search__propositions on-desktop">
|
||||
<?php foreach ( $metrics as $metric ) : render_hero_metric( $metric ); endforeach; ?>
|
||||
</div>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- Правая колонка -->
|
||||
<div class="hero-media-search__media">
|
||||
<div class="hero-media-search__frame">
|
||||
<?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">
|
||||
<?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">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Метрики + CTA (мобильная версия) -->
|
||||
<div class="hero-media-search__wrapper">
|
||||
<div class="hero-media-search__propositions on-mobile">
|
||||
<?php foreach ( $metrics as $metric ) : render_hero_metric( $metric ); endforeach; ?>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="suggestions">
|
||||
|
||||
11
wp-content/themes/dekart/template-parts/hero-metric.php
Normal file
11
wp-content/themes/dekart/template-parts/hero-metric.php
Normal 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>
|
||||
Loading…
Reference in New Issue
Block a user