web_360_image Shortcode
The web_360_image shortcode renders the 360 image 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.
Usage
[web_360_image]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
get_image |
— | String unless stated otherwise | Select the image to be displayed. |
yaw |
— | Number | Set the inital horziontal pitch in degrees (Max: 180º, Min: -180º). |
pitch |
— | Number | Set the inital vertical pitch in degrees (Max: 180º, Min: -180º). |
device_visibility |
— | String unless stated otherwise | Applies the selected responsive visibility rule. |
el_id |
— | Valid unique HTML ID | Enter element ID (Note: make sure it is unique and valid according to w3c specification). |
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 viewer stylesheet
Administrators can replace the complete Pannellum viewer stylesheet under Settings → POM Theme → Advanced → Custom CSS → Shortcode CSS assets → 360 image. Saving publishes an optimized per-site copy but does not add the stylesheet to pages that do not contain the shortcode. Reverting returns the existing web-360-image handle to the current 360-image.min.css supplied by the theme.
This setting changes presentation only. It does not replace the viewer script, select an image, or change the configured yaw and pitch values.
Verification
Check web_360_image with the intended media, an appropriate responsive size and any required alternative text or transcript. Pay particular attention to get_image and yaw.