Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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.
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.
The second method worked perfectly! Thank you!
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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024