Сергей Малышев

Сергей Малышев

С нами с 23 июля 2014; Место в рейтинге пользователей: #757

fotorama образает alt и title у изображений (картинок)

При наведении курсора на картинку мы не видим всплывающую подсказку с текстом из title.

Если смотреть код инспектором в браузере, то при наведении на картинку мы не увидим теги alt и title.
Если посмотреть исходный код страницы, то теги alt и title на месте.

Поиск решения в интернете привел на следующий ресурс:
github.com/artpolikarpov/fotorama/issues/329

Необходимо внести изменения в файл fotorama.min.js, находящийся по адресу
/assets/components/minishop2/js/web/lib/fotorama.min.js

Может кому-нибудь пригодится.
Сергей Малышев
25 января 2018, 11:36
modx.pro
3 065
+1

minishop2 msGallery default.js alt и title

При смене большого изображения в галерее карточки товара по клику на превьюшку alt и title изменившегося изображения остаются прежними.
Что же делать? Разобрался. Может кому-нибудь, кто озабочен SEO, а также дотошным, пригодится.
Функционал msGallery находится в файле assets/components/minishop2/js/web/default.js
Строку
$(miniShop2.Gallery.mainImage, miniShop2.Gallery.gallery).attr('src', src).parent().attr('href', href);
необходимо заменить на
var alt = $(this).find('img').attr('alt');
var title = $(this).attr('title');
$(miniShop2.Gallery.mainImage, miniShop2.Gallery.gallery).attr('src', src).attr('title', title).attr('alt', alt).parent().attr('href', href).attr('title', title);
А также вопрос Василию:
Где принимаются предложения по улучшению кода minishop2?
Сергей Малышев
07 июля 2017, 12:57
modx.pro
1 482
0

Плейсхолдеры сниппетов msProducts и msGallery

Доброго времени суток, Василий!
Вопрос по работе сниппетов msGallery и msProducts.

Я на на странице товара вывожу изображение через [[!msGallery]] в шаблоне страницы товара.
Сниппет msGallery выводит данные через чанк tpl.msGallery.outer в котором у меня есть строка:

<img src="[[+320x320:default=`/assets/components/minishop2/img/web/ms2_medium.png`]]" width="320" height="320" alt="[[+name]]" title="[[+description]]" id="mainImage" />

В данном случае плейсхолдеры [+name]] и [[+description]] работают.
Сергей Малышев
21 января 2015, 08:19
modx.pro
2 944
0