Layout Slider New Navigation Shortcode

The SiteOrigin Widgets Bundle 1.19.0 introduces a new navigation shortcode to the Layout Slider widget. The new [slide_control] shortcode allows direct linking to any slide with a link label of your choosing. The below demo shows the shortcode in use, click the Show Slide 1,2,3 link to give it a try.

The SiteOrigin Layout Slider widget can be inserted into any theme widget area at AppearanceWidgets or any post/page using Page Builder by SiteOrigin. If you’re using the Block Editor the Layout Slider widget can be inserted via the SiteOrigin Layout or SiteOrigin Widget block.

Shortcode Details

The [slide_control] shortcode can be inserted into each slide as required and offers the following options:

  • label: Optional label to use as navigation text.
  • slide: Which slide to navigate to. Options are:
    • first
    • last
    • prev
    • previous
    • next
    • A numerical slide number, e.g: 3

The slide number is not zero-based. Linking to slide 3 will take the user to the third slide.

Example shortcode:

[slide_control slide="3"]

Using the Shortcode in a Button Widget

It’s possible to indirectly apply the slide control shortcode in a SiteOrigin Button widget within the Layout Slider. The following Button widget fields are required:

Button text
Insert button text as required. For example “Show Slide 1”.

Destination URL
Enter a hash followed by the slide number you’d like to navigate to. For example, to navigate to the first slide, insert #1.

Button classes
Open the Other attributes and SEO section to locate the Button classes field. Insert the following class name:


Do More With SiteOrigin Premium

The SiteOrigin Premium Parallax Sliders addon enhances SiteOrigin Layout Slider widget by providing parallax and fixed background image options. Find out more in the Parallax Sliders documentation.

The post Layout Slider New Navigation Shortcode appeared first on SiteOrigin.

Read More Announcements, Plugins

Leave a Reply

Your email address will not be published. Required fields are marked *

Generated by Feedzy