Jump to content

Fade images in product gallery

Recommended Posts

  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

@media screen and (min-width: 768px) {
.tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.going-next.selected {
    animation: fadein .5s;
}
}
@media screen and (min-width: 768px){
.tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.going-next.prev-slide {
    animation: none;
  }
}

Adding this almost works but when I go through the carousel a second time, the final image stays put leaving a jarring animation effect.

Link to comment
49 minutes ago, itsokjohan said:

@media screen and (min-width: 768px) {
.tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.going-next.selected {
    animation: fadein .5s;
}
}
@media screen and (min-width: 768px){
.tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.going-next.prev-slide {
    animation: none;
  }
}

Adding this almost works but when I go through the carousel a second time, the final image stays put leaving a jarring animation effect.

Hmmm. Do you think you can send a video, or give me you link so I can check on my side? Thanks!

Link to comment

Yes please as @inunzi asked, give the URL for the page on your site where this issue is occurring. If you've not already done so please set up a site-wide password. Post the password here and then we can take a look at your issue.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.