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.