Have a banner zoom out animation when page loads in Brooklyn Themen

ChamanGarg1
Tourist
8 0 6

Hi guys,

Is it possible to make the banners/pictures zoom out when entering the site?

Reference: https://themes.shopify.com/themes/prestige/styles/allure/preview?price%5B%5D=paid&surface_inter_posi...

(When opening that site, you will see that the banners and pictures zoom out for a second - I am not talking about a zoom-in effect for the product images)

Is it possible to customize a free theme (Debut, Debutify or something like that) to make that zoom-out effect when entering the website?

I hope that someone knows an answer to this.

Thank you so much

KetanKumar
Shopify Partner
19048 1992 7023

@ChamanGarg1 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ChamanGarg1
Tourist
8 0 6

Hi, my site link is:

ecoearthclub.myshopify.com

 

If you see I already have a banner put but I want to put the animation of zoom out like I mentioned below in this banner.

 

 

KetanKumar
Shopify Partner
19048 1992 7023

@ChamanGarg1 

sorry i can't see any banner zoom effect 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
ChamanGarg1
Tourist
8 0 6

Yes, I want to add the zoom out effect to the banner but don't know the code.

Currently there is no animation to it

KetanKumar
Shopify Partner
19048 1992 7023

@ChamanGarg1 

https://michalsnik.github.io/aos/

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ChamanGarg1
Tourist
8 0 6

Thanks for the link Ketan. @KetanKumar 

This is the animation code that I want- 

<div data-aos="zoom-out"></div>

Can you please tell me where should I put it so that it works on the main banner of the home screen?

KetanKumar
Shopify Partner
19048 1992 7023

@ChamanGarg1 

Yes, please try it

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes