Removing Extra Product Variant Thumbnails on Hover

Store Design
,

Topic summary

A user encountered an issue where hovering over color variant thumbnails on their product pages triggered additional thumbnail images to appear. They are using the Ella theme and wanted to remove this hover effect.

Solution Provided:

  • Navigate to Admin → Online Store → Theme → Edit Code
  • Locate the theme.liquid file
  • Add specific code markup before the </body> tag

Outcome:
The solution was successfully implemented and resolved the issue. The thread is marked as resolved.

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

Right now, when a visitor hovers over a color variant thumbnail, another thumbnail image pops up.

How can I remove the extra hover images?

Using Ella theme for this website.

Screenshot 2024-09-16 at 9.39.53 AM.png
Screenshot 2024-09-16 at 9.39.53 AM.png3360×1778 533 KB

2

@kailasachse ,

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.liquid

Step 3: Add this code before

If it helps you, please like and mark it as the solution.

Best Regards :blush:

1 Like
3

Easy peasy, thank you!

1 Like
4

You’re welcome :blush: