While using appiapp Carousel inside the Gutenberg editor, you might notice that the carousel preview is not identical to how it appears on the frontend. This is intentional and designed to provide the best editing experience without compromising performance.
Why the Preview Isn’t Perfect
To optimize the block editor performance and avoid unnecessary script execution:
- The Swiper and Embla libraries are not loaded inside the editor.
- Custom JavaScript you add is only executed on the frontend of your site.
- Custom CSS, however, can be loaded in the editor if you enable it.
This approach ensures a faster and more stable editing environment, especially when dealing with complex layouts or multiple carousels.
How to See the Real Result
To preview the final appearance and behavior of your carousel:
- Save or update your post or page.
- Click “View” to open it in a new browser tab.
- You’ll see the carousel working with animations, transitions, navigation, and custom scripts exactly as intended.
By separating editor and frontend rendering, we keep your editor lightweight while preserving the full power and flexibility of appiapp Carousel on the live site.