Looking to show the second product image on hover on our collection page:
https://www.physioworldshop.co.uk/collections/pilates-equipment
I have seen the “reveal” module everywhere but cannot get it to work.
Can anyone advise?
This is the code from “product-grid-item.liquid”
{% unless grid_item_width %}
{% assign grid_item_width = 'large--one-quarter medium-down--one-half' %}
{% endunless %}
{% unless image_size %}
{%- assign image_size = '600x600' -%}
{% endunless %}
{% unless current_collection %}
{% assign current_collection = collection %}
{% endunless %}
{% assign on_sale = false %}
{% if product.compare_at_price > product.price %}
{% assign on_sale = true %}
{% endif %}
{% assign sold_out = true %}
{% if product.available %}
{% assign sold_out = false %}
{% endif %}
{% if product.compare_at_price and product.compare_at_price > product.price %}
{% assign discount = product.compare_at_price
| minus: product.price
| times: 100.0
| divided_by: product.compare_at_price
| round
%}
SALE
{{ discount }}% OFF
{% endif %}
{% if sold_out %}
{{ 'products.product.sold_out' | t }}
{% endif %}
{% if product.featured_image %}
{%- assign image = product.featured_image -%}
{%- assign max_width = width | plus: 0 -%}
{%- assign max_height = height | plus: 0 -%}
{%- include 'image-logic' with width: max_width, height: max_height -%}
{%- assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
{% endcomment %}
>
{% else %}
{% capture current %}{% cycle 1, 2, 3, 4 %}{% endcapture %}
{{ 'product-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
{% endif %}
{{ product.title }}
{{- product.metafields.stamped.badge -}}
{% if on_sale %}
{{ 'products.general.sale_price' | t }}
{% else %}
{{ 'products.general.regular_price' | t }}
{% endif %}
{% include 'price' with product.price %}
{% if on_sale %}
<small>
<s>
{{ 'products.general.regular_price' | t }}
{% include 'price' with product.compare_at_price %}
</s>
</small>
{% endif %}
{%- if product.selected_or_first_available_variant.available
and product.selected_or_first_available_variant.unit_price_measurement
-%}
{% include 'product-unit-price', variant: product.selected_or_first_available_variant %}
{%- endif -%}
{% if on_sale and section.settings.product_show_saved_amount %}
{% assign compare_price = product.compare_at_price %}
{% assign product_price = product.price %}
{% include 'price-sale' %}
{% endif %}
{% if section.settings.product_reviews_enable %}
{{- product.metafields.stamped.badge -}}
{% endif %}