Super Price List

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.