SANDBOX | XS (Extra Small) <576px SM (Small) ≥576px MD (Medium) ≥768px LG (Large) ≥992px XL (Extra Large) ≥1200px XXL (Extra Extra Large) ≥1400px | 250917 05:30:31

Testing rt_swipe Shortcode

Testing the new rt_swipe shortcode with Swiper.js implementation. All carousels use lazy loading - they initialize when scrolled into view.

Test 1: Episodes Carousel

Using: [rt_swipe type="rt_episodes" num="8"]

Scroll down to see lazy loading in action...

The carousels below will initialize when you scroll to them.

Test 3: Charts Carousel

Using: [rt_swipe type="rt_charts" num="5"]

Test 4: Tips Carousel with Load More

Using: [rt_swipe type="rt_tips" num="8" load_more="true"]

Test 5: Studies Carousel

Using: [rt_swipe type="rt_studies" num="5" see_more="/studier"]


Comparison: Original rt_swipe

Using the original Tiny Slider implementation for comparison:

rt_swipe Features

  • Lazy Loading: All carousels initialize only when scrolled into view (100px before visible)
  • Skeleton Loaders: Shows animated placeholders while loading
  • Better Performance: Swiper.js is more optimized than Tiny Slider
  • Deferred Loading: Scripts load with defer attribute
  • Same Parameters: Works with all existing rt_swipe parameters
  • Responsive: Adapts to mobile/tablet/desktop automatically

Migration

Simply replace [rt_swipe] with [rt_swipe] in your content. All parameters remain the same.