Home › Forums › Front-end Issues › Product hover image not displaying › Reply To: Product hover image not displaying
Hi, still experiencing this issue but with some more background to it, this is found in our products-page.php
{% extends "base.twig" %}
{% block main %}
{% if products %}
<div class="shop-page-wrapper" data-bg="{{ shop_color}}">
{# <nav class="categories">
{% include 'partials/filters-nav.twig' %}
</nav> #}
<div class="products">
{% for post in products %}
{{ fn('timber_set_product', post) }}
{% set hover = function('get_field', 'hover_image', post.id ) %}
<a href="{{ post.link }}" class="product {{ post.class ~ ' width-' ~ width_in_shop }}">
<div class="product-img-wrapper">
<img class="" src="{{ post.thumbnail.src('shop_catalog') }}"/>
<img class="" src="{{ hover.sizes.shop_catalog }}"/>
</div>
<div class="product-info">
<h3 class="woocommerce-loop-product__title">{{ post.post_title }}</h3>
<div>{% do action('woocommerce_after_shop_loop_item_title') %}</div>
</div>
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
Helping others is a great way to earn karma, gain badges and help ACF development!
We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Privacy Policy. If you continue to use this site, you consent to our use of cookies.