No video :(

CLICK ON TEXT TO CHANGE IMAGE - Elementor Wordpress Tutorial Flex Container

Подписаться 13 тыс.

Просмотров 6 тыс.

50% 1

In this video, I show you how to make a 'click on text to change image' effect/interaction in Elementor. I LOVE Webflow interactions, they're on another level BUT I'm going to be experimenting and try to replicate them in Elementor as much as I can with every Elementor video I make :)
CODE:
www.notion.so/CODE-Click-on-t...
🎥 Timestamps:
00:00 Intro
00:25 Building the 2-column container
04:42 Adding script/code
11:37 Is it mobile optimized?
12:00 Outro
Thank you for watching!
🟠 TRY ELEMENTOR
be.elementor.com/visit/?bta=2...
🟠 TRY HOSTINGER
hostinger.com?REFERRALCODE=1ANDREEA61
🟠 WORK WITH ME
www.studioegli.com/
🟠 YOU CAN FIND ME HERE TOO
TWITTER - @AndreeaEgli
LINKEDIN - / egliandrea
INSTAGRAM - / egliandrea.studios
🟠 FOR BUSINESS ENQUIRIES
contact@studioegli.com
Disclaimer - Some links in my videos' description box may be affiliate links, meaning I will make a commission on purchases you make through my link. This is at no extra cost to you to use my links/codes, it's just one more way to support me and my channel! :)
#elementortutorial #elementorpagebuilder #elementortipsandtricks

Опубликовано:

12 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 34

@andreaegli Год назад

Did you find this useful?

@syedjaved7300 Год назад

are you coming to the Wordfair thailand?

@andreaegli Год назад

@@syedjaved7300 Not this year. Are you going?

@rominabarraannibale6344 28 дней назад

I love what you are doing, but I did everything just like the video and it hasn't worked. could you help me?

@petrovui 11 месяцев назад

Such a sweet person 😊 interesting video, want to watch more! Thank you.

@andreaegli 10 месяцев назад

Thank you so much ☺️

@thetheedesk Год назад

Thank you, you are really good and for me afcourse usefull. Keep on doing the good work :D

@andreaegli Год назад

Thank you very much, Rafal 😉 will do!

@JesseJensen-mk5vr Год назад

Thank you, how to do the same effect when hovering over the text ?

@andreaegli Год назад

The code needs to be adjusted in order to do that

@AlexisLassartre 10 месяцев назад

Hey, yhe code for hover : jQuery(function() { const img = "add your image source link"; jQuery(".elementor-element-(add your own)").hover(function(){ jQuery(".toggle-img img").attr('srcset',img); jQuery(".toggle-img img").attr('src',img).animate({opacity: '1'}).animate({ opacity: '1'}); }); });

@hollandnr1453 Год назад

When does the card slider come ? Nice video 👍🏼

@andreaegli Год назад

Thanks! It will take some time. The API of swiper.js is complicated to implement in Elementor. The slider you want is complex. Let's just say that if I had to build one from scratch it would be much easier and faster. So, to answer your question, I don't know. When it's ready I guess.

@tomiastudio Год назад

Hi Andrea, would it be possible to do this without code with the new nested tabs widget?

@andreaegli Год назад

@@tomiastudio Hey! From what I've seen from Elementor's demo, I think it is possible and much more customizable. I'm still to test the nested tabs...I've had this tutorial 'scripted' before the nested tabs release

@jeeiee_com Год назад

this can be done via tab widget also, if I'm not wrong!🤔

@andreaegli Год назад

Now yes but the tab widget would still need some custom code to make it look this way 🙂

@NahidulIslam13 11 месяцев назад

Did exactly like this but it's not working. Is this supposed to have any conflict with Litespeed cache plugin?

@andreaegli 11 месяцев назад

It's not supposed to but might be a possibility... do you have other plugins installed?

@NahidulIslam13 10 месяцев назад

@@andreaegli Solved it. Issue with the ID name. thanks

@AadityaSharmas Год назад

It's working fine, if we want to replace not even an image but a div or full widget? (call to action elementor widget) then what will be code?

@andreaegli Год назад

the code for that would be very different and that's a great idea for a future video so, keep an eye out for it

@AadityaSharmas Год назад

@@andreaegli Great

@yashwanthjanapareedy1073 Год назад

Hello mam, Fan of your work . I had a small upgrade for this template can you make the image animated like when we hover on image it should start playing the video related to the image

@andreaegli Год назад

Hey! I will look into it, it needs a bit more code but let's see in future updates

@viveksaini9809 Год назад

Mam pls tell me how to change text when you click on the image.

@andreaegli Год назад

Click on the same image and change text? I need more context as this is not easy to achieve

@viveksaini9809 Год назад

@@andreaegli No mam I need when click on image and change text outside of image section means text may be left column or right column. Pls help mam if you can