Это архивное видео. В принципе вся информация актуальна, но рекомендуется смотреть новую версию:
Разработка проекта на 1С-Битрикс
Выводим отфильтрованные товары на главную страницу сайта, через компонент "Топ элементов".
В продолжение к данной части: Запись прямой трансляции
Стрим: Верстка табов с каруселями внутри полосы с фоном
Для реализации понадобятся файлы
Все серии
-
Часть 1: Вступление
-
Часть 2: Установка типового магазина битрикс на сервере
-
Часть 3: Очистка решения от демо данных
-
Часть 4: Базовая верстка psd макета в шаблон Битрикс
-
Часть 5: Создание основной структуры сайта, работа с компонентами
-
Часть 6: Выгрузка номенклатуры товаров из 1С в Битрикс
-
Часть 7: Создание инфоблоков и вывод инфоблоков через API
-
Часть 8: Вывод новостей на сайт
-
Часть 9: Верстка шаблона новостей
-
Часть 10: Вывод списка магазинов на сайт
-
Часть 11: Создание фотогалереи из компонента новостей
-
Часть 12: Вывод каталога на сайт, применение старого шаблона
-
Часть 13: Расчистка шаблона каталога, вывод основного меню на сайт
-
Часть 14: Базовая верстка карточки товара в Битрикс
-
Часть 15: Базовая верстка списка товаров разделов и умного фильтра
-
Часть 16: Вывод топов товаров на главную страницы, с фильтрацией по свойству
-
Часть 17: Настройка персонального раздела пользователя
-
Часть 18: Базовая поисковая оптимизация
-
Часть 19: Заключительная- ответы на вопросы из комментариев к урокам
Можете подсказать как реализовать раздел "Распродажа" где будут выводиться все товары у которых есть скидка.
Пробовал следующий вариант, но ничего не получилось. Выводит только весь товар, а фильтр не применяется.
Михаил, спасибо за отличные уроки! Они реально на уровне. Просмотрев все Ваши видео не нашел как выводить отдельно товары с скидками.
Можете подсказать как реализовать раздел "Распродажа" где будут выводиться все товары у которых есть скидка.
Пробовал следующий вариант, но ничего не получилось. Выводит только весь товар, а фильтр не применяется.
Как правило, из 1С передается (очень давно не делал сайты без 1С) свойства "Скидка"
Это просто число, можно и строкой передавать, но число удобнее. Можно, например, использовать в умном фильтре с ползунками От-До
И навесить бирку с величиной скидки
В нужном месте сайта вызываю catalog.section и навешиваю фильтр, который просто проверяет свойство "Скидка" на пустоту (отфильтрует не пустые)
Пример тут http://copy.baby-shoes.su/sales/
вот код : подскажите что я мог упустить? как прописать условие,чтобы при переключении не происходило выпадания предыдущей вкладки?
<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>
к примеру зашли мы в карточку товара "Телевизор" у него есть свойство "Модель - ИЗОГНУТЫЙ"
и тут же вывести топ телевизоров со свойством "Модель - ИЗОГНУТЫЙ"
Здравствуйте, подскажите возможно ли вывести "топ товаров" в детальной карте товара по аналогичному значению заполненного свойства???
к примеру зашли мы в карточку товара "Телевизор" у него есть свойство "Модель - ИЗОГНУТЫЙ"
и тут же вывести топ телевизоров со свойством "Модель - ИЗОГНУТЫЙ"