The Price List widget lets you create fully styled catalogs and menus that include pricing.
List Items
List Items section shows a list of all the items in the widget. You can drag and drop them to change their order. Click on the Add Item button to add another item to the list.
Quick tip:
Quickly duplicate or delete items by clicking an item’s Duplicate or Delete icon.
By clicking on each item, you can customize their content and settings, which are:
- Price: Add the price of the item.
- Title & Description: Set the title and description of the item.
- Image: Choose an image from the media library.
- Link: Enter the URL for the item’s link. Click the Link Options cog to either add no follow to the link or to open the link in a new window.
Style
List
- Title & Price:
Color: Choose a color for the title text and price.
Typography: Set the typography options for the title text and price.
- Description:
Color: Choose a color for the description.
Typography: Set the typography options for the description text.
- Separator:
Style: Choose the style of the separator between the title and the price, selecting from solid, dotted, dashed, double, or none.
Weight: Set the weight of the separator.
Color: Choose a color for the separator.
Spacing: Increase or decrease the space to the left and right of the separator.
Image
- Image Resolution: Choose the size of the image, from thumbnail to full, or set a custom size.
- Border Radius: Set the border radius of the image, to control corner roundness.
- Spacing: Set the spacing between the image and the content.
Item
- Rows Gap: Set the spacing between each item.
- Vertical Align: Choose either top, bottom, or center alignment for the content, in relation to the image.
Advanced tab
You can customize the widget further using the settings available in the Advanced tab. These options provide additional styling and functionality adjustments, allowing you to tailor the widget to better fit your design needs.