[Resolved] Pricing Table

[roadlink]

Hello,

I want to add pricing tables without plugin.
I saw some examples here, https://free.pressuser.com/making-pricing-tables-with-generateblocks-plugin/

I know this is not official web site.
But do you know how to reach blocks of these tables?

[David]

Hi there,

that site is using our GenerateBlocks Plugin:

https://wordpress.org/plugins/generateblocks/

If you’re using the Block editor then you can simply create that layout using our Grid Block, headline block and buttons block.

The plugin is super lightweight it will only output the HTML and CSS required to display its content.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[roadlink]

Hello David,

Thanks for reply.
Actually I am aware that it is generate press. I even borrow pricing table from Site Library Access style 🙂
https://1drv.ms/u/s!Ao-NPzF3h5kgnRiRV79oukqX4Fut?e=PxJHEa

But I like the header part of these tables and I couldn’t manage to make it like that.

[Leo]

The header part of the pricing table is just using a headline block with background color:
https://www.screencast.com/t/WzzmjMFpW3Sb

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[roadlink]

Hi Leo,
Thanks for reply. I have added one more container in the top, put Heading block in it.
I believe managed to make it.
Here is the looking : https://prnt.sc/v66rw6

If somebody interest this table, here is reusable blocks json code.
Download Json File

[Leo]

Glad to hear 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Khairujjaman]

Hi, Can you share the json file again please? The link isn’t working

[David]

Hi there,

i am not sure if the OP had notifications enabled on this topic. So you may have to wait to see if they reply.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[roadlink]

sure. here.

[Sascha]

How to apply a “Toogle Switch Button” to switch between tables showing monthly prices and tables showing yearly prices? Is this possible with GenerateBlocks at all? How?

[David]

Hi there,

it would require custom development to do that.
As you would need to create the ‘toggle’ switch using HTML. And then some Javascript to toggle classes on the GenerateBlocks.

Theres quite a few examples on Code Pen that will give you some pointers.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts