Создаем слайдер на основе инфоблока и компонента "список новостей". Выодим слайдер на главную страницу сайта. Для работы понадобится заготовка слайдер с плавным движением. Интегрируем сторонний слайдер и скрипты в битрикс.
Видеоурок №8: создание слайдера
Михаил Базаров: 20.01.2014 13:46:19
Видеоурок №8: создание слайдера
Создаем слайдер на основе инфоблока и компонента "список новостей". Выодим слайдер на главную страницу сайта. Для работы понадобится заготовка слайдер с плавным движением. Интегрируем сторонний слайдер и скрипты в битрикс. |
Сергей: 20.01.2014 13:46:19
Добрый день, Михаил!
Прежде всего спасибо за Ваши уроки! Очень полезная вещь! Делаю сайт по Вашему уроку но многое не получается. Вот например http://www.familymania.ru/, слайдер сделать из картинок никак не выходит. Подскажите пожалуйста, как можно выводить картинки в слайдер не из раздела "Акции", а, например, из отдельной папки. Если же такой возможности нет, то как убрать слайдер (какие папки и файлы удалить из структуры сайта) и сделать простой статичный баннер на главной? Заранее 1000 благодарностей! Сергей |
Михаил Базаров: 20.01.2014 16:14:23
|
Гость сайта: 17.02.2014 02:57:33
Здравствуйте.
Столкнулся со следующей проблемой: В слайдер выводятся картинки прямо из анонса(если мы выставили обрезать их ширину с обрезанной шириной они и выводятся) в следствие чего, картинка занимает очень мало места. На вашем сайте asistant.camouf.ru картинка явно выводится не из анонса и не из детального просмотра, так как если бы они были взять оттуда, то занимали бы слишком мало места. Как решить эту проблему? Не подключать же для каждого анонса дополнительную картинку правильного разрешения. |
Михаил Базаров: 17.02.2014 16:48:59
Как вариант можете воспользоваться ResizeImageGet-ом
|
Александр: 27.02.2014 09:23:11
Добрый день.
делаю слайдер только на главной в материал добавляю код слайдера, картинки всегда будут одни и те же поэтому указал к ним путь, скопировал все стили в главный шаблон, все картинки сразу пропали, скачал все скрипты, подключил доступ к папке со скриптами 777, такое ощущение что не заводится jquery. сайт bretonbasset.ru могут ли быть какие нить конфликты?! |
Михаил Базаров: 27.02.2014 09:35:24
|
Гость сайта: 27.02.2014 12:43:45
|
Михаил Базаров: 28.02.2014 12:24:37
|
Константин: 20.03.2014 04:02:12
Здравствуйте, по вашему уроку сделал слайдер на том шаблоне что был в битриксе, но все остальные уроки не смотрел некогда( суть вопроса в следующем: слайдер меняет картинку, после эффекта "движение картинки" останавливается как будто не зациклен, не подскажите в чем может быть проблема?
|
Михаил Базаров: 20.03.2014 04:24:46
|
Константин: 10.04.2014 05:12:33
|
Александр: 15.04.2014 09:44:18
Михаил, может сталкивались - слайдер (скаченный у вас) нормально работает в хроме, криво в опере, в мозилле и IE вообще не работает, может в стили что то дописать надо?
|
Михаил Базаров: 15.04.2014 14:07:55
|
Андрей: 08.05.2014 19:27:59
Здравствуйте. Подскажите пожалуйста в чем причина ,куда смотреть. Делаю слайдер с акциями. На странице, где должен быть слайдер при наведении мышки видно что есть включаемая область, есть bitrix:news.list , только место это пустое. Что делаю не так? Большое спасибо!
|
Андрей: 09.05.2014 00:50:40
Здравствуйте. Пожалуйста еще один раз о маленьких изображениях в слайде.
Вы писали: Нет, у меня там выводится картинка анонса. То есть я изначально загрузил нужного мне, для слайдера, размера. А в разделе акций "зажал" их HTML версткой, указав ширину width="100%". Допускаю, что это не очень оптимальный ход, с точки зрения веса страницы с анонсами, но конкретно у меня получилась разница в 35Кб. Куда вставляется width="100%", и / или код ResizeImageGet ? Спасибо! |
Михаил Базаров: 09.05.2014 02:10:02
|
Михаил Базаров: 09.05.2014 02:12:36
|
Андрей: 13.05.2014 20:37:43
Добрый вечер. На главной странице хочу поставить второй слайдер. Есть свой отдельный информационный блок, свой шаблон компонента. Но при редактировании одного слайдера в style.css это сказывается и на другом слайдере. В чем может быть проблема? Спасибо!
|
Михаил Базаров: 14.05.2014 03:57:15
|
Андрей: 15.05.2014 09:48:27
Добрый день. После замены селекторов слайдеры управляются отдельно, только второй не выводится.
Во втором слайдере заменил селекторы на: #slide_1 .slider_1 .items_1 .baner_1 .baner_1 span и в template.php , и в style.css. А вот селекторы : .pagination, .prev, .next, .play, .paused, .progbar, .numStatus есть только в style.css ; class="preview_picture" - только в template.php . Если их требуется менять то где их найти? Большое спасибо. |
Михаил Базаров: 24.05.2014 06:40:26
Это все должно быть в js скриптах от слайдера
|
Игорь: 04.07.2014 03:08:01
У меня не получается слайдере сделать картинки подходящего размера.
В настройках инфоблока "Поле" стоит уменьшать размер картинки до 500. Он ее уменьшает и в разделе акции отображается все нормально. Но как только картинка попадаете в слайдер она остается такой же маленькой и не соответствует размерам слайдера. Если увеличиваю картинку в акциях до размеров в слайдере, то в акциях она вылезает на левую правую колонку сайта. Где и какой параметр я упускаю? |
Михаил Базаров: 04.07.2014 04:14:53
|
Игорь: 04.07.2014 06:01:17
Но дело даже не в этом. Попробовал отредактировать файл indеx.php в папку Акции - результата нет. Попробовал отредактировать общий css, классами .preview_picture и .detail_picture. Результат появился, но зацепил соответственно все страницы. Какой конкретно файл нужно править чтоб именно к акциям относился? |
Михаил Базаров: 04.07.2014 06:41:57
|
Слава: 14.07.2014 20:02:54
Михаил, доброе утро!
Никак не могу сладить со слайдером!))) на nhao.ru. Все делал по твоим урокам. Chrome говорит что никак не может найти файлы со скриптами . Из вышесказанных комментариев, так и не понял, что и где надо посмотреть. js знаю слабо. Зато, благодаря твоим видеоурокам, быстро освоил bitrix! |
Алексей: 04.08.2014 02:09:25
Здравствуйте Михаил!
Делаю все по вашим урокам. Вставил в включаемую область компонент "Список новостей", настроил параметры компонента все точь в точь как в данном уроке. Сохраняю шаблон компонента, в результате он у меня выглядит совсем по другому.
Ну и соответственно дальше сложно ориентироваться по видеоуроку. Почему к меня получился такой код компонента, может я что не так сделал? Подскажите пожалуйста |
Михаил Базаров: 04.08.2014 02:50:29
Скачать |
Алексей: 04.08.2014 07:14:19
Спасибо Михаил!
Скачал готовый шаблон слайдера, заменил в папке со своим шаблонам. Видно что файл стилей применяется. Но слайды не выводятся, просто пустая область. Думал дело в неправильно подключенных скиптах, подключил их по новой но не помогло. Так же аналогичная проблема возникла и в следующем уроки, по созданию выделенной области для анонса новостей справа. Стили применяются .news-right_all { background:#ddd; padding: 15px; border:1px solid #ccc; font-size:12px; } .news-right {margin:0px 0px 10px 0px; } .news-right a {font-style:italic; color:#555;} a.aal_news {float: right; color: blue; } А анонсы не выводятся. Только серая область и ссылка на "Все новости" внизу. Хотя использовал ваш готовый шаблон. |
Гость сайта: 01.09.2014 06:00:31
Подскажите, если js отключен (а NoScript, я думаю, используют многие), то выводиться просто пустая белая область. Можно как-то отловить этот момент? Т.е. нужно такое поведение: если js включена, то выводиться штатный слайдер. Если отключена - то выводиться какая-то статичная картинка (а в идеале, конечно, желательно выводить в этом случае одну, самую свежую акцию).
|
Михаил Базаров: 02.09.2014 15:31:06
Например http://ruseller.com/lessons/les1475/demo/index.html Само собой для браузров без поддержки CSS3 (IE в основном) использовать условные комментарии. |
Наталья: 06.09.2014 14:39:49
Здравствуйте! Не получается в слайдере отобразить картинки нужного размера. Вы по этому поводу уже писали. Я так и сделала: загрузила картинки нужного размера, в настройках инфоблока их не уменьшала, а в коде поставила width="100%". Результата не было пока я не загрузила картинки заново. После этого слайдер получился как нужно, а в акциях картинки не сжались до ширины контента (т.е. width="100%" не сработал). А если потом вернуть все настройки назад, т.е. в настройках инфоблока уменьшать картинки и убрать в коде width="100%", то опять ничего не произойдет пока не перезагрузить картинки заново.
Подскажите как все таки сделать слайдер Спасибо |
Михаил Базаров: 06.09.2014 17:16:06
Картинки после изменения в настройках инфоблока, надо перезагружать. Иначе Битриксу не из чего их создать. |
Славик: 10.09.2014 04:18:41
Михаил здравствуйте, подскажите можно ли загружать изображения из конкретной папки, а не из раздела сайта? в случайном порядке например. Не связывая изображение и анонс? С версткой не в ладах, сам пробую, не получается....
Спасибо. |
Михаил Базаров: 10.09.2014 13:34:50
|
Славик: 11.09.2014 00:36:44
Я имею в виду в слайдер, я не делал в акциях большие картинки (а в некоторых вообще нет), соответственно и в слайдере они либо маленькие либо нету....
|
Алексей: 18.09.2014 04:59:09
Добрый день. Решил сделать слайдер, но не брать информацию из акций как у Вас. Вставил его, все работает. Только одна проблема- при замене текста на русский отображаются коказябры, проблемы с кодировкой. Менял кодировку для всего сайта, и для CSS. Не помогло. Жду совета, заранее благодарен.
|
Михаил Базаров: 18.09.2014 10:13:09
|
Гость сайта: 19.09.2014 08:58:42
|
Дмитрий: 22.09.2014 03:28:36
Здравствуйте! Подскажите, а можно как то проверку на наличие картинки сделать? и если её нет не выводить новость, а то получается пустота... или это очень проблематично?
|
Дмитрий: 19.10.2014 10:21:15
Здравствуйте, Михаил
Делаю сайт по вашим урокам вроде все получается. Но застрял на одной ерунде, может вопрос не в тему нор все же прошу Вашей подсказки. На сайте создал веб форму через сервис веб-форм в битрикс, выбрал использовать свой шаблон и т.п. Так вот проблема возникла в следующем не могу найти куда добавить свой стиль в выпадающий список. Подскажите пожалуйста? |
Леонид: 26.10.2014 02:32:06
То ли я такой тупой, то ли опыта и знаний не хватает... Создал слайдер по уроку.Начал он у меня ездить, но только одну картинку, и 1н эффект. Эффект заканчивает действие - и останавливается.В чем дело может быть?
|
Гость сайта: 04.11.2014 14:05:24
Здравствуйте! Я застрял на 6:25 минуте "Список новостей, копировать шаблон компонента". У меня нету кнопки "Копировать шаблон компонента". Что делать?
|
Анжелика: 28.01.2015 23:36:57
Добрый день Михаил!
Слайд у меня работает, но картинки не активны как ссылки. Подскажите пожалуйста в чем может быть причина? |
Сергей: 18.02.2015 00:35:46
Михаил доброго времени суток,
Спасибо за урок, так понятно не многие умеют объяснять… помогло… Не могли бы дать ссылку на изначальный дистрибутив слайдера, который взяли за основу. Хочу кнопки-стрелочки налево направо (вперед, назад) (prev, next) сделать. Заранее спасибо. |
Михаил Базаров: 19.02.2015 13:42:47
|
Ольга: 27.03.2015 12:01:50
Спасибо большое за уроки, все очень просто и понятно!
Вопрос. Если мне нужно вывести слайдер не на главной странице, а на внутренних, ссылки на скрипты все равно писать в шаблоне сайта? Или для этих страниц делать отдельный шаблон? |
Михаил Базаров: 27.03.2015 14:07:54
|
Николай: 01.05.2015 16:53:00
Михаил, здравствуйте!
Огромное спасибо за уроки! Есть проблема по уроку: создал на главной включаемую область, далее все по уроку, в ней появились поля под акции, но ни текст, ни картинки не отображаются, при этом активны кнопки добавить акцию, изменить акцию, изменения вносятся и сохраняются. Что я делаю не так? Помогите пожалуйста! Заранее спасибо! |
Блог-note: заметки разработчика
Получение местоположений через API Битрикс c поиском по select.
Если нужно получить список городов из модуля "Местоположения" можно воспользоваться API Битрикс. Данные местоположения м...
Фильтрация разделов каталога с помощью умного фильтра
Задача: В каталоге выводится умный фильтр, нужно сделать так чтобы он применялся не только к товарам но и к компоненту &...
FTP доступ на Виртуальной машине Битрикс
Бывает что нужно открыть FTP доступ к заранее известнойдиректории на сайте под управлением 1С Битрикс, который работает ...
Если товар в корзине, поменять кнопку на "В корзине" в новом шаблоне 1С-Битрикс
Ранее я уже делал заметку на эту тему. Тогда, мы меняли значение input-а при добавлении товара в корзину в старых шаблон...
Добавление своих полей в почтовые шаблоны Битрикс
Иногда нужно внести свои поля в почтовые шаблоны битрикс. Например: добавить имя и номер телефона заказчика в почтовый ш...
Как выводить пользовательские поля и названия разделов инфоблока в Битриксе
Если вам необходимо вывести дополнительное пользовательское поле типа "Привязка к разделам инфоблока", эта записка может...
Установка поиска Sphinx на Ubuntu 22.04 для 1С-Битрикс
Задача: установить и сконфигурировать поиск Sphinx под управлением Ubuntu 22.04 и панели управления HestiaCP для использ...
Привязка к разделам в компоненте "Добавления элементов пользователем"
В системе управления 1С Битрикс есть компонент "Форма добавления / редактирования" - который позволяет пользователям доб...
Умный фильтр только на последнем уровне разделов каталога.
Если в разработаываемом магазине или в принципе в каталоге на Битрикс, вы выводите умный фильтр в разделах - он выводитс...