How to display second image on hover in Debut theme?

Store Design
,

Topic summary

A user is seeking help to implement a hover effect that displays a product’s second image on collection pages in Shopify’s Debut theme. They’ve attempted multiple solutions without success.

Current situation:

  • The user has shared their existing collection page code
  • Previous attempts to add the hover functionality have failed
  • The feature is specifically needed for the collection page only

Code context:

  • The shared code includes grid layout settings, pagination logic, and collection header structure
  • The code appears incomplete or corrupted in parts, with reversed/encoded text strings visible

Status: The discussion remains open with no responses or solutions provided yet. The user needs guidance on modifying their Debut theme code to enable image-on-hover functionality for product listings.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

SOMEONE, PLEASE HELP ME SHOW MY SECOND IMAGE ON HOVER I’VE TRIED NUMEROUS OTHER OPTIONS TO GET IT TO WORK BUT NONE SEEM TO DO THE TRICK HERE IS THE CODE - ONLY ON COLLECTION PAGE

{% case section.settings.grid %}
{% when 2 %}
{%- assign max_height = 530 -%}
{% when 3 %}
{%- assign max_height = 345 -%}
{% when 4 %}
{%- assign max_height = 250 -%}
{% when 5 %}
{%- assign max_height = 195 -%}
{% endcase %}

{% if section.settings.layout == ‘grid’ %}
{%- assign limit = section.settings.grid | times: section.settings.rows -%}
{% else %}
{%- assign limit = 25 -%}
{% endif %}

{% paginate collection.products by limit %}

{%- assign is_filter_by_available = false -%} {%- if section.settings.tags_enable and collection.all_tags.size > 0 -%} {%- assign is_filter_by_available = true -%} {%- endif -%}

{% if section.settings.show_collection_image and collection.image %}

{{ 'collections.general.collection_label' | t }}: {{ collection.title }}

{% if is_filter_by_available == false and section.settings.sort_enable == false %}
{{ 'collections.general.items_with_count' | t: count: collection.products_count }}
{% endif %} {% if collection.description != blank %}
{{ collection.description }}
{% endif %} {% else %}

{% comment %}

{% endcomment %}

{% if collection.description != blank %}

{{ collection.description }}
{% endif %} {% if is_filter_by_available == false and section.settings.sort_enable == false %} {% comment %}

{{ ‘collections.general.items_with_count’ | t: count: collection.products_count }}

{% endcomment %}
{% endif %}

{% endif %}

{% if is_filter_by_available or section.settings.sort_enable %}

{% if section.settings.tags_enable %} {% unless collection.all_tags.size == 0 %}
{{ 'collections.filters.title_tags' | t }}
{% include 'icon-chevron-down' %}
{% endunless %} {% endif %}

{% if section.settings.sort_enable %}

{%- assign sort_by = collection.sort_by | default: collection.default_sort_by -%} {{ 'collections.sorting.title' | t }}
{% include 'icon-chevron-down' %}
{% endif %}
{{ 'collections.general.items_with_count' | t: count: collection.products_count }}
{% endif %}
{% if section.settings.layout == 'grid' %} {% case section.settings.grid %} {% when 2 %} {%- assign grid_item_width = 'medium-up--one-quarter' -%} {% when 3 %} {%- assign grid_item_width = 'small--one-half medium-up--one-quarter ' -%} {% when 4 %} {%- assign grid_item_width = 'small--one-half medium-up--one-quarter' -%} {% when 5 %} {%- assign grid_item_width = 'small--one-half medium-up--one-fifth' -%} {% endcase %}
{% else %} {%- assign is_empty_collection = true -%} {% endif %} {% endfor %} {% else %}
{% endfor %} {% else %} {%- assign is_empty_collection = true -%} {% endif %} {% endfor %} {% endif %}

{% if is_empty_collection %}

{{ 'collections.general.no_matches' | t }}

{% endif %}

{%- if paginate.pages > 1 -%}
{% include ‘pagination’, paginate: paginate %}
{%- endif -%}

{% endpaginate %}

{% schema %}
{
“name”: {
“cs”: “Stránky s kolekcemi”,
“da”: “Kollektionssider”,
“de”: “Kategorieseiten”,
“en”: “Collection pages”,
“es”: “Páginas de colección”,
“fi”: “Kokoelman sivut”,
“fr”: “Pages de collections”,
“it”: “Pagine di collezioni”,
“ja”: “コレクションページ”,
“ko”: “컬렉션 페이지”,
“nb”: “Samlingssider”,
“nl”: “Collectiepagina’s”,
“pl”: “Strony kolekcji”,
“pt-BR”: “Páginas de coleções”,
“pt-PT”: “Páginas de coleções”,
“sv”: “Produktseriesidor”,
“th”: “หน้าคอลเลกชัน”,
“tr”: “Koleksiyon sayfaları”,
“vi”: “Trang bộ sưu tập”,
“zh-CN”: “产品系列页面”,
“zh-TW”: “商品系列頁面”
},
“settings”: [
{
“type”: “select”,
“id”: “layout”,
“label”: {
“cs”: “Rozvržení”,
“da”: “Layout”,
“de”: “Layout”,
“en”: “Layout”,
“es”: “Diseño”,
“fi”: “Asettelu”,
“fr”: “Mise en page”,
“it”: “Layout”,
“ja”: “レイアウト”,
“ko”: “레이아웃”,
“nb”: “Oppsett”,
“nl”: “Opmaak”,
“pl”: “Układ”,
“pt-BR”: “Layout”,
“pt-PT”: “Esquema”,
“sv”: “Layout”,
“th”: “เลย์เอาต์”,
“tr”: “Düzen”,
“vi”: “Bố cục”,
“zh-CN”: “布局”,
“zh-TW”: “版面配置”
},
“default”: “grid”,
“options”: [
{
“value”: “grid”,
“label”: {
“cs”: “Mřížka”,
“da”: “Gitter”,
“de”: “Raster”,
“en”: “Grid”,
“es”: “Cuadrícula”,
“fi”: “Ruudukko”,
“fr”: “Grille”,
“it”: “Griglia”,
“ja”: “グリッド”,
“ko”: “그리드”,
“nb”: “Rutenett”,
“nl”: “Grid”,
“pl”: “Siatka”,
“pt-BR”: “Grade”,
“pt-PT”: “Grelha”,
“sv”: “Rutnät”,
“th”: “กริด”,
“tr”: “Izgara”,
“vi”: “Lưới”,
“zh-CN”: “网格”,
“zh-TW”: “網格”
}
},
{
“value”: “list”,
“label”: {
“cs”: “Seznam”,
“da”: “Liste”,
“de”: “Liste”,
“en”: “List”,
“es”: “Lista”,
“fi”: “Luettelo”,
“fr”: “Liste”,
“it”: “Elenco”,
“ja”: “リスト”,
“ko”: “목록”,
“nb”: “Liste”,
“nl”: “Lijst”,
“pl”: “Lista”,
“pt-BR”: “Lista”,
“pt-PT”: “Lista”,
“sv”: “Lista”,
“th”: “รายการ”,
“tr”: “Liste”,
“vi”: “Danh sách”,
“zh-CN”: “列表”,
“zh-TW”: “清單”
}
}
]
},
{
“type”: “range”,
“id”: “grid”,
“label”: {
“cs”: “Počet produktů na řádek (jen mřížka)”,
“da”: “Produkter pr. række (kun gitter)”,
“de”: “Produkte pro Reihe (nur Raster)”,
“en”: “Products per row (grid only)”,
“es”: “Productos por fila (solo cuadrícula)”,
“fi”: “Tuotteita per rivi (vain ruudukko)”,
“fr”: “Produits par rangée (grille uniquement)”,
“it”: “Prodotti per riga (solo griglia)”,
“ja”: “行あたりの商品数（グリッドのみ）”,
“ko”: “열 별 제품 (그리드 전용)”,
“nb”: “Produkter per rad (kun rutenett)”,
“nl”: “Producten per rij (alleen grid)”,
“pl”: “Liczba produktów na wiersz (tylko siatka)”,
“pt-BR”: “Produtos por linha (somente grade)”,
“pt-PT”: “Produtos por linha (somente grelha)”,
“sv”: “Produkter per rad (endast rutnät)”,
“th”: “สินค้าต่อแถว (กริดเท่านั้น)”,
“tr”: “Satır başına ürün (yalnızca ızgara)”,
“vi”: “Số sản phẩm trên một hàng (chỉ ở kiểu lưới)”,
“zh-CN”: “每行产品数（仅限网格）”,
“zh-TW”: “每列產品數 (僅限網格)”
},
“default”: 4,
“min”: 2,
“max”: 5,
“step”: 1
},
{
“type”: “range”,
“id”: “rows”,
“label”: {
“cs”: “Počet řádků na stránku (jen mřížka)”,
“da”: “Rækker pr. side (kun gitter)”,
“de”: “Reihen pro Seite (nur Raster)”,
“en”: “Rows per page (grid only)”,
“es”: “Filas por página (solo cuadrícula)”,
“fi”: “Rivejä per sivu (vain ruudukko)”,
“fr”: “Rangées par page (grille uniquement)”,
“it”: “Righe per pagina (solo griglia)”,
“ja”: “ページあたりの行数（グリッドのみ）”,
“ko”: “페이지 별 열 (그리드 전용)”,
“nb”: “Rader per side (kun rutenett)”,
“nl”: “Rijen per pagina (alleen grid)”,
“pl”: “Liczba wierszy na stronę (tylko siatka)”,
“pt-BR”: “Linhas por página (somente grade)”,
“pt-PT”: “Linhas por página (somente grelha)”,
“sv”: “Rader per sida (endast rutnät)”,
“th”: “แถวต่อหน้า (กริดเท่านั้น)”,
“tr”: “Sayfa başına satır (yalnızca ızgara)”,
“vi”: “Số hàng trong một trang (chỉ ở kiểu lưới)”,
“zh-CN”: “每行产品数（仅限网格）”,
“zh-TW”: “每頁列數 (僅限網格)”
},
“default”: 2,
“min”: 2,
“max”: 8,
“step”: 1
},
{
“type”: “checkbox”,
“id”: “show_collection_image”,
“label”: {
“cs”: “Zobrazit obrázek kolekce”,
“da”: “Vis kollektionsbillede”,
“de”: “Kategoriebild anzeigen”,
“en”: “Show collection image”,
“es”: “Mostrar imagen de la colección”,
“fi”: “Näytä kokoelman kuva”,
“fr”: “Afficher l’image de la collection”,
“it”: “Mostra immagine collezione”,
“ja”: “コレクションの画像を表示する”,
“ko”: “컬렉션 이미지 표시”,
“nb”: “Vis samlingsbilde”,
“nl”: “Collectieafbeelding weergeven”,
“pl”: “Pokaż obraz kolekcji”,
“pt-BR”: “Mostrar imagem da coleção”,
“pt-PT”: “Mostrar imagem da coleção”,
“sv”: “Visa produktseriebilder”,
“th”: “แสดงรูปภาพคอลเลกชัน”,
“tr”: “Koleksiyon görselini göster”,
“vi”: “Hiển thị hình ảnh bộ sưu tập”,
“zh-CN”: “显示产品系列图片”,
“zh-TW”: “顯示商品系列圖片”
},
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_vendor”,
“label”: {
“cs”: “Zobrazit dodavatele produktů”,
“da”: “Vis produktleverandører”,
“de”: “Produktanbieter anzeigen”,
“en”: “Show product vendors”,
“es”: “Mostrar proveedores del producto”,
“fi”: “Näytä tuotteen myyjät”,
“fr”: “Afficher les vendeurs”,
“it”: “Mostra fornitori prodotto”,
“ja”: “商品の販売元を表示する”,
“ko”: “제품 공급 업체 표시”,
“nb”: “Vis produktleverandører”,
“nl”: “Productleveranciers weergeven”,
“pl”: “Pokaż dostawców produktu”,
“pt-BR”: “Mostrar fabricantes do produto”,
“pt-PT”: “Mostrar fornecedores do produto”,
“sv”: “Visa produktleverantörer”,
“th”: “แสดงผู้ขายสินค้า”,
“tr”: “Ürün satıcılarını göster”,
“vi”: “Hiển thị nhà cung cấp sản phẩm”,
“zh-CN”: “显示产品厂商”,
“zh-TW”: “顯示產品廠商”
},
“default”: false
},
{
“type”: “checkbox”,
“id”: “sort_enable”,
“label”: {
“cs”: “Povolit řazení”,
“da”: “Aktivér sortering”,
“de”: “Sortieren erlauben”,
“en”: “Enable sorting”,
“es”: “Habilitar la función ordenar”,
“fi”: “Ota lajittelu käyttöön”,
“fr”: “Activer le tri”,
“it”: “Permetti di ordinare”,
“ja”: “並べ替えを有効にする”,
“ko”: “정렬 사용”,
“nb”: “Aktiver sortering”,
“nl”: “Sortering inschakelen”,
“pl”: “Włącz sortowanie”,
“pt-BR”: “Habilitar organização”,
“pt-PT”: “Ativar ordenação”,
“sv”: “Aktivera sortering”,
“th”: “เปิดใช้การจัดเรียง”,
“tr”: “Sıralamayı etkinleştir”,
“vi”: “Bật phân loại”,
“zh-CN”: “启用排序”,
“zh-TW”: “啟用排序”
},
“default”: true
},
{
“type”: “checkbox”,
“id”: “tags_enable”,
“label”: {
“cs”: “Povolit filtrování podle štítku”,
“da”: “Aktivér tagfiltrering”,
“de”: “Tag-Filtern erlauben”,
“en”: “Enable tag filtering”,
“es”: “Habilitar filtro de etiquetas”,
“fi”: “Ota tunnisteiden suodatus käyttöön”,
“fr”: “Activer le filtrage par balises”,
“it”: “Attiva filtro tag”,
“ja”: “タグでの絞り込みを有効にする”,
“ko”: “태그 필터링 사용”,
“nb”: “Aktiver taggfiltrering”,
“nl”: “Filteren op tags inschakelen”,
“pl”: “Włącz filtrowanie tagów”,
“pt-BR”: “Habilitar filtragem de tags”,
“pt-PT”: “Ativar filtragem por etiqueta”,
“sv”: “Aktivera taggfiltrering”,
“th”: “เปิดใช้การกรองแท็ก”,
“tr”: “Etiket filtrelemeyi etkinleştir”,
“vi”: “Bật lọc thẻ”,
“zh-CN”: “启用标签筛选”,
“zh-TW”: “啟用標籤篩選功能”
},
“default”: true
}
]
}
{% endschema %}