[Поддержка] Banner PRO - баннеры для разных категорий + слайдшоу

[noti]

@MagnuMMysteriuM какой то модификатор меняет файл модуля.Нужно разбираться в модификаторах на сайте

[MagnuMMysteriuM]

Это на шаблоне Aridius Modern происходит. Если у кого такое же и решили проблему, то прошу написать. Мы пока не разобрались, разберемся - напишу.

[noti]

@MagnuMMysteriuM а автор шаблона не поправил? 

[MagnuMMysteriuM]

Да, обратились в поддержку шаблона, поправили.

[storer]

Спасибо автору! Наконец-то текст сразу по середине слайдера 

[storer]

Было бы здорово если бы была возможность создавать разные слайдеры отдельно для десктопа и отдельно для мобильной версии.

Сейчас делаю так: в баннерпро делаю версию для декстопа и добавляю класс visible-lg в шаблоне.

Для мобильной версии делаю слайдер с помощью встроенного HTML модуля и слайдера Swiper или Slick, точно уже даже не помню.

Но это все костыль. Если такое можно будет делать "из коробки", то будет круто. Готов отдельно доплатить, если нужно.

 

Народ, кому интересно, поддержите комментом или плюсиком в карму.

 

В теории понимаю, что можно повторно установить модуль, заменив ID и внести необходимые правки в шаблон, например тот же visible-xs. Но пока лень этим заниматься. Может автор решит расширить функционал свое детища 

[Shann]

13 часов назад, storer сказал:

Было бы здорово если бы была возможность создавать разные слайдеры отдельно для десктопа и отдельно для мобильной версии.

Сейчас делаю так: в баннерпро делаю версию для декстопа и добавляю класс visible-lg в шаблоне.

Для мобильной версии делаю слайдер с помощью встроенного HTML модуля и слайдера Swiper или Slick, точно уже даже не помню.

Но это все костыль. Если такое можно будет делать "из коробки", то будет круто. Готов отдельно доплатить, если нужно.

 

Народ, кому интересно, поддержите комментом или плюсиком в карму.

 

В теории понимаю, что можно повторно установить модуль, заменив ID и внести необходимые правки в шаблон, например тот же visible-xs. Но пока лень этим заниматься. Может автор решит расширить функционал свое детища 

 

Автор сделала правильную адаптацию для мобильно версии, посмотрите на демо, и обновитесь.

[noti]

@storer так у каждого баннера есть уникальный айди, что мешает сделать два баннера и один отображать на десктопе другой на мобилке тем же дисплей ноном... Зачем костыли с другими слайдерами?)
Ну и как правильно сказал @L0ky вчера сделала адаптацию под мобильные версии. И мой вариант и ваш имеет место быть, так как на мобилках все таки нужны свои слоганы и баннеры. И опять таки, есть же встроенный html редактор в модуле, там можно задать текст для десктопа и для мобилок.

[Shann]

24 минуты назад, noti сказал:

вчера сделала адаптацию под мобильные версии

 

Вы напишите об этом, нормальной человеческой адаптации мало где есть, это конкурентное преимущество )

[storer]

3 часа назад, noti сказал:

@storer так у каждого баннера есть уникальный айди, что мешает сделать два баннера и один отображать на десктопе другой на мобилке тем же дисплей ноном... Зачем костыли с другими слайдерами?)
Ну и как правильно сказал @L0ky вчера сделала адаптацию под мобильные версии. И мой вариант и ваш имеет место быть, так как на мобилках все таки нужны свои слоганы и баннеры. И опять таки, есть же встроенный html редактор в модуле, там можно задать текст для десктопа и для мобилок.

Костыли потому что пока не разобрался как все это сделать в рамках одного модуля))) С уникальным айди не совсем понял, как нужно сделать. Если не сложно подскажите тупому, как все это дело правильно оформить 

 

Адаптация это конечно хорошо. Но я использую баннер 100% по ширине экрана. Текст хорошо адаптирует, а вот картинку нет. Может у меня конечно что-то не так работает или картинки слишком огромны. Но вообще лучше когда отдельные баннеры для десктопа и мобильной версии, все-таки подход к оформлению там отличается.

Змінено 29 вересня 2017 користувачем storer

[noti]

@storer вы же код умеете смотреть в браузере? так вот там будут строки <div id="bannerpro2" class="bannerpro" style="opacity: 1; display: block;">
соответственно id="bannerpro2", значит в стилях надо написать:
#bannerpro2 {

  display: none;

}
У каждого блока свой айди, типа #bannerpro2, #bannerpro3 и т.д.
Соответственно в стилях где задаются настройки для мобилок вы включаете и выключаете баннеры

[storer]

В 29.09.2017 в 16:08, noti сказал:

@storer вы же код умеете смотреть в браузере? так вот там будут строки <div id="bannerpro2" class="bannerpro" style="opacity: 1; display: block;">
соответственно id="bannerpro2", значит в стилях надо написать:
#bannerpro2 {

  display: none;

}
У каждого блока свой айди, типа #bannerpro2, #bannerpro3 и т.д.
Соответственно в стилях где задаются настройки для мобилок вы включаете и выключаете баннеры

Ешкин кот! И почему я сам до этого не додумался  Оказывается все элементарно просто. Спасибо огромное за помощь!

[noti]

@storer все гениальное - просто  

[storer]

10 часов назад, noti сказал:

@storer все гениальное - просто  

Это точно.

Костыли убрал. Теперь только Ваш баннер использую. Сделал отдельные версии под десктоп и мобильные.

[Teplusha]

Такие траблы http://prntscr.com/gxza1o

 

Куда копать?

[noti]

@Teplusha походе что не подключились стили модуля. Попробуйте в header.tpl своего шаблона до </head> прописать 
<link href="catalog/view/javascript/jquery/owl-carousel/bannerpro-owl.carousel.css" type="text/css" rel="stylesheet" media="screen" />

Что то поменялось?

[Teplusha]

26 минут назад, noti сказал:

@Teplusha походе что не подключились стили модуля. Попробуйте в header.tpl своего шаблона до </head> прописать 
<link href="catalog/view/javascript/jquery/owl-carousel/bannerpro-owl.carousel.css" type="text/css" rel="stylesheet" media="screen" />

Что то поменялось?

 

Спасибо, стало вот так http://prntscr.com/gy0e4r

[noti]

@Teplusha да, небольшая ошибка была в модуле, обновитесь. И напишите автору шаблона, вы уже не первый у кого не подключаются стили с моего модуля. 

[storer]

6 часов назад, noti сказал:

@Teplusha да, небольшая ошибка была в модуле, обновитесь. И напишите автору шаблона, вы уже не первый у кого не подключаются стили с моего модуля. 

Написал в тему поддержки шаблона. Думаю автор шаблона разберется в чем дело.

[noti]

@storer спасибо! Было бы отлично

[Teplusha]

Господа, а что у нас с адаптивностью на мобильных?

[Teplusha]

[noti]

@Teplusha ох... Нормально все с адаптацией. Просто либо уменьшать сам слайдер делая его нечитаемой полосочкой на мобильнике, либо делать вот так, чтобы был видел слоган и читался, а картинка была фоном. 

В идеале нужно конечно создавать разные слайдеры для мобильников и десктопа чтобы и там и там смотрелось хорошо. 

[prizruslan]

Я думаю решение должно быть проще. Пример стандартный банер Опенкарт. У Алексея PixelShop вообще козырно выводится отдельный модуль.

Скрины прикрепил.

 

 

Змінено 20 жовтня 2017 користувачем prizruslan
орфография

[noti]

@prizruslan пф) так до последнего обновления так и было. Только во всех этих примерах выводятся просто картинки. Адаптировать картинки просто, а текста на нем плюс картинку получается проблемно.

В след обновлении сделаю выбор как адаптировать под моб устройства

• По изображению
• По контенту внутри.