Solved

Disable Lazy Load - Simple Theme

mustard09
Shopify Partner
16 0 2

I'd like to remove the way the images fade in (load in on collections). How do I remove that load or change it to a fade-in, if possible? Example of this is on the home page collection.

 

URL - https://deadzonetest.myshopify.com/

pw: caimpi

Accepted Solution (1)

LitExtension
Shopify Partner
4860 1001 1135

This is an accepted solution.

Hi @mustard09

You can do it by 2 ways below:

Way 1: Open the file name "collection-template.liquid" in the folder "Sections" to find and remove this class "slide-up-animation"

Screenshot to refer: https://prnt.sc/11yll2j

Way 2: You can please place this code at the end of the "theme.scss" to solve your problem.

.featured-products .product {

    -webkit-animation-name: none;

    -moz-animation-name: none;

    -o-animation-name: none;

    animation-name: none;

}

Hope this helps.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 3 (3)

LitExtension
Shopify Partner
4860 1001 1135

This is an accepted solution.

Hi @mustard09

You can do it by 2 ways below:

Way 1: Open the file name "collection-template.liquid" in the folder "Sections" to find and remove this class "slide-up-animation"

Screenshot to refer: https://prnt.sc/11yll2j

Way 2: You can please place this code at the end of the "theme.scss" to solve your problem.

.featured-products .product {

    -webkit-animation-name: none;

    -moz-animation-name: none;

    -o-animation-name: none;

    animation-name: none;

}

Hope this helps.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
mustard09
Shopify Partner
16 0 2

The second method worked perfectly! Thank you! 

Charles_Nuytten
New Member
5 0 0

 Hi 🙂

Got the same problem on my home page.

I need to disable LazyLoad to translate medias on Weglot.

Can you help me please ? www.mycasefc.com