How to show a picture when hover a text box

Topic summary

Main topic: Implement hover-based interactions in a store’s design.

  • Goal: Show an image when hovering over a paragraph/text box, or show a text box when hovering over a specific point on an image.

  • Hover = mouse-over interaction; text box could be a tooltip or popover.

  • Context: The request is for frontend customization likely within a Shopify theme.

  • Recent update: A community member asked for the site URL to review the implementation and provide a tailored solution.

  • Action item: Share the store’s URL so the helper can inspect and suggest code or theme changes.

  • Outcome: No solution provided yet; assistance is pending further details.

  • Status: Ongoing, awaiting the site URL to proceed.

Summarized with AI on February 13. AI used: gpt-5.

Hi everyone, I have been searching for a while and cannot find the answer, so I need your help.

I want to add a feature, where if the customer hover over a paragraph box, a certain picture will pop up.

Or the other way round: if the customer hover over a point on picture, a text box will appear.

I really need your suggestions on this.

Thank you all so much in advance.

1 Like

@Xam_Xit

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.