How can I add hover effect to the collections page in Publisher Theme?

Technical Q&A
,
1

Hello! Is there any way we can add the hover effect in the collections page? It’s currently working on the homepage but not in here https://everlyadorned.com/collections/charms and other product pages.

1 Like
2

Hi @MiaPascua ,

You can use the code below to add a hover effect in your images in product page

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the base.css file
  3. At very end of the code, add the code below
.product__media-list.contains-media:hover img,
.thumbnail-list__item.slider__slide:hover img  {
    transition: transform var(--duration-long) ease;
    transform: scale(1.03);
}
3

Hi, sorry I forgot to add that I’d like to have the second image appear when hovered. Is that possible?

4

Hi @MiaPascua

That will need to have another image added to your code. It will not be a simple edits. I would suggest to hire a developer to do this for you.