Can someone help with with code that enables second image to show on hover when viewing collection pages, using the Berlin theme? My site URL is slackjawapparel.com Thanks!

Go to your Online store > Themes > Edit code > open theme.liquid file, add this after tag and check again

Hi @RobCupper Go to your Online store > Themes > Customize > Collections > Default collection > Product grid > enable Show secondary image option [Screenshot_3.jpg]

Thanks for your reply, but this doesn’t work, I have tried it already and nothing happens on hover when this option is enabled

That worked - thanks so much for your help!!

I would also like to make my homepage slider image clickable (without having to display the huge button over the top) but currently there is no way to do that. I don’t suppose you know how I might work around it with some code?

Add this code to your theme.liquid file also

Show second image on hover - Berlin theme

Store Design

RobCupper November 24, 2023, 4:59pm 9

Brilliant thanks so much!!

Topic		Replies	Views
Impulse theme - Secondary image won't show up as hover Store Design liquid , css , shopify-themes , html	8	117	December 21, 2024
Adding Hovering Feature Showing Second Image (Effortless Theme) Store Design collection-page	1	31	July 17, 2023
How to display second image on hover in Debut theme? Store Design collection-page , shopify-themes	0	25	March 21, 2023
Brooklyn Theme - Secondary Hover Product Image Store Design	0	521	October 5, 2021
How show second image without hover at the home page for the featured collection Store Design css	7	117	April 12, 2024

Show second image on hover - Berlin theme

Related topics