API tools faq
paste
Advertisement
valeraplusplus

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

valeraplusplus
Jan 12th, 2024
1,672
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Smarty 8.44 KB | Software | 0 0
raw download clone embed print report
  1. {if $landing_page.mode == 'edit' || (isset($shop2) && $e.data.folder_id != 'not_found')}
  2.     {if $landing_page.mode == 'edit'}
  3.         {s3_require file="/g/s3/lp/lpc.v4/css/constructor_page_block_672708.css"}
  4.     {/if}
  5.     {s3_require file="/g/s3/lp/lpc.v4/css/block_672708.css"}
  6.         {s3_require file="/g/s3/lp/lpc.v4/plugins/splide/custom/css/splide.min.css"}
  7.         {s3_require file="/g/s3/lp/lpc.v4/plugins/splide/custom/js/splide.js"}
  8.         {s3_require file="/g/s3/lp/lp.v3/plugins/lightgallery/ligntgallery.min.css"}
  9.         {s3_require file="/g/libs/lightgallery/v1.6.8/lightgallery.min.js"}
  10.         {s3_require file="/g/libs/lightgallery/v1.2.19/lg-zoom.min.js"}
  11.        
  12.        
  13.         {strip}
  14.         <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"
  15.            style="min-height: 400px;"
  16.            >
  17.             {include file="global:lpc4.background.tpl" nofill=1}
  18.             <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"
  19.                {if $e.block_type=="3"}
  20.                    data-ajax-slider-init="true"
  21.                    data-autoplay="{$e.autoplay|default:0}"
  22.                    data-pause="{$e.pause|default:3000}"
  23.                    data-speed="{$e.speed|default:600}"
  24.                    data-infinite="{$e.infinite|default:0}"
  25.                    data-align-item=".lpc-products-block__image"
  26.                    data-margin="[32, 32, 24, 16, 16]"
  27.                    {if $e.columns == 2}
  28.                        data-count="[2, 2, 2, 2, 1]"
  29.                    {elseif $e.columns == 4}
  30.                        data-count="[4, 4, 3, 2, 1]"
  31.                    {else}
  32.                        data-count="[3, 3, 3, 2, 1]"
  33.                    {/if}
  34.                {/if}
  35.                
  36.                data-on-lg="{$e.on_lg|default:0}"
  37.                data-columns="{$e.columns|default:0}"
  38.                data-block-type="{$e.block_type|default:0}"
  39.                data-img-proportions="{$e.img_proportions|default:0}"
  40.                data-contain="{$e.contain|default:0}"
  41.                >
  42.    
  43.                 {if $landing_page.mode == 'edit'}
  44.                     <div class="lpc-select-folder-container">
  45.                         <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}">
  46.                             {* status *}
  47.                             <div class="lpc-query-folder__load">Загрузка...</div>
  48.                             <div class="lpc-query-folder__error">
  49.                                 <span class="lpc-query-folder__not-found">Интернет-магазин не доступен</span>
  50.                                 <span class="lpc-query-folder__some-error">folder-some-error</span>
  51.                             </div>
  52.                             {* /status *}
  53.                             <div class="lpc-query-folder__select">
  54.                                 <div class="lpc-query-folder__input lpc-query__option">
  55.                                     <span>Выберите категорию</span>
  56.                                     <i class="lpc-query-folder__arrow"></i>
  57.                                 </div>
  58.                                 <div class="lpc-query-folder__body custom-scroll scroll-width-thin scroll">
  59.                                     <div class="lpc-query-folder__search"><input class="search-folder-input" type="text" tabindex="0" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox"></div>
  60.                                 </div>
  61.                             </div>
  62.                         </div>
  63.                     </div>
  64.                 {/if}
  65.    
  66.                 <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>
  67.                 <div class="lpc-products-block__container" data-lp-selector=".lpc-products-block__container" data-elem-type="container">
  68.                     {if $e.data.title || $e.data.menu_description}
  69.                         <div class="lpc-products-block__top" data-lp-selector=".lpc-products-block__top" data-elem-type="container">
  70.                             {if $e.data.title}
  71.                                 <{$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'}>
  72.                             {/if}
  73.                             {if $e.data.menu_description}
  74.                                 <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>
  75.                             {/if}
  76.                         </div>
  77.                     {/if}
  78.                     {if $e.block_type=="3"}
  79.                         <div class="splide">
  80.                             <div class="splide__inner">
  81.                                 <div class="splide__arrows splide__custom__arrows"></div>
  82.                                 <div class="splide__track">
  83.                     {/if}
  84.                     {if $landing_page.mode == 'view' && $e.data.folder_id == 'not_found'} {* проверка на наличие айди *}
  85.                     {else}
  86.                     <div class="lpc-products-block__list{if $e.block_type=="3"} splide__list{else} lpc-row{/if} containerProductForTemplate">
  87.                         {section name=skeleton_block start=1 loop=4 step=1}
  88.                             <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}">
  89.                                 <div class="lpc-products-block__headline">
  90.                                     <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}">
  91.                                         <span class="skeleton skeleton_image"></span>
  92.                                     </div>
  93.                                 </div>
  94.                                 <div class="skeleton-body">
  95.                                     <div class="skeleton-body__title skeleton"></div>
  96.                                     <div class="skeleton-body__price skeleton"></div>
  97.                                     <div class="skeleton-body__text skeleton"></div>
  98.                                     <div class="skeleton-body__text skeleton"></div>
  99.                                 </div>
  100.                             </div>
  101.                         {/section}
  102.                     </div>
  103.                     {/if}
  104.                     {if $e.block_type=="3"}
  105.                                 </div>
  106.                             </div>
  107.                             <ul class="splide__custom__pagination splide__pagination"></ul>
  108.                         </div>
  109.                     {/if}
  110.                     {if $e.block_type=="2"}
  111.                         <div class="spoiler-btn-wrap">
  112.                             <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">
  113.                                 {#SHOW_MORE#}
  114.                             </div>
  115.                         </div>
  116.                     {/if}
  117.                 </div>
  118.             </div>
  119.         </div>
  120.     {/strip}
  121.     {/if}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!