Super Price List - Super Elements

Super Price List widget for Elementor will help you to display your menus, catalogs or any other type of price list with pixel-perfect design in a stylish way.

Super Price list sample

On the picture below, you can view the Super Price List module sample.

Content

Display Options

Image Postion– User can set item image position at top, left or right.
Price Position– Price Position could be placed at bellow heading and description or beside heading. If you select bellow heading and description then options will be show as –
Vertical Alignment – Set image Vertically at top, center or bottom.
Title Alignment – You can put title at left, center or right from here.
Highlight Position– Set highlight Position left or right of the title.
Text Alignment (Below Title)-Text or Descriptions bellow title can be set left, center or right from here.
Minimum Height– You can set minimum height of the items from here as you need. When you will make it on then will show the height increase option.
Image Size– Choose any size of images for items.

If you choose Price Position- beside heading, options will show as bellow-

Price Beside Title’s Position– Choose the price position at left of the heading or right of the heading.
Show Price At Bottom In Mobile– If you make it on then price will show at bottom in mobile view.

Super Price List Items

Title– Enter the title of the super price item.
Show Highlight– Show or hide highlight text by selecting yes or no.
Highlight Text– Put the highlight text here.
Highlight Background Color– Choose background color for highlight text.
Highlight Text Color – Select highlight text color as you choose.
Description– Write item description here.
Price– Put the price.
Offering Discount – If you offer discount select Yes.
Actual Price-Put actual price here.
Image– Upload item image here.
Link– Enter the URL for the item title’s link. Click the Link Options cog to either add rel=no-follow to the link or to open the link in a new window.

Style

General Style

Padding- Change the padding of the items area.
Gap Between Items – Increase the value for how much gap you want keep between two items.

Normal and Hover– Opitons available for normal and hover mode

Background Type– Choose background type Classic or Gradient.
Classic– From the classical background use can choose background type image or color.
Image– Upload item background image here.
Border Type– Choose a border type from Solid, Dashed, Double, Dotted, Groove.
Border Radius– You can set the border radius of the Super price list to control corner roundness.
Box Shadow– Add a box shadow effect to super price list.

Images Style

Image Width– Increase item image width from here.
Margin– Change the image margin.
Padding-Add padding of the item image as you need.
Background Type-Choose Classic or Gradient type background.
Image-Upload background image here.
Color-Choose background color.
Border Type– Choose a border type from Solid, Dashed, Double, Dotted, Groove.
Width– User can add image border width as he need.
Color– Choose border color.
Border Radius– Set the border radius of the image to control corner roundness.
Box Shadow-Add item image box shadow from here.

Title Style

Typography– From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing for title.
Margin -Choose margin for the title text.
Padding-Add padding as you need for title.
Advance Color-You can choose title color from two types classic or gradient. Inside the Classic- select title color or background image. Using gradient you can choose gradient color title.
Advance Hover Color-Set title hover color,image or gradient.
Text Shadow-Add title text shadow from here.

Highlight Section Style

Typography– From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing for highlight text.
Margin-Add margin from here.
Padding-Set padding as you required.
Box Shadow-You can add box shadow for highlight text.
Text Shadow-User can add text shadow form here.
Border Radius– Set the border radius of the highlight text background to control corner roundness.
Border Type– Choose a border type from Solid, Dashed, Double, Dotted, Groove.

Title-Price Connector Style

Connector Style -You can choose connector style type from Solid, Dashed, Double, Dotted, Groove.
Connector Size- Using connector size user is able to set connector height as he need.
Color-Add connector color.
Hover Color -Choose connector hover color.

Price style

Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing for Price text.
Margin -Add margin form here.
Padding -Choose padding for price text.
Background Type– Choose Classic or Gradient type background.
Color -Set color for price text.
Actual Price Color -Choose actual Price color.
Box Shadow- You can add box shadow for Price text.
Text Shadow– User can add text shadow form here.
Border Radius- Set the border radius of the highlight text background to control corner roundness.
Border Type- Choose a border type from Solid, Dashed, Double, Dotted, Groove for price text.

Description style

Typography– User can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing for Item Description.
Margin– Add margin from here.
Padding – Choose padding for item description.
Color– Set description color.
Hover Color– From here Choose hover color for description.