Jump to content

Как в popup изображения товара вывести описание изображения?


Recommended Posts

Доброго времени суток! Подскажите, а возможно текст из описания картинки товара, вывести под изображением в popup (в карточке товара)

Link to post
Share on other sites
7 часов назад, retroman сказал:

Доброго времени суток! Подскажите, а возможно текст из описания картинки товара, вывести под изображением в popup (в карточке товара)

Здравствуйте!

Возможно, но там нет месте для большого текста, там даже название товара длинное не влазит, не то что описание.

В /templates/шаблон/javascript/script.php меяняйте:

  $(".lightbox").colorbox({rel:"lightbox", title: false});

на:

  $(".lightbox").colorbox({rel:"lightbox"});

И в /templates/шаблон/module/product_info/product_info_v1.html в title атрибут картинки добавьте нужный текст.

Например:

{if $PRODUCTS_POPUP_LINK!=''}<a href="{$PRODUCTS_POPUP_IMAGE}" title="{$PRODUCTS_NAME}" class="lightbox">{/if}<img itemprop="image" id="img" src="{$PRODUCTS_IMAGE}" alt="{if $PRODUCTS_IMAGE_DESCRIPTION !=''}{$PRODUCTS_IMAGE_DESCRIPTION}{else}{$PRODUCTS_NAME}{/if}" />

Меняйте на:

{if $PRODUCTS_POPUP_LINK!=''}<a href="{$PRODUCTS_POPUP_IMAGE}" title="{$PRODUCTS_NAME} здесь текст или метку добавить" class="lightbox">{/if}<img itemprop="image" id="img" src="{$PRODUCTS_IMAGE}" alt="{if $PRODUCTS_IMAGE_DESCRIPTION !=''}{$PRODUCTS_IMAGE_DESCRIPTION}{else}{$PRODUCTS_NAME}{/if}" />

или просто метку {$PRODUCTS_IMAGE_DESCRIPTION} добавить вместо текста.

 

Но всё равно, по умолчанию нет месте для текста особо.

Разве что на сайте colorbox смотреть примеры, описания настроек, может настройками что-то можно сделать.

Может там есть опция типа caption - заголовка, т.е. текст который прям на картинке выводится.

Link to post
Share on other sites

Благодарю, Александр! Избавили меня от ковыряния в кодах пару дней )) Проблему места для текста (его в принципе не очень и много -  не длиннее названия товара обычно) решил очень просто - покопавшись в colorbox.css и назначив  #cboxLoadedContent побольше margin-bottom, что для меня вполне приемлемое решение. А если просто (не делая выше названного) назначить поля по вертикали пикселей в 30-40 для #cboxTitle, то имя смещается на картинку и визуально это получается как упомянутая вами опция caption. Но в моём случае, это оказывается неудобным, так как фотографии очень разные по цвету и нельзя задать цвет текста, который подошёл бы к любому случаю.

Link to post
Share on other sites

А может ещё по такому вопросу сможете сориентировать? Ума не приложу, где ещё можно покопать. Пришло в голову, что цвет фона в pop-up окне, при теме моего сайта и дизайне, будет уместней чёрный. Всё нашёл, где поправить (в основном, тот же файл css), спрайт с картинками перерисовал-перекрасил. Всё отлично. Но по нижнему и верхнему краю окна, тянется белая полоса. Не могу понять, откуда она. Перекопал сам css colorbox, сам скрипт на всякий случай посмотрел, в основной css заглянул, искал по цвету фоновому, по border. Тут пример

Link to post
Share on other sites
40 минут назад, retroman сказал:

А может ещё по такому вопросу сможете сориентировать? Ума не приложу, где ещё можно покопать. Пришло в голову, что цвет фона в pop-up окне, при теме моего сайта и дизайне, будет уместней чёрный. Всё нашёл, где поправить (в основном, тот же файл css), спрайт с картинками перерисовал-перекрасил. Всё отлично. Но по нижнему и верхнему краю окна, тянется белая полоса. Не могу понять, откуда она. Перекопал сам css colorbox, сам скрипт на всякий случай посмотрел, в основной css заглянул, искал по цвету фоновому, по border. Тут пример

Не за что.

Да, всё в css colorbox.css

Вообще, похоже на часть рамки.

т.е. ищите стили для с выводом этой рамки и меняйте: images/border.png

Я для пробы всё убрал, фон поменял, всё черёное, всё нормально.

В люом случае, всё, что касается оформления colorbox находится в colorbox.css

Link to post
Share on other sites

Благодарю. Не подумал про этот файл. У меня в редакторе он выглядел серым, но никак не белым. Но дело оказалось именно в нём.

Link to post
Share on other sites
2 минуты назад, retroman сказал:

Благодарю. Не подумал про этот файл. У меня в редакторе он выглядел серым, но никак не белым. Но дело оказалось именно в нём.

Не з ачто.

Link to post
Share on other sites
×
×
  • Create New...