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.

Add Countdown
Add Price Calculator

Settings/Options: #

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

Countdown Sidebar Settings
Sidebar 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.

Countdown Settings
Price Calculator Settings

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.

Price Calculator Style

Heading Style: #

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

Countdown Boxes Style
Heading Style

Number & Label Style: #

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

Countdown Content Style
Number & Label Style

Quantity Range Style: #

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

Countdown Separator Style
Quantity Range Style

Powered by BetterDocs

Leave Reply Comments

Your email address will not be published.

  • X