Create a Pricing Table with Monthly/Yearly Toggle Switch in WordPress using Elementor

Create a Pricing Table with Monthly/Yearly Toggle Switch in WordPress using Elementor

Make Dream Website

2 года назад

52,812 Просмотров

Ссылки и html тэги не поддерживаются


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

Anthony O Connell
Anthony O Connell - 04.11.2023 18:56

Hi. This is such a great video. Everything is working except both pricing tables are on the screen. The toggle works but how do i get rid of the 2nd list? Thanks.

Ответить
ShortVideos
ShortVideos - 17.10.2023 10:30

many thanks!!!!

Ответить
1Pedro
1Pedro - 16.10.2023 18:55

Excellent

Ответить
Micheal Adediran | Ecommerce
Micheal Adediran | Ecommerce - 14.10.2023 18:03

Damn! You should make a subscription plan (patron or a paid community) people would love to see more

Ответить
hack the SEO
hack the SEO - 10.10.2023 18:51

Thanks it's work well :)

Ответить
Michael McCarthy
Michael McCarthy - 09.10.2023 11:12

Well done brother! Very impressed by your help and work, it was really appreciated, keep up the great work.

Ответить
Mehedi Hasan Shibly
Mehedi Hasan Shibly - 22.09.2023 22:40

the toggle button circle getting out of the border. I'm using container. any way to fix it?

Ответить
Ericsson Salalila
Ericsson Salalila - 22.09.2023 12:04

I'm getting so close, but my "pricing-table-1" disappears after adding the html and only shows "pricing-table-2". The toggle then does nothing.

Ответить
javad shariatpanah
javad shariatpanah - 09.09.2023 20:24

hello and thanks for the tutorial i made my table and it works well but somthing wierd happend i cant add any lottie widget to this page the other page of the website seems fine only the page i import the jscript and css seems to have some kind of conflict with lottie widget . can you guide me on this how to fix the problem ? thanks

Ответить
Andy Burns
Andy Burns - 06.09.2023 23:48

When I set this up using Flexbox Containers rather than sections/columns in Elementor, switching from Monthly to Yearly makes the pricing tables go to full width. It is a direct clone of monthly. Tried reversing CSS classes on the price tables and it exhibits the same behavior. Have you made this approach work with Flexbox Containers? Seems like a conflict is occurring with the JS code.

Ответить
Taf Makura
Taf Makura - 03.09.2023 01:29

Amazing, thank you very much!

Ответить
Zeeshan Nawaz
Zeeshan Nawaz - 30.08.2023 13:43

Great tutorial! Thanks a lot!

For initial postion left to right :
edit in the code 2 lines

selector .elementor-divider:after{

left: var(--padding); ------> change it

}
selector.monthly .elementor-divider:after{
left: calc(100% - var(--size) - var(--padding)); ------> change it
}

and change the table id

Thank you

Ответить
muhammad bilal
muhammad bilal - 16.08.2023 01:35

How can we make currency dynamic to the country without commerce

Ответить
AlJaafari
AlJaafari - 05.08.2023 12:33

Hi there, great tutorial. You make it very easy to make with no time. Thank you

Ответить
Destizz
Destizz - 04.08.2023 11:21

Hey I have contacted you via email but did not get a response yet ! Great video by the way

Ответить
Ruben Dragan
Ruben Dragan - 28.07.2023 00:21

thanks! Brother is there a way to use the css for other builders? It should work right?

Ответить
김민제
김민제 - 15.07.2023 07:38

레전드다 이거. 이 사람은 워드프레스 엘리멘터 최고의 강의들을 올립니다.

Ответить
vaishnavi A.N.
vaishnavi A.N. - 07.07.2023 12:15

Thank you so much , amazing work, and great explanation.

Ответить
Andy Burns
Andy Burns - 23.06.2023 19:09

Is the JS code snippet posted on github or elsewhere?

Ответить
Andreas Patsis
Andreas Patsis - 10.06.2023 22:21

Absolutely fantastic! Works like a charms. Thanks a lot!

Ответить