I’m currently upgrading our website, and I really like the looks of it as of right now - however, there’s slight slight perceived visual issue with the Collection page while using Colors - Image Overlay - Opacity. When the Collection page image loads, even with ALL animations turned off, the Image …

@KetanKumar - video has already been shared a few comments back, BUT… I’ve managed to find the solution, by testing and tweaking different settings one by one! Turns out that there’s a configuration in theme.css.liquid called .collection-hero__content:before which refers to transition:opacity 2.5s…

MOTION THEME - Collection page - Remove slow transition of Image Overlay - Opacity

Store Design

KetanKumar October 18, 2021, 12:43pm 5

@lion_no

you have check theme setting lazyload option?

Topic		Replies	Views
Remove fadein animation from collections page (mobile) Store Design design , customizations , collection-page , shopify-themes	5	20	June 5, 2023
Faded product images on collection pages (Debut) Store Design collection-page	4	9	July 18, 2023
Changing opacity on the collection display debut theme Store Design	3	17	August 10, 2021
How can I brighten the images on my collection page in Debut Theme? Store Design	13	35	August 9, 2023
Remove Reveal on scroll animation on collections Shopify Discussion troubleshooting	3	24	June 14, 2023

MOTION THEME - Collection page - Remove slow transition of Image Overlay - Opacity

Related topics