Price Calculator Block

This block calculate price of products based on quantity.

Add Price Calculator Block: #

In your Gutenberg editor, find the Price Calculator Block and insert, just like others block.

Settings/Options: #

Sidebar Settings: #

Select the block, you will see the settings option in the right sidebar. There are the settings.

Price Calculator Settings: #

In Price Calculator settings you can set up currency, max quantity, unit price.

Also, you can add, duplicate and remove different unit price after custom quantity.

Price Calculator Style: #

Switch to Style Tab and you can see the Price Calculator Style Options.

From here you can change width, background, padding, border and shadow of the Price Calculator.

Heading Style: #

You can change typography and color of the heading from here.

Number & Label Style: #

Here you can change the typography and color of number and label.

Quantity Range Style: #

Change quantity range width, track background and thumb background from here.