Есть в Битриксе слайдер шаблона - top_sleder. Что можно сделать, чтобы при добавлении на страницу такого же шаблона , он работал? Сейчас при добавлении тупо выводит в ряд все картинки без слайдера. Конфликт JS? Или что?
Код |
---|
<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die(); $this->setFrameMode(true); //$tsWidth = COption::GetOptionString("s1.corpsite", "top_slide_width", "0"); $templateData = array( 'TEMPLATE_FOLDER' => $this->GetFolder() ); $this->addExternalCss(SITE_TEMPLATE_PATH.'/js/slick/slick.css'); $this->addExternalJS(SITE_TEMPLATE_PATH.'/js/slick/slick.min.js'); ?><div class="top_slider_cont container-fluid"> <div class="row"> <div class="top_slider<?=$arParams['BG_COVER']=="Y"?" bg_cover":""?>"> <?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'))); $href = $arItem['DISPLAY_PROPERTIES']['VILKA_URL']['VALUE']; $btn_text_left = $arItem['DISPLAY_PROPERTIES']['VILKA_BLUEBTNTEXT']['VALUE']; $btn_text_left = $btn_text_left!=""?$btn_text_left:GetMessage("VILKA_BTN_TEXT"); $btn_show = $arItem['PROPERTIES']['VILKA_SHOW_BTN']['VALUE_XML_ID']=="Y"?true:false; //$btn_text_right = $arItem['DISPLAY_PROPERTIES']['VILKA_WHITEBTNTEXT']['VALUE']; $align = $arItem['PROPERTIES']['VILKA_POSITION']['VALUE_XML_ID']; $align_img_vertical = $arItem['PROPERTIES']['VILKA_IMG_VERTICAL']['VALUE_XML_ID']; $text_color = $arItem['PROPERTIES']['VILKA_TEXT_COLOR']['VALUE']; //VH::pr($arItem['DISPLAY_PROPERTIES']); $bg_img = $arItem["PREVIEW_PICTURE"]["SRC"]; ?> <<?=($href!='')?'a href="'.$href.'"':'div'?> class="item" id="<?=$this->GetEditAreaId($arItem['ID']);?>" st yle="background-image: url('<?=$bg_img?>'); min-height:<?=$arParams['VILKA_TOP_SLIDE_HEIGHT']?>px"> <?if($notext != "Y"){?> <span class="container"> <span class="row"> <span class="item_conten_block<?=($align=='RIGHT')?' show_right':''?>" style=""> <?if($align == "RIGHT"){?> <span class="slide_img" st yle="vertical-align:<?=$align_img_vertical?>"> <?if($arItem["DETAIL_PICTURE"]["SRC"]== '') {?> <span st yle="min-height:<?=$arParams['VILKA_TOP_SLIDE_HEIGHT']-10?>px;"></span> <?}else {?> <img src="<?=$arItem["DETAIL_PICTURE"]["SRC"]?>"> <?}?> </span> <?}?> <?if($arItem['PREVIEW_TEXT'] != ''){?> <span class="descr_block" st yle="<?=$text_color!=''?"color:".$text_color.';':''?>"> <span class="slide_descr" st yle="<?=$text_color!=''?"color:".$text_color.';':''?>"><?=$arItem['PREVIEW_TEXT']?></span> <?if($btn_show){?><span class="btn bt_1"><?=$btn_text_left?></span><?}?> </span> <?}?> <?if($align == "LEFT"){?> <span class="slide_img" st yle="vertical-align:<?=$align_img_vertical?>"> <?if($arItem["DETAIL_PICTURE"]["SRC"]== '') {?> <span st yle="min-height:<?=$arParams['VILKA_TOP_SLIDE_HEIGHT']-10?>px;"></span> <?}else {?> <img src="<?=$arItem["DETAIL_PICTURE"]["SRC"]?>"> <?}?> </span> <?}?> </span> </span> </span> <?}?> </<?=($href!='')?'a':'div'?>> <?}?> </div> </div> </div> <?//TODO settings from component?> <sc ript type="text/javascript"> $('.top_slider').slick({ dots: true, arrows: true, fade: true //adaptiveHeight:true }); $('.top_slider .item .item_conten_block').matchHeight(); </sc ript> |