Shortcode: Scroll Trigger Point
Overview
Article Contents
- How to Add a Scroll Trigger Point Shortcode
- Edit the Scroll Trigger Settings to Set the Scroll Trigger Point Option
- How to Edit the Scroll Trigger Point Shortcode
- How to Delete the Scroll Trigger Point Shortcode
- Popup Behavior on the Front End
How to Add a Scroll Trigger Point Shortcode
In the WordPress admin, select a post or page for editing. Within the editor, place the cursor where you intend to set the scroll trigger point. From the content editor menu, click the Popup Maker shortcode button to open the menu. Select the Scroll Trigger Point option to initialize the shortcode.
A Scroll Trigger Point box will open with the focus on the 'General' option tab. Click on the 'Popup' field to display a list of available popups. Select a popup on which to set the scroll trigger point, and then select the 'Save' button.
The scroll trigger point will display on the editor 'Visual' tab and refer to the popup ID of the selected popup. On the 'Text' tab, the trigger point appears as shortcode markup:
[pum_scroll_trigger popup="{popup-ID}"]
The trigger point is not visible in the browser. The plugin however adds the following HTML to mark the scroll trigger point within the content:
<span class=“pum-stp-trigger pum-stp-trigger-{popup-ID}”></span>
Edit the Scroll Trigger Settings to Set the Scroll Trigger Point Option
From the WordPress admin, locate the Popup Maker plugin menu, and select 'All Popups'. Open the popup using the Scroll trigger, and go to the Popup Settings box. On the Triggers option tab, open the Scroll trigger for editing.
In the Scroll Trigger Settings box, select the Element trigger type and Shortcode element trigger point. Update the settings box and the popup if any options are changed.
<!--The popup ID is automatically added to the shortcode’s-->
<!--’popup’ attribute when a popup is selected in the Scroll-->
<!--Trigger Point box.-->
[pum_scroll_trigger popup=“{integer}”]
How to Edit the Scroll Trigger Point Shortcode
From the WordPress admin, select the post, page, or custom post type for editing where the Scroll trigger shortcode is set.
Locate the scroll trigger point shortcode for editing.
Hover the cursor over the scroll trigger point in the editor. Click on the shortcode element box. The box will come into focus and the box border will be highlighted. Select the pencil icon to open the Scroll Trigger Point box for editing.
Inspect and edit the popup selection. Select 'Save' to update changes to the popup selection.
Select 'Update' to save any changes within the post or page.
How to Delete the Scroll Trigger Point Shortcode
From the WordPress admin, select the post, page, or custom post type for editing where the Scroll trigger shortcode is set.
Locate the scroll trigger point shortcode for editing.
Hover the cursor over the scroll trigger point in the editor. Click on the shortcode element box. The box will come into focus and the box border will be highlighted. Select the 'X' icon to remove the scroll trigger point from the content editor.
Select 'Update' to save any changes within the within the post or page.
Popup Behavior on the Front End
Related article: Trigger: Scroll -- Introduction // Go to: 'What Type of Element Do You Want to Use as a Trigger Point?’ >> 'CSS Selector' to view the demonstration videos.