web_pricing_list Shortcode
The web_pricing_list shortcode groups structured web_pricing_list_item entries into one menu-style price list. Titles, prices, media and item details belong to the children.
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 child shortcodes: web_pricing_list_item.
Usage
[web_pricing_list]
Content
[/web_pricing_list]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
device_visibility |
— | String unless stated otherwise | Applies the selected responsive visibility rule. |
el_class |
— | Space-separated CSS class names | Adds classes to the pricing-list wrapper. |
Enclosed content
Place web_pricing_list_item children directly between the tags. The parent processes each child and provides the shared list wrapper; it does not define currency, price formatting or images.
Customize the stylesheet
Go to Settings → POM Theme → Advanced → Custom CSS → Shortcode CSS assets → Pricing list to compare the current pricing-list.min.css source with an editable version. Saving creates a minified per-site replacement for the existing web-pricing-list handle. The parent shortcode, nested items, conditional loading and stylesheet-only module contract remain unchanged. Revert to theme CSS removes the replacement and restores the current theme asset.
Verification
Verify item order, long titles, prefixes and suffixes with realistic prices. If images are enabled on individual items, confirm their thumbnail modal behavior does not obscure the associated title and price.