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

Solved
lion_no
Excursionist
55 5 18

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 "Overlay - Opacity" still fades in which ends up looking a bit weird.

Here's how the collection page looks when it has loaded in: 

lion_no_0-1634216223402.png

 

and after a 1-2 seconds it looks like it should:

lion_no_2-1634216287029.png

 

This only occurs on the Collection page image, not the header itself - so there's some form of settings that only regards the collection page image and nowhere else (which is not controlled by the animation settings, which the header is)

Can be reproduced with these COLOR settings

lion_no_3-1634216386407.png

 

All form of help is really appreciated!
It's a bit weird that this setting ignores the animation settings, meanwhile it works fine everywhere else.

 

Replies 26 (26)
KetanKumar
Shopify Partner
24919 2495 9027

@lion_no 

thanks for that code but i need full code 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lion_no
Excursionist
55 5 18

@KetanKumar 

How can I share the full code with you? 
Through downloading and sharing the "Theme file" - or?

KetanKumar
Shopify Partner
24919 2495 9027

@lion_no 

yes current download and share

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lion_no
Excursionist
55 5 18

I've now sent it to you on a direct msg!

lion_no
Excursionist
55 5 18

@KetanKumar additionally, here's a direct preview link to the collection that shows the issue (refresh and you can see it)
https://28x38yzbem51frl6-50647859379.shopifypreview.com/collections/archive?sort_by=created-descendi...

 

lion_no
Excursionist
55 5 18

Have you found anything yet, @KetanKumar ?
I've updated to the latest theme version of Motion without any access on this issue.


See direct preview link to see the issue: https://t8n43rstgq4tsegu-50647859379.shopifypreview.com/collections/archive?sort_by=created-descendi...

KetanKumar
Shopify Partner
24919 2495 9027

@lion_no 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lion_no
Excursionist
55 5 18

@KetanKumar 

I've checked both on desktop and mobile, multiple browsers such as: Google Chrome, Edge, Firefox.
This does not appear to be a browser issue.

 

lion_no
Excursionist
55 5 18

Here's a link to a short video showing the issue: 
http://reactorcloud.diskstation.me:5000/d/s/lw8tAqnPkoBstDrApLl3aocIEon3BCpM/KqmdJULKZyX5KbGYCLK6AcV...

As mentioned, this is only a problem on collection pages. NOT anywhere else.
With configuration:

lion_no_0-1634814136639.png

 

KetanKumar
Shopify Partner
24919 2495 9027

@lion_no 

thanks for update yes i have also check again all work  

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing