web_pricing_list_item Shortcode
The web_pricing_list_item shortcode renders the list item component.
The attributes below match the current Page Builder controls and public output. Use raw syntax only for reviewed content that cannot be maintained through the visual controls.
Allowed parent shortcodes: web_pricing_list.
Usage
[web_pricing_list_item]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
image |
— | String unless stated otherwise | Controls the product image. |
title |
Pricing list item title here |
String unless stated otherwise | Controls the title. |
price |
10 |
String unless stated otherwise | Controls the price. |
price_prefix |
— | String unless stated otherwise | Controls the price prefix. |
price_suffix |
€ |
String unless stated otherwise | Controls the price suffix. |
subtitle |
— | String unless stated otherwise | Controls the subtitle. |
icons |
— | String unless stated otherwise | Controls the icons. |
icon |
— | String unless stated otherwise | Controls the icons. |
device_visibility |
— | String unless stated otherwise | Applies the selected responsive visibility rule. |
el_class |
— | String unless stated otherwise | If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file. |
Customize the stylesheet
Pricing-list items use the parent module's stylesheet. Go to Settings → POM Theme → Advanced → Custom CSS → Shortcode CSS assets → Pricing list to edit it. Saving replaces only the existing web-pricing-list stylesheet; it does not change the item's content, optional image modal, icon data, or independently requested Tooltip feature for titled icons.
Verification
Keep web_pricing_list_item inside web_pricing_list; verify the child order and the parent interaction on the public page. Pay particular attention to image and title.