Форум русской поддержки Joomla!® CMS
09.12.2016, 19:31:23 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

UiKit Gallery для изображения атрибутов в карточке товара

 (Прочитано 271 раз)
0 Пользователей и 2 Гостей смотрят эту тему.
Bozhkov2
Давно я тут
****

Репутация: +8/-0
Offline Offline

Сообщений: 278



« : 15.08.2016, 15:25:21 »

Долго пользуюсь UiKit галереей для изображений товара в карточке продукта, но она не работает в случае наличия фото у атрибута. Задался целью это исправить и...  аблом Azn. Может кто поможет. При выборе атрибута AJAX выводит блок из стороннего файла. Если там код галереи, то для ее работы нужна загрузка этой галереи. Но поскольку перезагрузки страницы не было, ничего не работает.
Команда Yoo вроде решила эту проблему http://getuikit.com/docs/documentation_javascript.html#dom-observe
Нужно добавить (куда-то) код для загрузки компонента после обновления страницы
Цитировать

UIkit.domObserve('#element', function(element) { /* apply on dom change within element */ })


но применить данный совет на практике я не смог. Думается мне, что нужно обернуть функцию вывода атрибутов в предложенный код, но я ее не нашел.
« Последнее редактирование: 15.08.2016, 15:50:52 от Bozhkov2 » Записан
nevigen
Moderator
*****

Репутация: +734/-16
Offline Offline

Пол: Мужской
Сообщений: 8808


http://n*****n.com


« Ответ #1 : 17.08.2016, 08:19:47 »

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

код галереи меняться не должен, только содержимое.
Записан
Bozhkov2
Давно я тут
****

Репутация: +8/-0
Offline Offline

Сообщений: 278



« Ответ #2 : 17.08.2016, 13:02:01 »

Если у галереи подменить содержимое без перезагрузки, то оно не отображается. Опробовано.
--
P.S. Наличие data-uk-observe  в диве продукта с id="jshop" частично решил проблему. Удалось тумбам прикрутить слайдер и открывать изображения в UiKit лайтбоксе без потерии функционала. Пробую сделать полноценную галерею...
« Последнее редактирование: 17.08.2016, 13:07:55 от Bozhkov2 » Записан
Bozhkov2
Давно я тут
****

Репутация: +8/-0
Offline Offline

Сообщений: 278



« Ответ #3 : 17.08.2016, 18:44:29 »

Вопрос решен.
Код:
<div id="jshop" data-uk-observe>
   ...
   <div id="list_product_image_middle">
     <div> //начало галереи (от сюда начинаем копировать код в block_image_middle.php)
         [код галереи]
         <div id="list_product_image_thumb">
            [код превью]
         </div>
      </div> //конец галереи (это конец block_image_middle.php)
    </div>
   ...
</div>
Нужно галерею создать в шаблоне продукта с сохранением ID блоков и скопировать ее так же в файл 'block_image_middle.php'. Поскольку превью находятся в теле галереи, то файл 'block_image_thumb.php' не учавствует в отображении. Присутствие  data-uk-observe обязательно.
Записан
dmitry_stas
Профи
********

Репутация: +798/-4
Online Online

Сообщений: 7780



« Ответ #4 : 17.08.2016, 18:51:18 »

data-uk-observe нельзя поглубже сделать? например в id="list_product_image_middle"
Записан
Bozhkov2
Давно я тут
****

Репутация: +8/-0
Offline Offline

Сообщений: 278



« Ответ #5 : 17.08.2016, 19:01:17 »

Да, работает.
Записан
dmitry_stas
Профи
********

Репутация: +798/-4
Online Online

Сообщений: 7780



« Ответ #6 : 17.08.2016, 19:02:54 »

если работает, то так лучше. яваскрипту проще, меньше изменений отслеживать, меньше нагрузка на клиента будет.
Записан
nevigen
Moderator
*****

Репутация: +734/-16
Offline Offline

Пол: Мужской
Сообщений: 8808


http://n*****n.com


« Ответ #7 : 17.08.2016, 20:36:12 »

Константин от Вы изъяснитель Azn

Я прочитал и думал речь идет о тумбочках и именно галерее!
А у Вас речь о мидл_имедж и слайдшоу (!) Azn

в общем да... получилось забавно Azn

Записан
Bozhkov2
Давно я тут
****

Репутация: +8/-0
Offline Offline

Сообщений: 278



« Ответ #8 : 18.08.2016, 10:00:08 »

Имелось ввиду галерея изображений, Thumb обозвал "тумбами". Извините за простоту высказываний.
P.S. Я так и не понял, почему вы используете joomla-вский Lightbox в шаблоне UiKit для JoomShopping
« Последнее редактирование: 18.08.2016, 10:05:08 от Bozhkov2 » Записан
nevigen
Moderator
*****

Репутация: +734/-16
Offline Offline

Пол: Мужской
Сообщений: 8808


http://n*****n.com


« Ответ #9 : 18.08.2016, 12:18:29 »

about PS
вообще то там уикитовский http://templates.nevigen.com/cars/convertible.html
а какой надо использовать Lightbox ? Azn


Записан
Bozhkov2
Давно я тут
****

Репутация: +8/-0
Offline Offline

Сообщений: 278



« Ответ #10 : 18.08.2016, 12:40:21 »

А, вот оно чё. Я думал сайт шаблона тут http://demex.nevigen.com/ru/
Записан
buto
Завсегдатай
*****

Репутация: +1/-0
Offline Offline

Пол: Мужской
Сообщений: 472



« Ответ #11 : 18.08.2016, 19:12:28 »

Да, работает.
Тоже подобной вопрос задался, с учетом всех изменений
Показать текстовый блок
какой код получился (если не секрет)
Записан
Bozhkov2
Давно я тут
****

Репутация: +8/-0
Offline Offline

Сообщений: 278



« Ответ #12 : 18.08.2016, 19:16:52 »

Вот такой  Smiley
Код:
<div id="list_product_image_middle" data-uk-observe>
     <div> //начало галереи (от сюда начинаем копировать код в block_image_middle.php)
         [код галереи]
         <div id="list_product_image_thumb">
            [код превью]
         </div>
     </div> //конец галереи (это конец block_image_middle.php)
</div>
Копировать весь код сюда не буду потому что без моих стилей слайдшоу на другом сайте отображаться не будет. Код галереи тут http://getuikit.com/docs/slideshow.html, На превью я прицепил слайдер, он тут http://getuikit.com/docs/slider.html
« Последнее редактирование: 18.08.2016, 19:25:47 от Bozhkov2 » Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet