title для изображений товаров Есть решение

Question

title для изображений товаров Есть решение

30 сентября 2021

1

галерея товара Speed99 title изображение товаров product.gallery.html

Здравствуйте, у меня в карточке товара в разделе фото заполнено описание для каждого изображения уникальны, как мне их вывести с помощью title="" в коде?

в файле product.gallery.html

<img {*src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-*}src="{$wa->shop->productImgUrl($product, $image_size)}" data-srcset="{$wa->shop->productImgUrl($product, $image_size_2x)}" id="product-image" class="lazyload js-only theme-img-border-radius main-media" itemprop="image" width="{$width}" height="{$height}" alt="{$product.name|escape}" onload="$(document).trigger(&#039;first-image-loaded&#039;);" loading="lazy" style="{if !empty($disable_crop)}width:auto;{$gallery_height}{/if}{if !empty($gallery_style)}{$gallery_style}{/if}">

пробовал использовать

{$wa->shop->productImgUrl($product, $image_size_2x, [ 'alt' => $product.name|escape ])}

но тогда все ломается(

1 ответ

nerv

Решение

30 сентября 2021 15:24

1

Спасибо, работает. Правда на маленьких не выводится когда курсором стоишь над миниатюрой, но коде есть прописаны как надо.

ответить

Сергеев Владимир

Разработчик

Решение

30 сентября 2021 16:17

1

Чтобы выводилось под курсором title нужно для тега <a> прописывать..

ответить

Добавить ответ

Сергеев Владимир · Answer 1

Сергеев Владимир

Разработчик

Решение

30 сентября 2021 12:52

1

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

Добавьте в ваш код в конце перед закрывающей треугольной скобкой атрибут:

title="{$image.description}"

Также рекомендую в данном случае добавить alt и title для изображений миниатюр.
Найдите в том же файле два цикла:

{foreach $product.images as $image}

И внутри этих циклов найдите тег <img>
У этого тега замените атрибут alt="" на:

alt="{$image.description}" title="{$image.description}"

ответить