booster addons
creative elementor bundle
Purchase Now
Purchase Now
Purchase Now

Home - Widgets - Price Listing

Price Listing

Preview Widget
Preview Widget
Getting Started
Content Styling

More Widgets

• Price Box
• Pricing Plan
• List Info Box
• Business Hours

# Getting started

The price listing widget allows you to showcase your products in a list with a modern and simple way.Each product has an image, a title and title link, and a short text.Choose from multiple layouts and customize the styling of your content.This widget also offers ribbon and discount price features.

Lets go over the details of this amazing widget.


This is where you will manage your products list.You can add a product to the list by clicking on the add item button at the bottom of this section.For each item, you can change the following options.

  • Enable Image : You can enable the use of an image and select or upload your product image.
  • Item Title :  Fill in the product title.
  • Link : Specify a go to link on click.You can click on the link options button(The cog wheel on the right) to enable the 'open in new window' and the 'no follow' options.
  • Info Content : A description text that gives more information about your product.
  • Item Price & Price Unit : Define the price of the product and the currency.
  • Enable Discount : Enable the use of a discount price and fill in the original price.
  • Enable Ribbon : Enable the ribbon feature and fill in the ribbon text.
  • Ribbon Colors : Customize the ribbon text and background colors.This will allow products ribbons to have different colors.
  • Ribbon Border Radius : Control the ribbon border radius to change the shape of the ribbon.


The styling tab is going to be used to style your price listing content.You can change the images size, text colors, and control the distances between the widget elements.

  • Image Settings

-Image Width : Change the image width to control the size of your images.

  • Positioning Settings

-Item Layouts : Change the products list layout.The options available are left, center, and right.

-Ribbon Position : Set The ribbons position to either left or right.

  • Text Content Styling

Customize the text properties for the title, info content, and all the other text elements. Change the font size, font family, line height, letter spacing...

-Colors : Customize the color of your text elements and create unique designs.Note that the option to change the line separator color is also available.

-Distances : control the margins & distances between each element.

  • Distances

-Margins : Change the margins values to control the space between each element.

-Ribbon Padding : Control the space inside the ribbon by changing the padding values.

Get Help From Professionals

Can't find what you are looking for?

If you can't find what you are looking for any our documentation website, please feel free to open a support ticket  & get help from our support team.

Open a Ticket
Open a Ticket


We are a group of talented WordPress developers & designers from Earth our main goal is to create great products & provide the best services to our customers.




Email :

WebSite : Certain Dev

Made with love from Earth!

Certain Dev | all rights reserved © 2020