web_55
39e8d5a8e1
Сделал 1. Сделать пункты в "ТЗ Статья" 2. Сделать пункты в "ТЗ Хабовая страница" 3. Добавить микроразметку для статьи и блога https://docs.google.com/document/d/1ouFTKIXGk44hKONDDNWFGXBVqG06LWb7Jt28yFxklME/edit?tab=t.f4g9ytbmj2o8#heading=h.91km96rm8vln Reviewed-on: #1 Co-authored-by: WEB № 55 - Кирилл | Верстка <web_55@good-production.xyz>
60 lines
3.4 KiB
PHP
60 lines
3.4 KiB
PHP
<?php
|
|
$available_title = get_field('available_title');
|
|
$available_description = get_field('available_description');
|
|
$available_items = get_field('available_arr') ?: [];
|
|
$available_items = array_values(array_filter($available_items, static function ($item) {
|
|
return !empty($item['title']);
|
|
}));
|
|
if (!$available_title && !$available_items) {
|
|
return;
|
|
}
|
|
?>
|
|
<section class="delivery-orders articles--slider"<?php if ($available_title) : ?> aria-labelledby="delivery-orders-title"<?php endif; ?>>
|
|
<?php if ($available_title || $available_description) : ?>
|
|
<header class="delivery-orders__header">
|
|
<?php if ($available_title) : ?>
|
|
<h2 class="delivery-orders__title" id="delivery-orders-title">Какие заказы доступны <?php echo esc_html($available_title); ?></h2>
|
|
<?php endif; ?>
|
|
<?php if ($available_description) : ?>
|
|
<p class="delivery-orders__description">Выбирайте подходящий формат <?php echo esc_html($available_description); ?> и получайте заказы через сервисы, доступные в Hantico.</p>
|
|
<?php endif; ?>
|
|
</header>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($available_items) : ?>
|
|
<div class="delivery-orders__slider swiper swiper-full">
|
|
<ul class="delivery-orders__grid swiper-wrapper is-grid" aria-label="Форматы доставки">
|
|
<?php foreach ($available_items as $index => $item) : ?>
|
|
<?php
|
|
$is_wide = ($index + 1) % 4 === 0;
|
|
$image = $item['img'] ?? [];
|
|
$url = $item['url'] ?? '';
|
|
?>
|
|
<li class="swiper-slide<?php if ($is_wide) echo ' delivery-orders__wide'; ?>">
|
|
<?php if ($url) : ?>
|
|
<a class="delivery-orders__card<?php if ($is_wide) echo ' delivery-orders__card--documents'; ?>" href="<?php echo esc_url($url); ?>">
|
|
<?php else : ?>
|
|
<div class="delivery-orders__card<?php if ($is_wide) echo ' delivery-orders__card--documents'; ?>">
|
|
<?php endif; ?>
|
|
<?php if (!empty($image['url'])) : ?>
|
|
<img class="delivery-orders__image delivery-orders__image--cover" src="<?php echo esc_url($image['url']); ?>" alt="" loading="lazy" decoding="async">
|
|
<?php endif; ?>
|
|
<span class="delivery-orders__blur" aria-hidden="true"><span></span><span></span><span></span><span></span></span>
|
|
<span class="delivery-orders__shade" aria-hidden="true"></span>
|
|
<?php if ($url) : ?>
|
|
<span class="delivery-orders__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none" focusable="false"><path d="M12.5537 7.72367L10.6267 7.71891L10.6369 3.27442L1.36107 12.5326L0.00014086 11.1689L9.25079 1.93597L4.8608 1.92575L4.86557 0.000152722L12.5721 0.0178628L12.5537 7.72367Z" fill="currentColor"/></svg></span>
|
|
<?php endif; ?>
|
|
<span class="delivery-orders__copy">
|
|
<span class="delivery-orders__card-title"><?php echo esc_html($item['title']); ?></span>
|
|
<?php if (!empty($item['description'])) : ?>
|
|
<span class="delivery-orders__card-description"><?php echo esc_html($item['description']); ?></span>
|
|
<?php endif; ?>
|
|
</span>
|
|
<?php if ($url) : ?></a><?php else : ?></div><?php endif; ?>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</div>
|
|
<?php endif; ?>
|
|
</section>
|