Это архивное видео. В принципе вся информация актуальна, но рекомендуется смотреть новую версию:
Разработка проекта на 1С-Битрикс
Создаем инфоблоки для вывода динамичной информации на сайт, на примере разделов фотогалереи, новостей и списка магазинов.
Вывод динамичной информации на сайт через API на примере слайдера.
Для реализации понадобятся файлы
Все серии
-
Часть 1: Вступление
-
Часть 2: Установка типового магазина битрикс на сервере
-
Часть 3: Очистка решения от демо данных
-
Часть 4: Базовая верстка psd макета в шаблон Битрикс
-
Часть 5: Создание основной структуры сайта, работа с компонентами
-
Часть 6: Выгрузка номенклатуры товаров из 1С в Битрикс
-
Часть 7: Создание инфоблоков и вывод инфоблоков через API
-
Часть 8: Вывод новостей на сайт
-
Часть 9: Верстка шаблона новостей
-
Часть 10: Вывод списка магазинов на сайт
-
Часть 11: Создание фотогалереи из компонента новостей
-
Часть 12: Вывод каталога на сайт, применение старого шаблона
-
Часть 13: Расчистка шаблона каталога, вывод основного меню на сайт
-
Часть 14: Базовая верстка карточки товара в Битрикс
-
Часть 15: Базовая верстка списка товаров разделов и умного фильтра
-
Часть 16: Вывод топов товаров на главную страницы, с фильтрацией по свойству
-
Часть 17: Настройка персонального раздела пользователя
-
Часть 18: Базовая поисковая оптимизация
-
Часть 19: Заключительная- ответы на вопросы из комментариев к урокам
Добрый день, а будет урок где слайдер адаптивным делаете?
Очень полезный урок. Спасибо. У меня возникла трудность по подгонке размера изображения. Не работает свойство "width=100%" в тэге li (по отношению к картинке в backgroud-е). Высота спокойно меняется, но не меняется ширина. Я понимаю, что картинка выводится backgroud-ом в li, но не могу понять как этот backgroud подогнать по ширину окна. Пробовал backgroud-size и 100% и auto, ничего не помогает. Возможно я не правильно применяю стили в коде API... Подскажите пожалуйста решение проблемы.
Здравствуйте, Михаил!
Очень полезный урок. Спасибо. У меня возникла трудность по подгонке размера изображения. Не работает свойство "width=100%" в тэге li (по отношению к картинке в backgroud-е). Высота спокойно меняется, но не меняется ширина. Я понимаю, что картинка выводится backgroud-ом в li, но не могу понять как этот backgroud подогнать по ширину окна. Пробовал backgroud-size и 100% и auto, ничего не помогает. Возможно я не правильно применяю стили в коде API... Подскажите пожалуйста решение проблемы.
Посмотрите, что вам там больше подойдет. По сути оба растянут, но немного по разному (как замостить и растянуть)
cover
Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.
contain
Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.
Еще как вариант
background-size: 100% auto;
Спасибо за 10 и 11 уроки, очень помогли с выводом фотогаллереи.
Есть только один момент, который не понимаю как разобрать.
Я создал галлерею через компонент новости, фотографии выкладываются одним потоком. В админке создал тип инфоболока (Контент сайта), создал сам инфоблок (Галлерея наград) и в нем создал разделы по годам (2017, 2016, 2015 .... ) и в них уже фотографии в качестве элементов.
Фотографии идут одним потоком, но сейчас есть задача разделить их по разделам, чтобы при нажатии на пункт меню (Галлерея наград) у меня сначала появлялдись разделы с годами а при нажатии на них я уже переходил в саму галлерею. Наверное что-то надо сделать с ЧПУ? Я новичок в битрикс поэтому был бы рад помощи.
Заранее спасибо
Михаил, добрый день.
Спасибо за 10 и 11 уроки, очень помогли с выводом фотогаллереи.
Есть только один момент, который не понимаю как разобрать.
Я создал галлерею через компонент новости, фотографии выкладываются одним потоком. В админке создал тип инфоболока (Контент сайта), создал сам инфоблок (Галлерея наград) и в нем создал разделы по годам (2017, 2016, 2015 .... ) и в них уже фотографии в качестве элементов.
Фотографии идут одним потоком, но сейчас есть задача разделить их по разделам, чтобы при нажатии на пункт меню (Галлерея наград) у меня сначала появлялдись разделы с годами а при нажатии на них я уже переходил в саму галлерею. Наверное что-то надо сделать с ЧПУ? Я новичок в битрикс поэтому был бы рад помощи.
Заранее спасибо
Михаил, добрый день.
Спасибо за 10 и 11 уроки, очень помогли с выводом фотогаллереи.
Есть только один момент, который не понимаю как разобрать.
Я создал галлерею через компонент новости, фотографии выкладываются одним потоком. В админке создал тип инфоболока (Контент сайта), создал сам инфоблок (Галлерея наград) и в нем создал разделы по годам (2017, 2016, 2015 .... ) и в них уже фотографии в качестве элементов.
Фотографии идут одним потоком, но сейчас есть задача разделить их по разделам, чтобы при нажатии на пункт меню (Галлерея наград) у меня сначала появлялдись разделы с годами а при нажатии на них я уже переходил в саму галлерею. Наверное что-то надо сделать с ЧПУ? Я новичок в битрикс поэтому был бы рад помощи.
Заранее спасибо
вот окно настройки раздела Новости (в нем у меня галлерея)
[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]
Михаил, добрый день.
Спасибо за 10 и 11 уроки, очень помогли с выводом фотогаллереи.
Есть только один момент, который не понимаю как разобрать.
Я создал галлерею через компонент новости, фотографии выкладываются одним потоком. В админке создал тип инфоболока (Контент сайта), создал сам инфоблок (Галлерея наград) и в нем создал разделы по годам (2017, 2016, 2015 .... ) и в них уже фотографии в качестве элементов.
Фотографии идут одним потоком, но сейчас есть задача разделить их по разделам, чтобы при нажатии на пункт меню (Галлерея наград) у меня сначала появлялдись разделы с годами а при нажатии на них я уже переходил в саму галлерею. Наверное что-то надо сделать с ЧПУ? Я новичок в битрикс поэтому был бы рад помощи.
Заранее спасибо
спасибо! все сделал как на видео, но в итоге когда я нажимаю на раздел все равно отображаются абсолютно все фотографии. с ЧПУ вроде все также как в вашем видео. Может надо самим элементам в разделе что-то задать? ID у всех вроде стоят, не понимаю в чем может быт ьпроблема. Скрины загрузить почему-то не получается, вот то что в окне настройки разделов:
URL, ведущий на страницу с содержимым раздела:
/company/gallery/#SECTION_CODE#
вот окно настройки раздела Новости (в нем у меня галлерея)
Управление адресами страниц
Включить поддержку ЧПУ +
Каталог ЧПУ относительно корня сайта /company/gallery/
Страница общего списка:
Страница раздела: /company/gallery/#SECTION_CODE#
Страница детального просмотра: #SECTION_CODE#/#ELEMENT_CODE#.html
Подскажите пожалуйста Вроде всё сделал как в уроке а картинка слайдера не масштабируется Виден только левый край картинки. Картинка 2500pх на 1230px в слайдере 100% х 400px Комментарии читал не помогает. Что же отвечает за масштабирование
Может появился ещё какой более новый урок про слайдер?, если с этим проблему не решить.
Здравствуйте!
Подскажите пожалуйста Вроде всё сделал как в уроке а картинка слайдера не масштабируется Виден только левый край картинки. Картинка 2500pх на 1230px в слайдере 100% х 400px Комментарии читал не помогает. Что же отвечает за масштабирование
Может появился ещё какой более новый урок про слайдер?, если с этим проблему не решить.