Есть в Битриксе слайдер шаблона - 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>
|
