Hem » Sandbox » Sandbox TMPSenaste nytt »

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 2: Reels Carousel with See More

Using: [rt_swipe type="rt_reels" num="6" see_more="/reels"]

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"]

Test 6: Image Carousels

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

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.