Всем привет. Я начинающий в битрикс. Учусь по урокам и начинаю улавливать, что делаю, но даже не знаю, как загуглить нынешнюю проблему.
Готовую верстку переношу в шаблон. Есть у нее несколько слайдеров. Для их воссоздания я вызываю компонент "Список новостей" и подключаю готовые инфоблоки. Сформированный код php этого компонента переношу в файл верстки, где заменяю html код для слайдера. Затем копирую шаблон полученного компонента и открываю его, где редактирую и по уроку заменяю на более упрощенный код и само собой беру кусок html-кода, который ранее был в верстке, и добавляю данные моего сформированного компонента(стили компонента удалил и применил те, что с верстки, само собой):
Было(часть кода прикрепил)
https://ibb.co/mcPCXQm Стало
(верхний)
https://ibb.co/Nmrb95P (нижний)
https://ibb.co/wsMHPdc И слайдеры добавляются на странице,но результат получается странный:
https://ibb.co/yqK5tXd Может запрос в измененном шаблоне должен быть иным или js так влияет, не знаю(пробовал отключать js,но не увидел в исходном коде, чтобы не генерировались опять лишние элементы, поэтому думаю про внесенный код в скопированный шаблон). Я в общем новичок в создании сайтов.
Надеюсь доходчиво объяснил). Буду очень благодарен в помощи новичку!
Могу сайт свой приложить и шаблон, который скачал:
http://stockdex.ru/ (home version three)
https://bootstraptema.ru/_sf/44/4474.html Так же исходники двух слайдеров:
template файлы шаблонов верхний
Код <?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="hero-slide-item swiper-slide">
<?php foreach($arResult['ITEMS'] as $arItem): ?>
<div class="hero-slide-bg">
<img src="<?=$arItem['DETAIL_PICTURE'] ['SRC'] ;?>" alt="<?=$arItem['DETAIL_PICTURE'] ['ALT'] ;?>" />
</div>
<div class="container">
<div class="hero-slide-content">
<h2 class="title m-0"><?=$arItem['NAME'] ;?></h2>
<p><?=$arItem['DETAIL_TEXT'] ;?></p>
<a href="shop.html" class="btn btn-primary btn-hover-light">Купить сейчас</a>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
нижний
Код <?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);
//debug($arResult);
?>
<div class="swiper-slide">
<div class="single-blog">
<?php foreach($arResult["ITEMS"] as $arItem):?>
<div class="blog-thumb">
<a href="<?= $arItem['DETAIL_PAGE_URL']; ?>">
<img class="fit-image" src="<?= $arItem['PREVIEW_PICTURE']['SRC']; ?>" alt="<?= $arItem['PREVIEW_PICTURE']['ALT']; ?> ">
</a>
</div>
<div class="blog-content">
<div class="blog-meta">
<p><?=$arItem['PROPERTIES'] ['AUTHOR'] ['VALUE'];?></p>
</div>
<h5 class="blog-title">
<a href="<?= $arItem['DETAIL_PAGE_URL']; ?>"><?= $arItem['PREVIEW_TEXT']; ?></a>
</h5>
</div>
<?php endforeach; ?>
</div>
</div>
главный файл верстки верхний
Код <div class="section">
<div class="hero-slider swiper-container">
<div class="swiper-wrapper">
<?$APPLICATION->IncludeComponent(
"bitrix:news.list",
"",
Array(
"ACTIVE_DATE_FORMAT" => "d.m.Y",
"ADD_SECTIONS_CHAIN" => "Y",
"AJAX_MODE" => "N",
"AJAX_OPTION_ADDITIONAL" => "",
"AJAX_OPTION_HISTORY" => "N",
"AJAX_OPTION_JUMP" => "N",
"AJAX_OPTION_STYLE" => "Y",
"CACHE_FILTER" => "N",
"CACHE_GROUPS" => "Y",
"CACHE_TIME" => "36000000",
"CACHE_TYPE" => "A",
"CHECK_DATES" => "Y",
"DETAIL_URL" => "",
"DISPLAY_BOTTOM_PAGER" => "N",
"DISPLAY_DATE" => "Y",
"DISPLAY_NAME" => "Y",
"DISPLAY_PICTURE" => "Y",
"DISPLAY_PREVIEW_TEXT" => "Y",
"DISPLAY_TOP_PAGER" => "N",
"FIELD_CODE" => array("DETAIL_PICTURE",""),
"FILTER_NAME" => "",
"HIDE_LINK_WHEN_NO_DETAIL" => "N",
"IBLOCK_ID" => "5",
"IBLOCK_TYPE" => "Sliders",
"INCLUDE_IBLOCK_INTO_CHAIN" => "Y",
"INCLUDE_SUBSECTIONS" => "Y",
"MESSAGE_404" => "",
"NEWS_COUNT" => "2",
"PAGER_BASE_LINK_ENABLE" => "N",
"PAGER_DESC_NUMBERING" => "N",
"PAGER_DESC_NUMBERING_CACHE_TIME" => "36000",
"PAGER_SHOW_ALL" => "N",
"PAGER_SHOW_ALWAYS" => "N",
"PAGER_TEMPLATE" => ".default",
"PAGER_TITLE" => "Новости",
"PARENT_SECTION" => "",
"PARENT_SECTION_CODE" => "",
"PREVIEW_TRUNCATE_LEN" => "",
"PROPERTY_CODE" => array("",""),
"SET_BROWSER_TITLE" => "Y",
"SET_LAST_MODIFIED" => "N",
"SET_META_DESCRIPTION" => "Y",
"SET_META_KEYWORDS" => "Y",
"SET_STATUS_404" => "N",
"SET_TITLE" => "Y",
"SHOW_404" => "N",
"SORT_BY1" => "ACTIVE_FROM",
"SORT_BY2" => "SORT",
"SORT_ORDER1" => "DESC",
"SORT_ORDER2" => "ASC",
"STRICT_SECTION_CHECK" => "N"
)
);?>
<!-- Swiper Pagination Start -->
<div class="swiper-pagination d-md-none"></div>
<!-- Swiper Pagination End -->
<!-- Swiper Navigation Start -->
<div class="home-slider-prev swiper-button-prev main-slider-nav d-md-flex d-none"><i class="pe-7s-angle-left"></i></div>
<div class="home-slider-next swiper-button-next main-slider-nav d-md-flex d-none"><i class="pe-7s-angle-right"></i></div>
<!-- Swiper Navigation End -->
</div>
</div>
нижний
Код <div class="latest-blog-carousel arrow-outside-container" data-aos="fade-up" data-aos-delay="600">
<div class="swiper-container">
<div class="swiper-wrapper">
<!-- ТУТ НОВОСТИ -->
<?$APPLICATION->IncludeComponent(
"bitrix:news.list",
"down_slider",
array(
"ACTIVE_DATE_FORMAT" => "d.m.Y",
"ADD_SECTIONS_CHAIN" => "Y",
"AJAX_MODE" => "N",
"AJAX_OPTION_ADDITIONAL" => "",
"AJAX_OPTION_HISTORY" => "N",
"AJAX_OPTION_JUMP" => "N",
"AJAX_OPTION_STYLE" => "Y",
"CACHE_FILTER" => "N",
"CACHE_GROUPS" => "Y",
"CACHE_NOTES" => "",
"CACHE_TIME" => "36000000",
"CACHE_TYPE" => "A",
"CHECK_DATES" => "Y",
"DETAIL_URL" => "",
"DISPLAY_BOTTOM_PAGER" => "N",
"DISPLAY_DATE" => "Y",
"DISPLAY_NAME" => "Y",
"DISPLAY_PICTURE" => "Y",
"DISPLAY_PREVIEW_TEXT" => "Y",
"DISPLAY_TOP_PAGER" => "N",
"FIELD_CODE" => array("DETAIL_PICTURE", ""),
"FILTER_NAME" => "",
"HIDE_LINK_WHEN_NO_DETAIL" => "N",
"IBLOCK_ID" => "4",
"IBLOCK_TYPE" => "blog",
"INCLUDE_IBLOCK_INTO_CHAIN" => "Y",
"INCLUDE_SUBSECTIONS" => "Y",
"MESSAGE_404" => "",
"NEWS_COUNT" => "3",
"PAGER_BASE_LINK_ENABLE" => "N",
"PAGER_DESC_NUMBERING" => "N",
"PAGER_DESC_NUMBERING_CACHE_TIME" => "36000",
"PAGER_SHOW_ALL" => "N",
"PAGER_SHOW_ALWAYS" => "N",
"PAGER_TEMPLATE" => ".default",
"PAGER_TITLE" => "Новости",
"PARENT_SECTION" => "",
"PARENT_SECTION_CODE" => "",
"PREVIEW_TRUNCATE_LEN" => "",
"PROPERTY_CODE" => array(
0 => "AUTHOR",
1 => "",
),
"SET_BROWSER_TITLE" => "Y",
"SET_LAST_MODIFIED" => "N",
"SET_META_DESCRIPTION" => "Y",
"SET_META_KEYWORDS" => "Y",
"SET_STATUS_404" => "N",
"SET_TITLE" => "Y",
"SHOW_404" => "N",
"SORT_BY1" => "ACTIVE_FROM",
"SORT_BY2" => "SORT",
"SORT_ORDER1" => "DESC",
"SORT_ORDER2" => "ASC",
"STRICT_SECTION_CHECK" => "N"
),
false
);?>
<!-- Swiper Pagination Start -->
<div class="swiper-pagination d-block d-md-none"></div>
<!-- Swiper Pagination End -->
<!-- Next Previous Button Start -->
<div class="swiper-blog-button-next swiper-button-next swiper-nav-button d-none d-md-flex"><i class="pe-7s-angle-right"></i></div>
<div class="swiper-blog-button-prev swiper-button-prev swiper-nav-button d-none d-md-flex"><i class="pe-7s-angle-left"></i></div>
<!-- Next Previous Button End -->
</div>
</div>
<!-- Latest Blog Carousel End -->
</div>
</div>
</div>
</div>
<!-- Latest Blog Section End -->
Политика конфиденциальности