web_parallax_layer_html Shortcode
The web_parallax_layer_html shortcode places a reviewed custom-HTML fragment in a web_parallax_scene. The Page Builder stores that fragment as an encoded attribute and the renderer decodes it into the moving layer.
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_parallax_scene.
Usage
[web_parallax_layer_html]
Content
[/web_parallax_layer_html]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
html_content |
— | Page Builder-encoded HTML | Supplies the decoded markup displayed by the layer. Use the builder's code control instead of editing the encoded value manually. |
x_depth |
0 |
Number | The movement applied to this layer on the X axis will be multiplied by the value specified here. |
y_depth |
0 |
Number | The movement applied to this layer on the Y axis will be multiplied by the value specified here. |
device_visibility |
— | String unless stated otherwise | Applies the selected responsive visibility rule. |
el_id |
— | Valid unique HTML ID | Enter scene ID (Note: make sure it is unique and valid, according to w3c specification). |
el_class |
— | String unless stated otherwise | If you wish to style a particular content element differently, then use this field to add a class name and then refer to it in your CSS file. |
Enclosed content
The renderer uses html_content; text placed between the opening and closing tags is not the layer source. Restrict custom markup to trusted editors, keep interactive controls keyboard-operable and avoid duplicating IDs used elsewhere on the page.
Verification
Inspect the decoded output in the public page, not only the builder preview. Confirm links and controls still work while the layer moves, depth values produce the intended direction, and the HTML remains usable when motion is unavailable.