Часть 7: Создание инфоблоков и вывод инфоблоков через API

Просмотров: 9045

Создаем инфоблоки для вывода динамичной информации на сайт, на примере разделов фотогалереи, новостей и списка магазинов.

Вывод динамичной информации на сайт через API на примере слайдера.

Для реализации понадобятся файлы

Дополнительные файлы

Все серии

Артур Моцкевичус 30.03.2016
Добрый день, а будет урок где слайдер адаптивным делаете?
Михаил Базаров 30.03.2016
Цитата
Артур Моцкевичус написал:
Добрый день, а будет урок где слайдер адаптивным делаете?
Думаю да, но как скоро не знаю.
Станислав Мишин 05.07.2017
Здравствуйте, Михаил!

Очень полезный урок. Спасибо. У меня возникла трудность по подгонке размера изображения. Не работает свойство "width=100%" в тэге li (по отношению к картинке в backgroud-е). Высота спокойно меняется, но не меняется ширина. Я понимаю, что картинка выводится backgroud-ом в li, но не могу понять как этот backgroud подогнать по ширину окна. Пробовал backgroud-size и 100% и auto, ничего не помогает. Возможно я не правильно применяю стили в коде API... Подскажите пожалуйста решение проблемы.
Михаил Базаров 05.07.2017
Цитата
Станислав Мишин написал:
Здравствуйте, Михаил!

Очень полезный урок. Спасибо. У меня возникла трудность по подгонке размера изображения. Не работает свойство "width=100%" в тэге li (по отношению к картинке в backgroud-е). Высота спокойно меняется, но не меняется ширина. Я понимаю, что картинка выводится backgroud-ом в li, но не могу понять как этот backgroud подогнать по ширину окна. Пробовал backgroud-size и 100% и auto, ничего не помогает. Возможно я не правильно применяю стили в коде API... Подскажите пожалуйста решение проблемы.
background-size:contain или background-size:cover
Посмотрите, что вам там больше подойдет. По сути оба растянут, но немного по разному (как замостить и растянуть)

cover
Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.

contain
Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.

Еще как вариант
background-size: 100% auto;
derherbst 18.07.2017
Михаил, добрый день.
Спасибо за 10 и 11 уроки, очень помогли с выводом фотогаллереи.

Есть только один момент, который не понимаю как разобрать.

Я создал галлерею через компонент новости, фотографии выкладываются одним потоком. В админке создал тип инфоболока (Контент сайта), создал сам инфоблок (Галлерея наград) и в нем создал разделы по годам (2017, 2016, 2015 .... ) и в них уже фотографии в качестве элементов.

Фотографии идут одним потоком, но сейчас есть задача разделить их по разделам, чтобы при нажатии на пункт меню (Галлерея наград) у меня сначала появлялдись разделы с годами а при нажатии на них я уже переходил в саму галлерею. Наверное что-то надо сделать с ЧПУ? Я новичок в битрикс поэтому был бы рад помощи.

Заранее спасибо
Михаил Базаров 18.07.2017
Цитата
derherbst написал:
Михаил, добрый день.
Спасибо за 10 и 11 уроки, очень помогли с выводом фотогаллереи.

Есть только один момент, который не понимаю как разобрать.

Я создал галлерею через компонент новости, фотографии выкладываются одним потоком. В админке создал тип инфоболока (Контент сайта), создал сам инфоблок (Галлерея наград) и в нем создал разделы по годам (2017, 2016, 2015 .... ) и в них уже фотографии в качестве элементов.

Фотографии идут одним потоком, но сейчас есть задача разделить их по разделам, чтобы при нажатии на пункт меню (Галлерея наград) у меня сначала появлялдись разделы с годами а при нажатии на них я уже переходил в саму галлерею. Наверное что-то надо сделать с ЧПУ? Я новичок в битрикс поэтому был бы рад помощи.

Заранее спасибо
Вот так https://camouf.ru/blog-note/2546/ принцип тот же
derherbst 19.07.2017
Цитата
Михаил Базаров написал:
Цитата
derherbst  написал:
Михаил, добрый день.
Спасибо за 10 и 11 уроки, очень помогли с выводом фотогаллереи.

Есть только один момент, который не понимаю как разобрать.

Я создал галлерею через компонент новости, фотографии выкладываются одним потоком. В админке создал тип инфоболока (Контент сайта), создал сам инфоблок (Галлерея наград) и в нем создал разделы по годам (2017, 2016, 2015 .... ) и в них уже фотографии в качестве элементов.

Фотографии идут одним потоком, но сейчас есть задача разделить их по разделам, чтобы при нажатии на пункт меню (Галлерея наград) у меня сначала появлялдись разделы с годами а при нажатии на них я уже переходил в саму галлерею. Наверное что-то надо сделать с ЧПУ? Я новичок в битрикс поэтому был бы рад помощи.

Заранее спасибо
Вот так  https://camouf.ru/blog-note/2546/  принцип тот же
спасибо! все сделал как на видео, но в итоге когда я нажимаю на раздел все равно отображаются абсолютно все фотографии. с ЧПУ вроде все также как в вашем видео. Может надо самим элементам в разделе что-то задать? ID у всех вроде стоят, не понимаю в чем может быт ьпроблема. Скрины загрузить почему-то не получается, вот то что в окне настройки разделов:[TABLE][TR][TD]URL, ведущий на страницу с содержимым раздела:[/TD][/TR][/TABLE]/company/gallery/#SECTION_CODE#

вот окно настройки раздела Новости (в нем у меня галлерея)
[TABLE][TR][TD]Управление адресами страниц[/TD][/TR][TR][TD]Включить поддержку ЧПУ:[/TD][TD]+[/TD][/TR][TR][TD]Каталог ЧПУ (относительно корня сайта):[/TD][TD]/company/gallery/[/TD][/TR][TR][TD]Страница общего списка:[/TD][TD][/TD][/TR][TR][TD]Страница раздела:[/TD][TD]/company/gallery/#SECTION_CODE#[/TD][/TR][TR][TD]Страница детального просмотра:[/TD][TD]#SECTION_CODE#/#ELEMENT_CODE#.html[/TD][/TR][/TABLE]
derherbst 19.07.2017
Цитата
Михаил Базаров написал:
Цитата
derherbst  написал:
Михаил, добрый день.
Спасибо за 10 и 11 уроки, очень помогли с выводом фотогаллереи.

Есть только один момент, который не понимаю как разобрать.

Я создал галлерею через компонент новости, фотографии выкладываются одним потоком. В админке создал тип инфоболока (Контент сайта), создал сам инфоблок (Галлерея наград) и в нем создал разделы по годам (2017, 2016, 2015 .... ) и в них уже фотографии в качестве элементов.

Фотографии идут одним потоком, но сейчас есть задача разделить их по разделам, чтобы при нажатии на пункт меню (Галлерея наград) у меня сначала появлялдись разделы с годами а при нажатии на них я уже переходил в саму галлерею. Наверное что-то надо сделать с ЧПУ? Я новичок в битрикс поэтому был бы рад помощи.

Заранее спасибо
Вот так  https://camouf.ru/blog-note/2546/  принцип тот же

спасибо! все сделал как на видео, но в итоге когда я нажимаю на раздел все равно отображаются абсолютно все фотографии. с ЧПУ вроде все также как в вашем видео. Может надо самим элементам в разделе что-то задать? ID у всех вроде стоят, не понимаю в чем может быт ьпроблема. Скрины загрузить почему-то не получается, вот то что в окне настройки разделов:
URL, ведущий на страницу с содержимым раздела:
/company/gallery/#SECTION_CODE#

вот окно настройки раздела Новости (в нем у меня галлерея)

Управление адресами страниц

Включить поддержку ЧПУ  +
Каталог ЧПУ относительно корня сайта    /company/gallery/
Страница общего списка:
Страница раздела: /company/gallery/#SECTION_CODE#
Страница детального просмотра: #SECTION_CODE#/#ELEMENT_CODE#.html
cdl 19.02.2018
Здравствуйте!
Подскажите пожалуйста Вроде всё сделал как в уроке а картинка слайдера не масштабируется Виден только левый край картинки. Картинка 2500pх на 1230px в слайдере 100% х 400px Комментарии читал не помогает. Что же отвечает за масштабирование
Может появился ещё какой более новый урок про слайдер?, если с этим проблему не решить.
Михаил Базаров 20.02.2018
Цитата
cdl написал:
Здравствуйте!
Подскажите пожалуйста Вроде всё сделал как в уроке а картинка слайдера не масштабируется Виден только левый край картинки. Картинка 2500pх на 1230px в слайдере 100% х 400px Комментарии читал не помогает. Что же отвечает за масштабирование
Может появился ещё какой более новый урок про слайдер?, если с этим проблему не решить.
Да нет. Если все точно сделали, должно работать. Ни каких изменений тут не происходило, от битрикса это не зависит- просто верстка. Нужно смотреть на конкретном примере, что бы понять проблему. Но скорее всего, где-то в верстке ошибка у Вас