Верстаем компонент каталога в битрикс. Выводим изображения и описания категорий товаров, выводим свойства в карточку товара и окультуриваем внешний вид списка товаров.
Так как, в нынешней 14 версии шаблоны каталога достаточно сильно отличаются от старых версий, то прикладываю старые версии каталога Старые шаблоны битрикс для простой верстки
Видеоурок №12: верстка каталога в Битрикс
Все серии
-
Видеоурок №1: вводный
-
Видеоурок №2: верстка макета на HTML/CSS
-
Видеоурок №3: установка битрикс на виртуальную машину
-
Видеоурок №4: создаем шаблон битрикс из HTML/CSS макета сайта
-
Видеоурок №5: создание меню
-
Видеоурок №6: создаем простые инфоблоки и выводим на сайт
-
Видеоурок №7: включаемые области в битрикс
-
Видеоурок №8: создание слайдера
-
Видеоурок №9: наводим марафет на сайте
-
Видеоурок №10: создание каталога товаров
-
Видеоурок №11: перенос сайта на хостинг
-
Видеоурок №12: верстка каталога в Битрикс
-
Видеоурок №13: выводим анонсы каталога
-
Видеоурок №14: послесловие и немного тупняка с Яндексом
Комментарии к видео
Добрый день Михаил. В какой именно папке находится этот файл "template.php"?
Добрый день Михаил. В какой именно папке находится этот файл "template.php"?
Также по-моему есть ошибка в системе - когда ставить отображение списка один лемент на строку, реально отображается 3 элемента вместо одного.
В CSS к шаблону компоненты есть классы для разных количеств колонок тега div который выводит строку товаров.
.bx_catalog_item.col1; .bx_catalog_item.col2... .bx_catalog_item.col5
Когда ставишь значений параметра 1 тогда должна генерироваться страница с классом тэга div col1. И тогда будет действовать правило CSS .bx_catalog_list_home.col1 .bx_catalog_item{padding:1px 26px;margin:0 0 30px 0 ;width:100%}
А в исходной странице сайта мы реально видим клас .bx_catalog_list_home.col3 и соотвественно 3 колонки вместо одной на сайте.
Похоже на глюк генерации страницы с компонентой?
В темпейлте не могу найти где именно устанавливается клас колонки. Есть только такой код
<div class="<? echo ($arItem['SECOND_PICT'] ? 'bx_catalog_item double' : 'bx_catalog_item'); ?>">
Как видим div закрывается и у него класс просто bx_catalog_item а как и на какой стадии туда попадает еще класс col1 ... col5?
Может скрипт добавляет?
Можно-ли обновить урок по темплету текущей версии?
Просьба еще подсказать как получить фото загруженные в свойства.
Поле $arResult['MORE_PHOTO'] использованое в уроке не работает. Там только массив из одного объекта - детальное фото.
Добавить еще одно фото в детальное через интефейс нельзя (видимо ограничение версии...). Я так понимаю что это стадартное поле информационного блока, а не поле его свойства (просто названия совпадают).
Пробовал пройти через пропетисы $arResult["PROPERTIES"]["MORE_PHOTO"]["VALUE"] - там только строки с ИД загруженных элементов. Но как поличть их SRC?
Битрикс 15.5.1.
Просьба еще подсказать как получить фото загруженные в свойства.
Поле $arResult['MORE_PHOTO'] использованое в уроке не работает. Там только массив из одного объекта - детальное фото.
Добавить еще одно фото в детальное через интефейс нельзя (видимо ограничение версии...). Я так понимаю что это стадартное поле информационного блока, а не поле его свойства (просто названия совпадают).
Пробовал пройти через пропетисы $arResult["PROPERTIES"]["MORE_PHOTO"]["VALUE"] - там только строки с ИД загруженных элементов. Но как поличть их SRC?
Здравствуйте Михаил! Подскажите, как сделать, чтобы в списке разделов Каталога товаров каждый пункт раздела имел бы собственное оформление. Как-то нужно, видимо, без цикла foreach обойтись?
Здравствуйте Михаил! Подскажите, как сделать, чтобы в списке разделов Каталога товаров каждый пункт раздела имел бы собственное оформление. Как-то нужно, видимо, без цикла foreach обойтись?
Здравствуйте Михаил! Подскажите, как сделать, чтобы в списке разделов Каталога товаров каждый пункт раздела имел бы собственное оформление. Как-то нужно, видимо, без цикла foreach обойтись?
и добавлять его class="<?=$arSection["КОД_СВОЙСТВА"]?>"
Совсем безforeach, думаю ни как- это в любом случае цикл. Можете попробовать создать пользовательское свойство для раздела
и добавлять его class="<?=$arSection["КОД_СВОЙСТВА"]?>"
$arResult["SECTIONS_COUNT"] - возвращает кол-во разделов,
$arResult['SECTIONS'][индекс ]['SECTION_PAGE_URL'] - URL к странице с содержимым раздела
$arResult['SECTIONS'][индекс]["NAME"] - это имя раздела...
А что там в $arResult[ ] еще есть? Где почитать об этом можно?
Совсем безforeach, думаю ни как- это в любом случае цикл. Можете попробовать создать пользовательское свойство для раздела
и добавлять его class="<?=$arSection["КОД_СВОЙСТВА"]?>"
$arResult["SECTIONS_COUNT"] - возвращает кол-во разделов,
$arResult['SECTIONS'][индекс ]['SECTION_PAGE_URL'] - URL к странице с содержимым раздела
$arResult['SECTIONS'][индекс]["NAME"] - это имя раздела...
А что там в $arResult[ ] еще есть? Где почитать об этом можно?
Код <?
echo '<pre>'; print_r($arResult); echo '</pre>';
?>
Нужна ваша помощь!
Создал свойство MORE_PHOTOS с дополнительными изображениями. Прописал в файл result_modifier.php:
<?
$arResult["MORE_PHOTO"] = array();
if(isset($arResult["PROPERTIES"]["MORE_PHOTO"]["VALUE"] ;) && is_array($arResult["PROPERTIES"]["MORE_PHOTO"]["VALUE"] ;) )
{
foreach($arResult["PROPERTIES"]["MORE_PHOTO"]["VALUE"] as $FILE)
{
$FILE = CFile::GetFileArray($FILE);
if(is_array($FILE))
$arResult["MORE_PHOTO"][]=$FILE;
}
}
?>
Теперь у меня на место детальной и превью-картинки выводится изображение из свойства MORE_PHOTO.
Как сделать, чтобы на месте детальной была детальная, а только по клику на превью она появлялась в окне детальной?
Возникла такая проблема:
-пользуясь предоставленными вами шаблонами появилась необходимость сделать в catalog.element вывод свойств торговых предложений в виде плиточек, как на популярный интернет магазинах, но в базовом компоненте свойства как и торговые предложения выводятся просто списком. Помогите решить проблему, буду очень благодарен.
И еще раз спасибо за ваши уроки, вынес из них очень много полезного.
Удачи вам в ваших делах!
Михаил, здравствуйте!
Возникла такая проблема:
-пользуясь предоставленными вами шаблонами появилась необходимость сделать в catalog.element вывод свойств торговых предложений в виде плиточек, как на популярный интернет магазинах, но в базовом компоненте свойства как и торговые предложения выводятся просто списком. Помогите решить проблему, буду очень благодарен.
И еще раз спасибо за ваши уроки, вынес из них очень много полезного.
Удачи вам в ваших делах!
Доброго времени суток! Кто знает как вывести слайдером детальные картинки торговых предложений. Чтобы при нажатии на картинку она становилась активной и соответственно выводилось торговое предложения откуда она берется.
Просто берете любой готовый слайдер с нужным функционалом или верстаете свой. а затем интегрируете с шаблоном компонента. Так ил иначе, сначала создайте верстку, без битрикса (для понимания)
Подскажите! Как править шаблоны в версии 18+ там совсем нет верстки, только РНР коды. Есть вывод плиткой, но как изменить ее стили шрифты размеры иконок ....
- верстка в template.php
- стили в style.min.css