Image Accessability (Supply Theme): Adding Name While Hovering Over Product Image?

Store Design
, , , , ,

Topic summary

Goal: Show each main product image’s name (or file name) on hover in the Supply theme (v8.2.0), specifically the image gallery on the left of the product page (example link provided).

Suggested approach: No custom coding; rely on a tooltip that appears on hover by setting image metadata.

  • Add meaningful alt text (alternative text) to the product images so that text appears when hovering.
  • This leverages built-in browser/Shopify behavior to display a tooltip, improving accessibility and avoiding theme edits.

Notes:

  • “Alt text” is a short descriptive label for images used for accessibility and, in this suggestion, to populate hover text.
  • Request scope is limited to the main image area.

Status: No confirmation of implementation from the original poster; outcome unresolved.

Summarized with AI on December 15. AI used: gpt-5.
1

On Supply version 8.2.0

We’re wondering if we can add a name to our images (or show file name) while hovering over it.

Here is an example listing, this would just be for the main images to the left:
https://luckyline.com/collections/key-tags-1/products/key-tags-extra-strength

Thank you!

2

I don’t think you need to code this out. Platforms like Shopify code stuff that you will see names of your images on hovering over them like a tooltip.

May be try to add the alt text for your product images.