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
Changing opacity on the collection display debut theme Store Design	3	14	August 10, 2021
Change opacity of collection overlay on collection list - Brooklyn Store Design	3	24	November 30, 2021
Faded product images on collection pages (Debut) Store Design collection-page	4	7	July 18, 2023
Why are my collection images appearing blurry on my purchased theme? Store Design	12	66	October 12, 2020

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

Related topics