The Price addon is designed to display product pricing with clarity and flexibility on your EasyStore Storefront page. You can customize the overall padding and dimensions, adjust the typography and color of the price and original price, and personalize tax labels to align with your store’s branding. This addon ensures transparent pricing, enhances visual consistency, and helps build customer trust, ultimately improving the shopping experience.

General

Spacing:  Using the slider or adjacent field, you can adjust the spacing between the characters.

Alignment: You can adjust the alignment of the price. Choose the screen type, and set different alignments for each screen type (Laptop, Tablet Landscape, Tablet Portrait, Mobile Landscape, and Mobile Portrait). SP Page Builder automatically adjusts alignment for responsive design by default. 

Padding: You can also adjust the padding dimensions for the price. You can choose the screen type, and set different padding dimensions for each screen type. SP Page Builder automatically adjusts padding for responsive design by default. 

Margin: Similarly, you can customize the margin dimensions for the price (top, right, bottom, and left) in relation to surrounding elements. You can choose the screen type, and set different margin dimensions for each screen. Just like the previous options, SP Page Builder automatically adjusts the margins for responsive design.

Price

Color: You can adjust the color of the price using this option.

Typography: You can customize the font type, font size, Line Height, Letter Space, Style, and Weight of the price. You can choose the screen type, and set different font settings for each screen type (Laptop, Tablet Landscape, Tablet Portrait, Mobile Landscape, and Mobile Portrait). SP Page Builder automatically adjusts typography for responsive design by default. 

Symbol: You can customize the currency symbol as well. Here your options are:

• Color: You can adjust the color of the currency symbol using this option.

• Typography: You can customize the font type, font size, Line Height, Letter Space, Style, and Weight of the currency symbol. You can choose the screen type, and set different font settings for each screen type. 

• Alignment: You can adjust the alignment of the symbol from top-aligned, center-aligned, and bottom-aligned.

• Spacing:  Using the slider or adjacent field, you can adjust the spacing between the symbol and surrounding elements.

Decimal: You can customize the values beyond the decimal point with similar options:

• Color: You can adjust the color of the decimal point values using this option.

• Typography: You can customize the font type, font size, Line Height, Letter Space, Style, and Weight of the decimal point values. You can choose the screen type, and set different font settings for each screen type. 

• Alignment: You can adjust the alignment of the decimal point values to be top-aligned, center-aligned, and bottom-aligned.

Original Price

In case you have updated the price of the product via a discount or sale, you can show the original price side by side with the new price. Under this section, you have all the previous settings as the Price section. However, you have one additional setting:

Stroke: You can customize the stroke that covers the original price:

• Color: You can adjust the color of the stroke using this option.

• Thickness: Using the slider or adjacent field, you can adjust the thickness of the stroke.

• Angle: Using the slider or adjacent field, you can adjust the angle of the stroke (in degrees).

Tax Label

You can showcase the tax rate of the product using this setting. Your customizable options include:

Text: Using this field you can enter the tax rate.

Color: You can adjust the color of the tax label.

Typography: You can customize the font type, font size, Line Height, Letter Space, Style, and Weight of the tax label. You can choose the screen type, and set different font settings for each screen type (Laptop, Tablet Landscape, Tablet Portrait, Mobile Landscape, and Mobile Portrait).