Загрузка данных товара на страницу LPC

{if $landing_page.mode == 'edit' || (isset($shop2) && $e.data.folder_id != 'not_found')}
    {if $landing_page.mode == 'edit'}
        {s3_require file="/g/s3/lp/lpc.v4/css/constructor_page_block_672708.css"}
    {/if}
    {s3_require file="/g/s3/lp/lpc.v4/css/block_672708.css"}
        {s3_require file="/g/s3/lp/lpc.v4/plugins/splide/custom/css/splide.min.css"}
        {s3_require file="/g/s3/lp/lpc.v4/plugins/splide/custom/js/splide.js"}
        {s3_require file="/g/s3/lp/lp.v3/plugins/lightgallery/ligntgallery.min.css"}
        {s3_require file="/g/libs/lightgallery/v1.6.8/lightgallery.min.js"}
        {s3_require file="/g/libs/lightgallery/v1.2.19/lg-zoom.min.js"}


        {strip}
        <div class="lpc-products-block lpc-block lpc_lazy_load lpc-block-ajax-product" id="_lp_block_{$e.block_id}" data-block-layout="{$e.layout_id}" data-elem-type="block"
            style="min-height: 400px;"
            >
            {include file="global:lpc4.background.tpl" nofill=1}
            <div class="lpc-products-block__wrap lpc-wrap{if $e.block_type=="2"} spoiler-init{elseif $e.block_type=="3"} splide-init{/if} lpc_{$e.align|default:'left'} lpc-ajax-product"
                {if $e.block_type=="3"}
                    data-ajax-slider-init="true"
                    data-autoplay="{$e.autoplay|default:0}"
                    data-pause="{$e.pause|default:3000}"
                    data-speed="{$e.speed|default:600}"
                    data-infinite="{$e.infinite|default:0}"
                    data-align-item=".lpc-products-block__image"
                    data-margin="[32, 32, 24, 16, 16]"
                    {if $e.columns == 2}
                        data-count="[2, 2, 2, 2, 1]"
                    {elseif $e.columns == 4}
                        data-count="[4, 4, 3, 2, 1]"
                    {else}
                        data-count="[3, 3, 3, 2, 1]"
                    {/if}
                {/if}

                data-on-lg="{$e.on_lg|default:0}"
                data-columns="{$e.columns|default:0}"
                data-block-type="{$e.block_type|default:0}"
                data-img-proportions="{$e.img_proportions|default:0}"
                data-contain="{$e.contain|default:0}"
                >

                {if $landing_page.mode == 'edit'}
                    <div class="lpc-select-folder-container">
                        <div class="lpc-query-folder load{if $e.data.folder_id != 'not_found'} folder-selected{/if}" data-folder_id="{$e.data.folder_id|default:0}">
                            {* status *}
                            <div class="lpc-query-folder__load">Загрузка...</div>
                            <div class="lpc-query-folder__error">
                                <span class="lpc-query-folder__not-found">Интернет-магазин не доступен</span>
                                <span class="lpc-query-folder__some-error">folder-some-error</span>
                            </div>
                            {* /status *}
                            <div class="lpc-query-folder__select">
                                <div class="lpc-query-folder__input lpc-query__option">
                                    <span>Выберите категорию</span>
                                    <i class="lpc-query-folder__arrow"></i>
                                </div>
                                <div class="lpc-query-folder__body custom-scroll scroll-width-thin scroll">
                                    <div class="lpc-query-folder__search"><input class="search-folder-input" type="text" tabindex="0" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                {/if}

                <div style="font-size: 0; opacity: 0;" class="block-id-folder" data-lp-selector=".block-id-folder" data-elem-type="text" data-path="folder_id">{$e.data.folder_id|default:0}</div>
                <div class="lpc-products-block__container" data-lp-selector=".lpc-products-block__container" data-elem-type="container">
                    {if $e.data.title || $e.data.menu_description}
                        <div class="lpc-products-block__top" data-lp-selector=".lpc-products-block__top" data-elem-type="container">
                            {if $e.data.title}
                                <{$e.data.title_tag|default:'div'} class="lpc-products-block__header lp-header-title-2" data-lp-selector=".lpc-products-block__header" data-path="title" data-elem-type="header">{$e.data.title}</{$e.data.title_tag|default:'div'}>
                            {/if}
                            {if $e.data.menu_description}
                                <div class="lpc-products-block__description lp-header-text-1" data-lp-selector=".lpc-products-block__description" data-path="menu_description" data-elem-type="text">{$e.data.menu_description}</div>
                            {/if}
                        </div>
                    {/if}
                    {if $e.block_type=="3"}
                        <div class="splide">
                            <div class="splide__inner">
                                <div class="splide__arrows splide__custom__arrows"></div>
                                <div class="splide__track">
                    {/if}
                    {if $landing_page.mode == 'view' && $e.data.folder_id == 'not_found'} {* проверка на наличие айди *}
                    {else}
                    <div class="lpc-products-block__list{if $e.block_type=="3"} splide__list{else} lpc-row{/if} containerProductForTemplate">
                        {section name=skeleton_block start=1 loop=4 step=1}
                            <div class="skeleton-block lpc-products-block__item lpc-card--type-1{if $e.on_lg} js-lg-init{/if}{if $e.columns == 2} two_columns{elseif $e.columns == 3} three_columns{elseif $e.columns == 4} four_columns{/if}{if $e.block_type=="2"} spoiler-item{/if}{if $e.block_type=="3"} splide__slide{else}{if $e.columns == 2} lpc-col-6-xl lpc-col-6-lg lpc-col-6-md lpc-col-6-sm lpc-col-12-xs{elseif $e.columns == 4} lpc-col-3-xl lpc-col-3-lg lpc-col-4-md lpc-col-6-sm lpc-col-12-xs{else} lpc-col-4-xl lpc-col-4-lg lpc-col-4-md lpc-col-6-sm lpc-col-12-xs{/if}{/if}" data-elem-type="{if $e.block_type=="3"}slider_container{else}card_container{/if}">
                                <div class="lpc-products-block__headline">
                                    <div class="lpc-products-block__image lpc-image-type-1 lpc-block__img-inner{if $e.on_lg} lg-item{/if}{if $e.img_proportions==1} _16_9h{elseif $e.img_proportions==2} _3_2h{elseif $e.img_proportions==3} _4_3h{elseif $e.img_proportions==4} _1_1{elseif $e.img_proportions==5} _4_3v{elseif $e.img_proportions==6} _3_2v{elseif $e.img_proportions==7} _16_9v{else} _4_3h{/if}{if $e.contain} _contain{/if}">
                                        <span class="skeleton skeleton_image"></span>
                                    </div>
                                </div>
                                <div class="skeleton-body">
                                    <div class="skeleton-body__title skeleton"></div>
                                    <div class="skeleton-body__price skeleton"></div>
                                    <div class="skeleton-body__text skeleton"></div>
                                    <div class="skeleton-body__text skeleton"></div>
                                </div>
                            </div>
                        {/section}
                    </div>
                    {/if}
                    {if $e.block_type=="3"}
                                </div>
                            </div>
                            <ul class="splide__custom__pagination splide__pagination"></ul>
                        </div>
                    {/if}
                    {if $e.block_type=="2"}
                        <div class="spoiler-btn-wrap">
                            <div class="lp-button lpc-button--type-2 _v2-text spoiler-btn" data-has-event="1" data-elem-type="text" data-lp-selector=".spoiler-btn">
                                {#SHOW_MORE#}
                            </div>
                        </div>
                    {/if}
                </div>
            </div>
        </div>
    {/strip}
    {/if}