|
Это нравится:
0
Да
/
0
Нет
14.09.2017 09:40:58
Михаил,добрый день. попробовал реализовать таб меню,вроде получилось, но при переключении табов предыдущие вкладки не пропадают( шаблон компонента не трогал ) вот код : подскажите что я мог упустить? как прописать условие,чтобы при переключении не происходило выпадания предыдущей вкладки? Скрытый текст |
---|
<div class="container"> <ul class="nav nav-tabs block-margin-top-x nav-justified" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active " id="new" type="radio" data-toggle="tab" href="#tab1" role="tab" aria-controls="tab1">НОВИНКИ</a> </li> <li class="nav-item"> <a class="nav-link " id="spec" type="radio" data-toggle="tab" href="#tab2" role="tab" aria-controls="tab2">РАСПРОДАЖА</a> </li> <li class="nav-item"> <a class="nav-link " id="lider" type="radio" data-toggle="tab" href="#tab3" role="tab" aria-controls="tab3">ЛИДЕР ПРОДАЖ</a> </li> </ul> <div class="tab-content" style="outline: 2px solid #f8f8f8;border-radius:5px;" id="myTabContent"> <div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="new"> <div class=" block-margin-top-m"> <?$APPLICATION->IncludeComponent( "bitrix:catalog.top", "cs_tab-menu", Array( "ACTION_VARIABLE" => "action", "ADD_PICT_PROP" => "FOTO", "ADD_PROPERTIES_TO_BASKET" => "Y", "ADD_TO_BASKET_ACTION" => "ADD", "BASKET_URL" => "/personal/cart/", "CACHE_FILTER" => "N", "CACHE_GROUPS" => "Y", "CACHE_TIME" => "36000000", "CACHE_TYPE" => "A", "COMPARE_NAME" => "CATALOG_COMPARE_LIST", "COMPARE_PATH" => "/catalog/compare.php?action=#ACTION_CODE#", "COMPATIBLE_MODE" => "Y", "COMPOSITE_FRAME_MODE" => "A", "COMPOSITE_FRAME_TYPE" => "AUTO", "CONVERT_CURRENCY" => "Y", "CURRENCY_ID" => "RUB", "CUSTOM_FILTER" => "", "DETAIL_URL" => "/catalog/#SECTION_ID#/#ELEMENT_ID#/", "DISCOUNT_PERCENT_POSITION" => "bottom-right", "DISPLAY_COMPARE" => "Y", "ELEMENT_COUNT" => "12", "ELEMENT_SORT_FIELD" => "sort", "ELEMENT_SORT_FIELD2" => "id", "ELEMENT_SORT_ORDER" => "asc", "ELEMENT_SORT_ORDER2" => "desc", "ENLARGE_PRODUCT" => "STRICT", "FILTER_NAME" => "Novinka", "HIDE_NOT_AVAILABLE" => "L", "HIDE_NOT_AVAILABLE_OFFERS" => "Y", "IBLOCK_ID" => "6", "IBLOCK_TYPE" => "colambus_catalog", "LABEL_PROP" => "BRAND", "LINE_ELEMENT_COUNT" => "4", "MESS_BTN_ADD_TO_BASKET" => "В корзину", "MESS_BTN_BUY" => "Купить", "MESS_BTN_COMPARE" => "Сравнить", "MESS_BTN_DETAIL" => "Подробнее", "MESS_NOT_AVAILABLE" => "Нет в наличии", "MESS_RELATIVE_QUANTITY_FEW" => "В наличии", "MESS_RELATIVE_QUANTITY_MANY" => "В наличии", "MESS_SHOW_MAX_QUANTITY" => "В наличии", "OFFERS_LIMIT" => "12", "PARTIAL_PRODUCT_PROPERTIES" => "N", "PRICE_CODE" => array("base price" , "PRICE_VAT_INCLUDE" => "Y", "PRODUCT_BLOCKS_ORDER" => "price,props,sku,quantityLimit,quantity,buttons,compare", "PRODUCT_ID_VARIABLE" => "id", "PRODUCT_PROPERTIES" => array(), "PRODUCT_PROPS_VARIABLE" => "prop", "PRODUCT_QUANTITY_VARIABLE" => "quantity", "PRODUCT_ROW_VARIANTS" => "[{'VARIANT':'6','BIG_DATA':false}]", "PRODUCT_SUBSCRIPTION" => "Y", "PROPERTY_CODE" => array("","" , "PROPERTY_CODE_MOBILE" => array(), "RELATIVE_QUANTITY_FACTOR" => "5", "ROTATE_TIMER" => "20", "SECTION_ID_VARIABLE" => "SECTION_ID", "SECTION_URL" => "", "SEF_MODE" => "Y", "SEF_RULE" => "", "SHOW_CLOSE_POPUP" => "Y", "SHOW_DISCOUNT_PERCENT" => "Y", "SHOW_MAX_QUANTITY" => "M", "SHOW_OLD_PRICE" => "Y", "SHOW_PAGINATION" => "Y", "SHOW_PRICE_COUNT" => "1", "SHOW_SLIDER" => "Y", "SLIDER_INTERVAL" => "3000", "SLIDER_PROGRESS" => "N", "TEMPLATE_THEME" => "green", "USE_ENHANCED_ECOMMERCE" => "N", "USE_PRICE_COUNT" => "N", "USE_PRODUCT_QUANTITY" => "N", "VIEW_MODE" => "SLIDER" , false, Array( 'ACTIVE_COMPONENT' => 'Y' ) );?> </div> </div> <div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="spec"> <div class=" block-margin-top-m"> <?$APPLICATION->IncludeComponent( "bitrix:catalog.top", "", Array( "ACTION_VARIABLE" => "action", "ADD_PICT_PROP" => "FOTO", "ADD_PROPERTIES_TO_BASKET" => "Y", "ADD_TO_BASKET_ACTION" => "ADD", "BASKET_URL" => "/personal/cart/", "CACHE_FILTER" => "N", "CACHE_GROUPS" => "Y", "CACHE_TIME" => "36000000", "CACHE_TYPE" => "A", "COMPARE_NAME" => "CATALOG_COMPARE_LIST", "COMPARE_PATH" => "/catalog/compare.php?action=#ACTION_CODE#", "COMPATIBLE_MODE" => "Y", "COMPOSITE_FRAME_MODE" => "A", "COMPOSITE_FRAME_TYPE" => "AUTO", "CONVERT_CURRENCY" => "Y", "CURRENCY_ID" => "RUB", "CUSTOM_FILTER" => "", "DETAIL_URL" => "/catalog/#SECTION_ID#/#ELEMENT_ID#/", "DISCOUNT_PERCENT_POSITION" => "bottom-right", "DISPLAY_COMPARE" => "Y", "ELEMENT_COUNT" => "12", "ELEMENT_SORT_FIELD" => "sort", "ELEMENT_SORT_FIELD2" => "id", "ELEMENT_SORT_ORDER" => "asc", "ELEMENT_SORT_ORDER2" => "desc", "ENLARGE_PRODUCT" => "STRICT", "FILTER_NAME" => "Skidka", "HIDE_NOT_AVAILABLE" => "L", "HIDE_NOT_AVAILABLE_OFFERS" => "Y", "IBLOCK_ID" => "6", "IBLOCK_TYPE" => "colambus_catalog", "LABEL_PROP" => "BRAND", "LINE_ELEMENT_COUNT" => "4", "MESS_BTN_ADD_TO_BASKET" => "В корзину", "MESS_BTN_BUY" => "Купить", "MESS_BTN_COMPARE" => "Сравнить", "MESS_BTN_DETAIL" => "Подробнее", "MESS_NOT_AVAILABLE" => "Нет в наличии", "MESS_RELATIVE_QUANTITY_FEW" => "В наличии", "MESS_RELATIVE_QUANTITY_MANY" => "В наличии", "MESS_SHOW_MAX_QUANTITY" => "В наличии", "OFFERS_LIMIT" => "12", "PARTIAL_PRODUCT_PROPERTIES" => "N", "PRICE_CODE" => array("base price" , "PRICE_VAT_INCLUDE" => "Y", "PRODUCT_BLOCKS_ORDER" => "price,props,sku,quantityLimit,quantity,buttons,compare", "PRODUCT_ID_VARIABLE" => "id", "PRODUCT_PROPERTIES" => array(), "PRODUCT_PROPS_VARIABLE" => "prop", "PRODUCT_QUANTITY_VARIABLE" => "quantity", "PRODUCT_ROW_VARIANTS" => "[{'VARIANT':'6','BIG_DATA':false}]", "PRODUCT_SUBSCRIPTION" => "Y", "PROPERTY_CODE" => array("","" , "PROPERTY_CODE_MOBILE" => array(), "RELATIVE_QUANTITY_FACTOR" => "5", "ROTATE_TIMER" => "20", "SECTION_ID_VARIABLE" => "SECTION_ID", "SECTION_URL" => "", "SEF_MODE" => "Y", "SEF_RULE" => "", "SHOW_CLOSE_POPUP" => "Y", "SHOW_DISCOUNT_PERCENT" => "Y", "SHOW_MAX_QUANTITY" => "M", "SHOW_OLD_PRICE" => "Y", "SHOW_PAGINATION" => "Y", "SHOW_PRICE_COUNT" => "1", "SHOW_SLIDER" => "Y", "SLIDER_INTERVAL" => "3000", "SLIDER_PROGRESS" => "N", "TEMPLATE_THEME" => "red", "USE_ENHANCED_ECOMMERCE" => "N", "USE_PRICE_COUNT" => "N", "USE_PRODUCT_QUANTITY" => "N", "VIEW_MODE" => "SLIDER" , false, Array( 'ACTIVE_COMPONENT' => 'Y' ) );?> </div> </div> <div class="tab-pane fade" id="tab3" role="tabpanel" aria-labelledby="lider"> <div class=" block-margin-top-m"> <?$APPLICATION->IncludeComponent("bitrix:catalog.top", "leadertop", Array( "ACTION_VARIABLE" => "action", // Название переменной, в которой передается действие "ADD_PICT_PROP" => "FOTO", // Дополнительная картинка основного товара "ADD_PROPERTIES_TO_BASKET" => "Y", // Добавлять в корзину свойства товаров и предложений "ADD_TO_BASKET_ACTION" => "ADD", // Показывать кнопку добавления в корзину или покупки "BASKET_URL" => "/personal/cart/", // URL, ведущий на страницу с корзиной покупателя "CACHE_FILTER" => "N", // Кешировать при установленном фильтре "CACHE_GROUPS" => "Y", // Учитывать права доступа "CACHE_TIME" => "36000000", // Время кеширования (сек.) "CACHE_TYPE" => "A", // Тип кеширования "COMPARE_NAME" => "CATALOG_COMPARE_LIST", // Уникальное имя для списка сравнения "COMPARE_PATH" => "/catalog/compare.php?action=#ACTION_CODE#", // Путь к странице сравнения "COMPATIBLE_MODE" => "Y", // Включить режим совместимости "COMPOSITE_FRAME_MODE" => "A", // Голосование шаблона компонента по умолчанию "COMPOSITE_FRAME_TYPE" => "AUTO", // Содержимое компонента "CONVERT_CURRENCY" => "Y", // Показывать цены в одной валюте "CURRENCY_ID" => "RUB", // Валюта, в которую будут сконвертированы цены "CUSTOM_FILTER" => "", "DETAIL_URL" => "/catalog/#SECTION_ID#/#ELEMENT_ID#/", // URL, ведущий на страницу с содержимым элемента раздела "DISCOUNT_PERCENT_POSITION" => "bottom-right", "DISPLAY_COMPARE" => "Y", // Разрешить сравнение товаров "ELEMENT_COUNT" => "12", // Количество выводимых элементов "ELEMENT_SORT_FIELD" => "sort", // По какому полю сортируем элементы "ELEMENT_SORT_FIELD2" => "id", // Поле для второй сортировки элементов "ELEMENT_SORT_ORDER" => "asc", // Порядок сортировки элементов "ELEMENT_SORT_ORDER2" => "desc", // Порядок второй сортировки элементов "ENLARGE_PRODUCT" => "STRICT", "FILTER_NAME" => "Lider", // Имя массива со значениями фильтра для фильтрации элементов "HIDE_NOT_AVAILABLE" => "L", // Недоступные товары "HIDE_NOT_AVAILABLE_OFFERS" => "Y", // Недоступные торговые предложения "IBLOCK_ID" => "6", // Инфоблок "IBLOCK_TYPE" => "colambus_catalog", // Тип инфоблока "LABEL_PROP" => "BRAND", // Свойство меток товара "LINE_ELEMENT_COUNT" => "4", // Количество элементов выводимых в одной строке таблицы "MESS_BTN_ADD_TO_BASKET" => "В корзину", // Текст кнопки "Добавить в корзину" "MESS_BTN_BUY" => "Купить", // Текст кнопки "Купить" "MESS_BTN_COMPARE" => "Сравнить", // Текст кнопки "Сравнить" "MESS_BTN_DETAIL" => "Подробнее", // Текст кнопки "Подробнее" "MESS_NOT_AVAILABLE" => "Нет в наличии", // Сообщение об отсутствии товара "MESS_RELATIVE_QUANTITY_FEW" => "В наличии", // Текст для значения меньше "MESS_RELATIVE_QUANTITY_MANY" => "В наличии", // Текст для значения больше "MESS_SHOW_MAX_QUANTITY" => "В наличии", // Текст для остатка "OFFERS_LIMIT" => "12", // Максимальное количество предложений для показа (0 - все) "PARTIAL_PRODUCT_PROPERTIES" => "N", // Разрешить добавлять в корзину товары, у которых заполнены не все характеристики "PRICE_CODE" => array( // Тип цены 0 => "base price", , "PRICE_VAT_INCLUDE" => "Y", // Включать НДС в цену "PRODUCT_BLOCKS_ORDER" => "price,props,sku,quantityLimit,quantity,buttons,compare", "PRODUCT_ID_VARIABLE" => "id", // Название переменной, в которой передается код товара для покупки "PRODUCT_PROPERTIES" => "", // Характеристики товара "PRODUCT_PROPS_VARIABLE" => "prop", // Название переменной, в которой передаются характеристики товара "PRODUCT_QUANTITY_VARIABLE" => "quantity", // Название переменной, в которой передается количество товара "PRODUCT_ROW_VARIANTS" => "[{'VARIANT':'6','BIG_DATA':false}]", "PRODUCT_SUBSCRIPTION" => "Y", "PROPERTY_CODE" => array( // Свойства 0 => "", 1 => "", , "PROPERTY_CODE_MOBILE" => "", // Свойства товаров, отображаемые на мобильных устройствах "RELATIVE_QUANTITY_FACTOR" => "5", // Значение, от которого происходит подмена "ROTATE_TIMER" => "20", // Время показа одного слайда, сек (0 - выключить автоматическую смену слайдов) "SECTION_ID_VARIABLE" => "SECTION_ID", // Название переменной, в которой передается код группы "SECTION_URL" => "", // URL, ведущий на страницу с содержимым раздела "SEF_MODE" => "Y", // Включить поддержку ЧПУ "SEF_RULE" => "", // Правило для обработки "SHOW_CLOSE_POPUP" => "Y", // Показывать кнопку продолжения покупок во всплывающих окнах "SHOW_DISCOUNT_PERCENT" => "Y", // Показывать процент скидки "SHOW_MAX_QUANTITY" => "M", // Показывать остаток товара "SHOW_OLD_PRICE" => "Y", // Показывать старую цену "SHOW_PAGINATION" => "Y", // Показывать навигацию по слайдам "SHOW_PRICE_COUNT" => "1", // Выводить цены для количества "SHOW_SLIDER" => "Y", "SLIDER_INTERVAL" => "3000", "SLIDER_PROGRESS" => "N", "TEMPLATE_THEME" => "yellow", // Цветовая тема "USE_ENHANCED_ECOMMERCE" => "N", "USE_PRICE_COUNT" => "N", // Использовать вывод цен с диапазонами "USE_PRODUCT_QUANTITY" => "N", // Разрешить указание количества товара "VIEW_MODE" => "SLIDER", // Показ элементов , false, array( "ACTIVE_COMPONENT" => "Y" );?> </div> </div> </div> </div>
|
|