Как вывести товары в catalog.section.list?

Question

[Windramix]

Привет, подскажите в каком направлении двигаться в моей задачи и можно ли её сделать.

В общем есть каталог. сделано на аспро, когда заходишь в него попадаешь на catalog.section.list где выбираешь нужный раздел. задача состояла в данном разделе под этим списком пока ещё пользователь не выбрал нужный раздел каталога, вывести товары из каталога все, по сути не привязанные к разделу определённому, я сделал вывод ниже него через bitrix:catalog.section товары появились но не работает пагинация, гугл долго но лишь понял что я нарушаю логику кэширования, так как у меня выключен аякс мод, и по сути страница уже отрендерилась а я пытаюсь её перезагрузить пагинацией, ок думал мб тогда аякс мод включить то вообще всё идет по одному месту. Так вот как мне всё таки воплотить данную задачу в реальность, в каком направлении идти ?

Так же пытался вывести в самом разделе catalog где комплексный компонент, через if ($APPLICATION->GetCurDir() === '/catalog/') { но не получилось.

Answer 1

[Михаил Ливач]

что-то странное Вы пишете.
у вас есть шаблон комплексного компонента, например:
local/templates/aspro_max/components/bitrix/catalog/.default
В нем есть файл sections.php - это страница корня каталога.
Вот туда запихиваете вызов bitrix:catalog.section , должно работать. Главное, чтобы SECTION_ID и SECTION_CODE были пустые.
Проблем с кэшированием в этот момент быть не должно, потому что комплексному компоненту нечего кэшировать - это уже компоненты на страницах его шаблона кэшируются.

Comments

[Windramix]

Хорошо спасибо я попробую.

[Windramix]

Сделал получилось вывести, пагинация работает но вот показать ещё не работало, решил сделать кастомный скрипт что бы она заработала, но хотелось бы понять как правильно надо было сделать что-то подключить может дополнительно что бы заработало. Просто скорее всего понадобится добавить фильтр и я думаю с ним будут такие же приколы. а это уже как-то такое себе писать его как показать ещё.

В данный момент код вот такой.

<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>
<?$this->setFrameMode(true);?>
<?global $arTheme, $APPLICATION, $arSectionFilter, $arrFilterNew;?>

<?$APPLICATION->AddViewContent('right_block_class', 'catalog_page ');?>

<?$arSectionFilter = array('IBLOCK_ID' => $arParams['IBLOCK_ID']);
CMax::makeSectionFilterInRegion($arSectionFilter);?>

<?// region filter for to count elements
if(
    $GLOBALS['arRegion'] &&
    $GLOBALS['arTheme']['USE_REGIONALITY']['VALUE'] === 'Y' &&
    $GLOBALS['arTheme']['USE_REGIONALITY']['DEPENDENT_PARAMS']['REGIONALITY_FILTER_ITEM']['VALUE'] === 'Y'
){
    $arSectionFilter['PROPERTY_LINK_REGION'] = $GLOBALS['arRegion']['ID'];
}?>

<?$sViewElementTemplate = ($arParams["SECTIONS_TYPE_VIEW"] == "FROM_MODULE" ? $arTheme["CATALOG_PAGE_SECTIONS"]["VALUE"] : $arParams["SECTIONS_TYPE_VIEW"]);?>
<?$bShowLeftBlock = ($arTheme["LEFT_BLOCK_CATALOG_ROOT"]["VALUE"] == "Y" && !defined("ERROR_404") && !($arTheme['HEADER_TYPE']['VALUE'] == 28 || $arTheme['HEADER_TYPE']['VALUE'] == 29));?>
<?$APPLICATION->SetPageProperty("HIDE_LEFT_BLOCK", ( $bShowLeftBlock ? 'N' : 'Y' ) );?>

<?
// --- AJAX обработка для второго каталога ---
if ($_SERVER['REQUEST_METHOD'] === 'POST' && $_POST['ajax'] === 'Y' && $_POST['catalog'] === 'second') {
    $arrFilterNew = [
        'CATALOG_AVAILABLE' => 'Y'
    ];

    $page = intval($_POST['page']);
    if ($page < 1) $page = 1;
    $pageSize = 20;

    $APPLICATION->IncludeComponent(
        "bitrix:catalog.section",
        "catalog_block",
        array(
            "IBLOCK_TYPE" => "1c_catalog",
            "IBLOCK_ID" => "163",
            "FILTER_NAME" => "arrFilterNew",
            "INCLUDE_SUBSECTIONS" => "Y",
            "SHOW_ALL_WO_SECTION" => "Y",
            "ELEMENT_SORT_FIELD" => "rand",
            "ELEMENT_SORT_ORDER" => "asc",
            "PAGE_ELEMENT_COUNT" => $pageSize,
            "LINE_ELEMENT_COUNT" => "5",
            "CACHE_TYPE" => "N",
            "CACHE_TIME" => "0",
            "DISPLAY_TOP_PAGER" => "N",
            "DISPLAY_BOTTOM_PAGER" => "N",
            "HIDE_NOT_AVAILABLE" => "Y",
            "HIDE_NOT_AVAILABLE_OFFERS" => "Y",
            "PAGER_SHOW_ALL" => "N",
            "PAGER_DESC_NUMBERING" => "N",
            "PAGER_SHOW_ALWAYS" => "N",
            "PAGER_TEMPLATE" => "",
            "PAGER_PAGE" => $page,
            "PRICE_CODE" => array("BASE", "Основная цена продажи МСК", "Основная цена продажи"), // добавь сюда, если нужно
            "SHOW_PRICE_COUNT" => 1,
            "PRICE_VAT_INCLUDE" => "Y",
        ),
        false
    );
    die();
}
?>

<style>
#loadMoreSecondCatalog {
    width: 100%;
    font-size: 0.733em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: 0.8px;

    text-align: center;
    margin: 0 0 30px;
    border: 1px solid var(--stroke_black);
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: background-color 0.2s ease, color 0.2s ease;
    background-color: transparent;
    color: inherit; /* чтобы текст наследовал цвет */
    padding: 10px 0;
    display: inline-block;
}

#loadMoreSecondCatalog:hover {
    background-color: #000;
    color: #fff;
}

</style>

<div class="main-catalog-wrapper">
    <div class="section-content-wrapper <?=($bShowLeftBlock ? 'with-leftblock' : '');?>">
        <?@include_once('page_blocks/'.$sViewElementTemplate.'.php');?> <!-- Главный каталог -->

        <?CMax::get_banners_position('CONTENT_BOTTOM');
        global $bannerContentBottom;
        $bannerContentBottom = true;
        ?>

      <?if(preg_match('#^/catalog/?$#', $APPLICATION->GetCurDir())):?>

    <div class="div" style="margin-top: 50px;" id="second_catalog_block">
        <div id="second_catalog_items">
            <?// Начальная подгрузка товаров второго каталога ?>
            <?
            $arrFilterNew = ['CATALOG_AVAILABLE' => 'Y'];
            $APPLICATION->IncludeComponent(
                "bitrix:catalog.section",
                "catalog_block", 
                array(
                    "IBLOCK_TYPE" => "1c_catalog",
                    "IBLOCK_ID" => "163",
                    "FILTER_NAME" => "arrFilterNew",
                    "INCLUDE_SUBSECTIONS" => "Y",
                    "SHOW_ALL_WO_SECTION" => "Y",
                    "ELEMENT_SORT_FIELD" => "rand",
                    "ELEMENT_SORT_ORDER" => "asc",
                    "PAGE_ELEMENT_COUNT" => 20,
                    "LINE_ELEMENT_COUNT" => 5,
                    "CACHE_TYPE" => "N",
                    "CACHE_TIME" => "0",
                    "DISPLAY_TOP_PAGER" => "N",
                    "DISPLAY_BOTTOM_PAGER" => "N",
                    "HIDE_NOT_AVAILABLE" => "Y",
                    "HIDE_NOT_AVAILABLE_OFFERS" => "Y",

                    "SHOW_OLD_PRICE" => "Y",          // Добавлено
                    "SHOW_DISCOUNT_PERCENT" => "Y",   // Добавлено
                    "PRICE_CODE" => array(
                        "BASE",
                        "Основная цена продажи МСК",
                        "Основная цена продажи"
                    ),
                    "SHOW_PRICE_COUNT" => "1",
                    "PRICE_VAT_INCLUDE" => "Y",
                ),
                false
            );
            ?>
        </div>

<div class="bottom_nav animate-load-state block-type" data-parent=".tabs_slider" data-append=".items" style="text-align:center; margin-top: 20px;">
                    <div id="load_more_second_catalog" class="ajax_load_btn rounded3 colored_theme_hover_bg">
                        <span class="more_text_ajax font_upper_md">Показать ещё</span>
                    </div>
                </div>
    </div>

<?endif;?>
    </div>

    <?if($bShowLeftBlock):?>
        <?CMax::ShowPageType('left_block');?>
    <?endif;?>
</div>

<script>
(function(){
    const btn = document.getElementById('load_more_second_catalog');
    const container = document.getElementById('second_catalog_items');
    let page = 2; // страница 1 уже загружена

    btn.addEventListener('click', function(){
        btn.disabled = true;
        btn.querySelector('.more_text_ajax').innerText = 'Загрузка...';

        BX.ajax({
            url: window.location.pathname,
            method: 'POST',
            data: {
                ajax: 'Y',
                catalog: 'second',
                page: page
            },
            dataType: 'html',
            onsuccess: function(data){
                if(data.trim() !== ''){
                    container.insertAdjacentHTML('beforeend', data);
                    page++;
                    btn.disabled = false;
                    btn.querySelector('.more_text_ajax').innerText = 'Показать ещё';
                } else {
                    btn.remove();
                }
            },
            onfailure: function(){
                btn.disabled = false;
                btn.querySelector('.more_text_ajax').innerText = 'Показать ещё';
                alert('Ошибка загрузки товаров');
            }
        });
    });
})();
</script>

[Михаил Ливач]

Windramix, кода слишком много, чтобы вникать в него для развлечения, поэтому отдельные комментарии:
1) если кнопка "показать ещё" в обычном случае работает ( "обычный случай" - это взяли отдельную тестовую страницу, закинули на неё компонент с дефолтным шаблоном и смотрим), то я бы разбирался, почему не работает, а не кидался сразу делать своё

2) у Битрикса раньше была проблема с AJAX. Чтобы её понять, надо знать механизм работы компонентов по AJAX, а он был таким:
а) AJAX запрос уходит на страницу,
б) Битрикс исполняет страницу как обычно, пока не натыкается на вызов компонента, у которого в параметрах указано "AJAX включен"
в) внутри этот компонент сбрасывает все накополенные буферы, делает то, что ему нужно, и завершает страницу ( exit )

Очевидно, с таким подходом 2 компонента с включённым AJAX уже не смогут работать ( будет срабатывать только первый по коду ). На тот момент решение было костыльное: в папке компонента или в шаблоне компонента лежал файлик ajax.php, в котором был вызов компонента, и запросы направлялись не на всю страницу, а только на этот файл. Как сейчас - не знаю, давно не интересовался. Подозреваю, что так и осталось, так что учитывайте это.

3) arrFilterNew - очень плохое название, ни о чём не говорит. назовите allProductsFilter или как-то иначе, лишь бы понятно было.

4) венгерская нотация ( "arrFilter", "bComplex" ) была придумана не для этого, и с появлением современных IDE давно потеряла актуальность. Постарайтесь не привыкать к плохому.