Сделал теги на баннере,

parents
<? if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) die();
/** @var array $arParams */
/** @var array $arResult */
/** @global CMain $APPLICATION */
/** @global CUser $USER */
/** @global CDatabase $DB */
/** @var CBitrixComponentTemplate $this */
/** @var string $templateName */
/** @var string $templateFile */
/** @var string $templateFolder */
/** @var string $componentPath */
/** @var CBitrixComponent $component */
$this->setFrameMode(true);
?>
<div class="page-section page-section--p-t-header">
<div class="hero" data-animate="hero-block">
<div class="container container--no-p">
<?php foreach ($arResult["ITEMS"] as $arItem) : ?>
<?
$this->AddEditAction($arItem['ID'], $arItem['EDIT_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_EDIT"));
$this->AddDeleteAction($arItem['ID'], $arItem['DELETE_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_DELETE"), array("CONFIRM" => GetMessage('CT_BNL_ELEMENT_DELETE_CONFIRM')));
?>
<div class="hero__inner" id="<?= $this->GetEditAreaId($arItem['ID']); ?>">
<div class="hero__bg">
<div class="hero__bg-gradient">
<picture>
<source media="(min-width: 1921px)"
srcset="<?=SITE_TEMPLATE_PATH?>/images/bg/bg-hero-main-d.webp, <?=SITE_TEMPLATE_PATH?>/images/bg/bg-hero-main-xl@2x.webp 2x, <?=SITE_TEMPLATE_PATH?>/images/bg/bg-hero-main-xl@3x.webp 3x"
type="image/webp">
<source media="(min-width: 768px)"
srcset="<?=SITE_TEMPLATE_PATH?>/images/bg/bg-hero-main-d.webp, <?=SITE_TEMPLATE_PATH?>/bg/bg-hero-main-d@2x.webp 2x, <?=SITE_TEMPLATE_PATH?>/images/bg/bg-hero-main-d@3x.webp 3x"
type="image/webp">
<source media="(max-width: 767px)"
srcset="<?=SITE_TEMPLATE_PATH?>/images/bg/bg-hero-main.webp, <?=SITE_TEMPLATE_PATH?>/images/bg/bg-hero-main@2x.webp 2x, <?=SITE_TEMPLATE_PATH?>/images/bg/bg-hero-main@3x.webp 3x"
type="image/webp">
<img src="<?= $arItem["PREVIEW_PICTURE"]["SRC"]?>"
srcset="<?=SITE_TEMPLATE_PATH?>/images/bg/bg-hero-main@2x.png 2x, <?=SITE_TEMPLATE_PATH?>/images/bg/bg-hero-main@3x.png 3x"
alt="Изображение" width="1512" height="744" loading="lazy">
</picture>
</div>
</div>
<div class="hero__bg-pixels hero__bg-pixels--t-l" data-pixels="hero-solutions-t-l"
data-pixels-qty="55">
</div>
<div class="hero__bg-pixels hero__bg-pixels--b-r" data-pixels="hero-solutions-b-r"
data-pixels-qty="36">
</div>
<div class="hero__container">
<div class="hero__img" data-animate="hero-image-d-index">
<picture>
<source srcset="/local/templates/newudv/images/hero/hero-main.webp, /local/templates/newudv/images/hero/hero-main@2x.webp 2x, /local/templates/newudv/images/hero/hero-main@3x.webp 3x"
type="image/webp">
<img src="<?= $arItem["DETAIL_PICTURE"]["SRC"]?>"
srcset="/local/templates/newudv/images/hero/hero-main@2x.png 2x, /local/templates/newudv/images/hero/hero-main@3x.png 3x"
alt="Изображение" width="825" height="740" loading="lazy">
</picture>
</div>
<div class="hero__text-wrap">
<div class="hero__title-description-wrap">
<h1 class="title title--h1 hero__title"><?= $arItem["PREVIEW_TEXT"] ?></h1>
<p class="hero__text"><?= $arItem["DETAIL_TEXT"] ?></p>
<a href="#" class="button button--size-m hero__btn-cta"><span class="button__text">отправить запрос</span><span
class="button__icon">
<svg width="1em" height="1em" viewBox="0 0 20 20" data-icon="icon-arrow-up-right">
<use xlink:href="#ai:local:icon-arrow-up-right"></use>
</svg>
</span></a>
</div>
</div>
</div>
<div class="hero__marquee-wrap">
<div class="marquee hero__marquee marquee--hero-main">
<ul class="marquee__list">
<?php foreach ($arResult['SPECIALS'] as $item) : ?>
<li class="marquee__item">
<a target="_blank" href="<?=$item['PROPERTY_LINK_VALUE']?>"><?= $item['NAME'] ?></a>
</li>
<? endforeach; ?>
</ul>
<ul class="marquee__list">
<?php foreach ($arResult['SPECIALS'] as $item) : ?>
<li class="marquee__item">
<a target="_blank" href="<?=$item['PROPERTY_LINK_VALUE']?>"><?= $item['NAME'] ?></a>
</li>
<? endforeach; ?>
</ul>
</div>
</div>
</div>
<? endforeach; ?>
</div>
</div>
</div>
\ No newline at end of file
.marquee--hero-main .marquee__item a{
color: var(--color-black-pearl);
font-size: 1.125rem;
font-family: Golos Text, sans-serif;
font-weight: 500;
}
\ No newline at end of file
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment