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 |
— | Library attachment ID or HTTP(S) image URL | Optional thumbnail. Library metadata resolves on each uncached render. |
image_lightbox |
yes |
yes, no |
Open the original image in the existing lightbox. |
image_decorative |
no |
yes, no |
Hide the thumbnail from assistive technology when adjacent text conveys its meaning. |
el_id |
— | HTML anchor | Optional ID on the item article. |
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 |
— | Encoded repeater | Ordered main Icons entries, each with an icon library reference and optional title. |
icon |
— | Encoded repeater | Additional icons appended after the main Icons entries. Both existing attribute names remain supported. |
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.
Titles, subtitles, prices, prefixes and suffixes retain safe inline formatting, including links, helper-class spans, emphasis, deleted prices and superscripts. Scripts, event handlers and unsafe link protocols are rejected. Icon labels remain plain text. Prices are manual and may be 0, a range or prose; they do not query WooCommerce. The Gutenberg item's price fields remain plain text. An icon with a label receives a keyboard-accessible tooltip; an unlabeled icon is decorative. Invalid image references and missing library files are omitted without removing the item's text.
The repeater is maintained through the Page Builder controls. Its encoded value is base64 of URL-encoded JSON containing icon and title rows. Do not paste raw SVG or HTML into tooltip labels.
For new Gutenberg pages, use Pricing List and Pricing List Item. They share the existing presentation and conditional image/lightbox/tooltip dependencies.