Видеоурок №12: верстка каталога в Битрикс

   RSS
Видеоурок №12: верстка каталога в Битрикс
 
Видеоурок №12: верстка каталога в Битрикс

Верстаем компонент каталога в битрикс. Выводим изображения и описания категорий товаров, выводи свойства в карточку товара и окультуриваем внешний вид списка товаров.
Ответить
Ответы
 
у нас  сайт почти готов, я делаю то что Вы предлагаете, т.е. отключаю вывод товаров в топ после списка разделов, но этого не происходит они все равно выводятся В чем может быть причина
 
Цитата
Анна пишет:
у нас сайт почти готов, я делаю то что Вы предлагаете, т.е. отключаю вывод товаров в топ после списка разделов, но этого не происходит они все равно выводятся В чем может быть причина
Быть может удалили условиие из шаблона. Технически: можете вообще удалить вызов топа каталога из sections.php (не путать с section.php) в папке с шаблоном
 
Михаил добрый день. Заметил что Анна написала вам свой вопрос гораздо позже чем я и вы ей ответили а меня хотя я написал свой вопрос почти на месяц раньше проигнорировали. На мой взгляд это не очень хорошо. Или вы отвечаете на вопросы на платной основе???
 
Цитата
Виктор пишет:
Михаил добрый день. Заметил что Анна написала вам свой вопрос гораздо позже чем я и вы ей ответили а меня хотя я написал свой вопрос почти на месяц раньше проигнорировали. На мой взгляд это не очень хорошо. Или вы отвечаете на вопросы на платной основе???
Нет, бесплатно (но мысль мне нравится  ;) ) - но отвечаю когда есть время.
Вашего может не увидел или увидел и забыл. Плюс тут часто задают одни и те же вопросы,  возможно ответил где-то в другом месте.

Я тут один отвечаю, сотрудников не держу. Мой форум-мои правила :)  Но в любом случае не со зла не ответил.
 
Михаил простите ради бога. Я не хотел вас обидеть и оскорбить. Еще раз прошу прощения. И спасибо вам за видеоурок. Очень хорошо вы рассказали про первую часть. Ну я там сам в принципе разобрался так что все нормально.  :)
 
Добрый день Михаил. В какой именно папке находится этот файл "template.php"?
 
Цитата
Дима пишет:
Добрый день Михаил. В какой именно папке находится этот файл "template.php"?
/bitrix/templates/ШАБЛОН_САЙТА/components/bitrix/catalog/ВСЕ­ ТУТ
 
Цитата
Михаил Базаров пишет:
Цитата
Дима пишет:
Добрый день Михаил. В какой именно папке находится этот файл "template.php"?
/bitrix/templates/ШАБЛОН_САЙТА/components/bitrix/catalog/ВСЕ­ ­ ТУТ
Я захожу по адресу /bitrix/templates/ШАБЛОН_САЙТА/components/bitrix/catalog/tem­plate/bitrix и там нахотидся 11 папок, в какой из них находиться тот самый файл "template.php" который вы редактируете на видео?
 
Цитата
Guest пишет:
Цитата
Михаил Базаров пишет:
Цитата
Дима пишет:
Добрый день Михаил. В какой именно папке находится этот файл "template.php"?
/bitrix/templates/ШАБЛОН_САЙТА/components/bitrix/catalog/ВСЕ­ ­ ­ ТУТ
Я захожу по адресу /bitrix/templates/ШАБЛОН_САЙТА/components/bitrix/catalog/tem­ ­plate/bitrix и там нахотидся 11 папок, в какой из них находиться тот самый файл "template.php" который вы редактируете на видео?
Смотрите внимательно видео
 
В 1С-Битрикс: Управление сайтом 15.5.1 сейчас очень сильно отличается темплейт компонента текущей версии битрикса от описанной в уроке. Нет таблиц вообще, все на див тегах....

Также по-моему есть ошибка в системе - когда ставить отображение списка один лемент на строку, реально отображается 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?
Может скрипт добавляет?

Можно-ли обновить урок по темплету текущей версии?
 
Битрикс 15.5.1.
Просьба еще подсказать как получить фото загруженные в свойства.
Поле $arResult['MORE_PHOTO'] использованое в уроке не работает. Там только массив из одного объекта - детальное фото.
Добавить еще одно фото в детальное через интефейс нельзя (видимо ограничение версии...). Я так понимаю что это стадартное поле информационного блока, а не поле его свойства (просто названия совпадают).

Пробовал пройти через пропетисы $arResult["PROPERTIES"]["MORE_PHOTO"]["VALUE"] - там только строки с ИД загруженных элементов. Но как поличть их SRC?
 
Цитата
Степан пишет:
Битрикс 15.5.1.
Просьба еще подсказать как получить фото загруженные в свойства.
Поле $arResult['MORE_PHOTO'] использованое в уроке не работает. Там только массив из одного объекта - детальное фото.
Добавить еще одно фото в детальное через интефейс нельзя (видимо ограничение версии...). Я так понимаю что это стадартное поле информационного блока, а не поле его свойства (просто названия совпадают).

Пробовал пройти через пропетисы $arResult["PROPERTIES"]["MORE_PHOTO"]["VALUE"] - там только строки с ИД загруженных элементов. Но как поличть их SRC?
Воспользуйтесь вот этой запиской http://camouf.ru/blog-note/301/ с каталогом, в принципе так же
 
Здравствуйте Михаил! Подскажите, как сделать, чтобы в списке разделов Каталога товаров каждый пункт раздела имел бы собственное оформление. Как-то нужно, видимо, без цикла foreach обойтись?
 
Цитата
Дмитрий пишет:
Здравствуйте Михаил! Подскажите, как сделать, чтобы в списке разделов Каталога товаров каждый пункт раздела имел бы собственное оформление. Как-то нужно, видимо, без цикла foreach обойтись?
А оформление через файл стилей не подходит, через :nth-child(номер пункта раздела) ?  
 
Цитата
Михаил Базаров пишет:
Цитата
Дмитрий пишет:
Здравствуйте Михаил! Подскажите, как сделать, чтобы в списке разделов Каталога товаров каждый пункт раздела имел бы собственное оформление. Как-то нужно, видимо, без цикла foreach обойтись?
А оформление через файл стилей не подходит, через :nth-child(номер пункта раздела) ?
этот способ я видел в одном из Ваших ответов в другой теме, но к сожалению он не подходит, т.к. из массиве $arResult['SECTIONS'] элементы в цикле выводятся в алфавитном порядке, а мне нужно в другом порядке. Я по другому сформулирую вопрос: как работать с пунктами раздела вообще без цикла foreach?
 
Цитата
Дмитрий пишет:
Цитата
Михаил Базаров пишет:
Цитата
Дмитрий пишет:
Здравствуйте Михаил! Подскажите, как сделать, чтобы в списке разделов Каталога товаров каждый пункт раздела имел бы собственное оформление. Как-то нужно, видимо, без цикла foreach обойтись?
А оформление через файл стилей не подходит, через :nth-child(номер пункта раздела) ?
этот способ я видел в одном из Ваших ответов в другой теме, но к сожалению он не подходит, т.к. из массиве $arResult['SECTIONS'] элементы в цикле выводятся в алфавитном порядке, а мне нужно в другом порядке. Я по другому сформулирую вопрос: как работать с пунктами раздела вообще без цикла foreach?
Совсем без  foreach, думаю ни как- это в любом случае цикл. Можете попробовать создать пользовательское свойство для раздела
и добавлять его class="<?=$arSection["КОД_СВОЙСТВА"]?>"
 
Цитата
Михаил Базаров пишет:
Совсем безforeach, думаю ни как- это в любом случае цикл. Можете попробовать создать пользовательское свойство для раздела
и добавлять его class="<?=$arSection["КОД_СВОЙСТВА"]?>"
Да, без foreach  обойтись не удалось. С помощью foreach обошел все пункты раздела, а с помощью  swtch-case в теле цикла сформировал массив из этих пунктов в нужной последовательности. Пока с этим разбирался определил что
$arResult["SECTIONS_COUNT"] - возвращает кол-во разделов,
$arResult['SECTIONS'][индекс ]['SECTION_PAGE_URL'] - URL к странице с содержимым раздела
$arResult['SECTIONS'][индекс]["NAME"] - это имя раздела...
А что там в $arResult[ ] еще есть? Где почитать об этом можно?
 
Цитата
Дмитрий пишет:
Цитата
Михаил Базаров пишет:
Совсем безforeach, думаю ни как- это в любом случае цикл. Можете попробовать создать пользовательское свойство для раздела
и добавлять его class="<?=$arSection["КОД_СВОЙСТВА"]?>"
Да, без foreach обойтись не удалось. С помощью foreach обошел все пункты раздела, а с помощью swtch-case в теле цикла сформировал массив из этих пунктов в нужной последовательности. Пока с этим разбирался определил что
$arResult["SECTIONS_COUNT"] - возвращает кол-во разделов,
$arResult['SECTIONS'][индекс ]['SECTION_PAGE_URL'] - URL к странице с содержимым раздела
$arResult['SECTIONS'][индекс]["NAME"] - это имя раздела...
А что там в $arResult[ ] еще есть? Где почитать об этом можно?
Код
<? 
echo '<pre>'; print_r($arResult); echo '</pre>';
?>
 
Цитата
Михаил Базаров пишет:
Код <?
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+ там совсем нет верстки, только РНР коды. Есть вывод плиткой, но как изменить ее стили шрифты размеры иконок ....
 
Цитата
Артем Попов написал:
Подскажите! Как править шаблоны в версии 18+ там совсем нет верстки, только РНР коды. Есть вывод плиткой, но как изменить ее стили шрифты размеры иконок ....
Там, сам шаблон стал сильно сложнее. Нужно потратить время, что бы с ним разобраться, но суть вся та же:
- верстка в template.php
- стили в style.min.css
Ответить
Читают тему
Форма ответов
 
Текст сообщения*
Перетащите файлы
Ничего не найдено
Файл
Загрузить картинки
 
Поблагодарить и поддержать:
Или подписаться на boosty канал: Видео на Bst
Место для вашей рекламы.
Сквозная по:

15 000 руб/мес.

Обязательно через ОРД
со счетами и актами

Блог-note: заметки разработчика

Вывести товары из того же раздела в карточке товара

Немножко топорный, но все же вполне действенный способ по выводу внутри подробной карточки товара, элементов того же раз...

Использование WebP изображений в 1С-Битрикс (на Битрикс: Веб окружение)

WebP это современный формат сжатия изображений, который позволяет, при правильных настройках и уровнях сжатий, уменьшить...

Переключатель валюты в каталоге 1С-Битрикс

Задача: Дать пользователю возможность самостоятельно выбирать валюту, в которой он хочет видеть цены, в разделе каталога...

Вывод даты создания элемента в правильном формате в Битрикс

Если нужно вывести дату создания новости, статьи или товара в каталоге, в принципе любого элемента инфоблока- можно восп...

Мобильные версии страниц и поисковые системы

Согласно требования поисковых систем: Яндекс и Google, в случае если у вашего сайта имеется мобильная версия, нужно увед...

Показать пользователей онлайн на странице сайта

Задача: показать на странице сайта пользователей которые сейчас находятся на сайте. Используется штатный модуль "Ве...

Получение доступа к железу устройства из Битрикс мобильное приложение

Документация к мобильному приложению 1С-Битрикс очень куцая. В основном описывает функционал добавляемый BXMobileApp. ...

Заполнить картинки разделов каталога из картинок товаров

Задача: в каталоге, разделы и подразделы выводятся в виде плитки над товарами, с картинками разделов. Так как разделов и...

Настройка выгрузки товаров в Яндекс Маркет с сайта Битрикс

Настройка выгрузки в Яндекс маркет в формате yml, выполняется достаточно просто, кроме одной заморочки: в типовой постав...