Блог

Главная - Вопросы по программированию - Как я могу установить изображение конкретного продукта в качестве альтернативного/наведенного изображения в shopify?

Как я могу установить изображение конкретного продукта в качестве альтернативного/наведенного изображения в shopify?

#image #collections #hover #shopify #liquid

Вопрос:

Функция наведения работает хорошо, но я хочу, чтобы изображение с определенным тегом ALT было изображением при наведении

Это не сработало

 {% for image in product.media %}
{%if image.alt == variant.featured_media.alt %}
{% capture hover_img %}
<img src="{{ image }}">
{% endcapture %}
{% endif %}
{% endfor % }

Любая помощь была бы очень признательна

Это код, связанный с функцией наведения:

  {% if double_img %}
        <div class="collection__image__bottom lazyload lazypreload" data-bgset="{% render 'bgset', image: hover_img %}" role="img" aria-label="{{ product.media[1].alt }}"></div>
      {% endif %}

Комментарии:

1. можете ли вы описать, что вы подразумеваете под наведением изображения? Покажите нам некоторый код, связанный с функцией наведения. Прямо сейчас вырезка, которую вы нам показываете, присваивает hover_img переменной только значение. Также операция if сравнивает текущий текст alt изображения со строкой «variant.featured_media.alt», я подозреваю, что вам действительно нужно это для сравнения со значением этой переменной, что-то вроде этого {% if image.alt == variant.featured_media.alt %}

2. Спасибо вам за ваш комментарий. Да, извините, это был мой собственный код, я исправил его, чтобы сравнить его со значением переменной, удалив кавычки. Код слишком упрощен, но это суть того, что я хочу сделать. Я также добавил некоторый код, связанный с функцией наведения.

3. так что же не работает точнее? имеет ли double_img неверное значение? Кроме того, я все еще не уверен, как вы используете double_img , чтобы быть видимым при наведении, вам все еще нужен CSS или JS, чтобы использовать значение этой переменной.

4. На данный момент он пустой / белый и не отображается double_img. Однако, если я заменю hover_img в data-bgset=»{% render ‘bgset’, изображение: hover_img %}» на product.featured_media[1], то это работает, но показывает второе изображение продукта

Метки: