Title: Get Swiper instance Last modified: June 30, 2026 --- # Get Swiper instance * Resolved [fredericv](https://wordpress.org/support/users/fredericv/) * (@fredericv) * [1 week, 2 days ago](https://wordpress.org/support/topic/get-swiper-instance/) * Hello, * Is there a way to get Swiper instance built with Carousel Post Layout ? * [Swiper’s API](https://swiperjs.com/swiper-api) page says : * ```wp-block-code const swiper = document.querySelector('.swiper').swiper;swiper.slideNext ``` * But my console returns null for swiper : * ```wp-block-code Uncaught TypeError: can't access property "swiper", document.querySelector(...) is null ``` * Thanks for your help ! * PS : the search function in the WordPress.org support forum doesn’t work at all: every time I try to search, I get no results. - This topic was modified 1 week, 2 days ago by [fredericv](https://wordpress.org/support/users/fredericv/). Viewing 10 replies - 1 through 10 (of 10 total) * Plugin Author [YMC](https://wordpress.org/support/users/wssoffice21/) * (@wssoffice21) * [1 week, 2 days ago](https://wordpress.org/support/topic/get-swiper-instance/#post-18952443) * Hi! If you want to custom initialize the Swipe, you’ll need to disable the default settings in the plugin settings and then manually initialize the swipe (Custom Swiper Settings ).[https://prnt.sc/g9Of_56zkfuV](https://prnt.sc/g9Of_56zkfuV) - This reply was modified 1 week, 2 days ago by [YMC](https://wordpress.org/support/users/wssoffice21/). * Thread Starter [fredericv](https://wordpress.org/support/users/fredericv/) * (@fredericv) * [1 week, 1 day ago](https://wordpress.org/support/topic/get-swiper-instance/#post-18952971) * Hello, Thank you for your reply.Unfortunately, I’ve already tried that, and I’m having a lot of trouble getting Swiper API to work.It’s as if certain settings defined by YMC Filter in “Carousel post layout” or “Advanced query” are affecting the new Swiper instance: - For example, I can’t get the pagination or navigation to appear unless I use the callback I previously used for the other layouts (“Advanced query”) - Another example: when I manage to get the pagination and navigation to appear, they don’t work—they remain unclickable * That’s why I’ve fallen back on the carousel predefined by YMC, and I’m trying to retrieve its instance to customize it a bit. Thank you for your help. * Thread Starter [fredericv](https://wordpress.org/support/users/fredericv/) * (@fredericv) * [1 week, 1 day ago](https://wordpress.org/support/topic/get-swiper-instance/#post-18952974) * By the way, I’m trying to make the carousel responsive. Swiper.js shows that is possible with breakspoints : * ```wp-block-code breakpoints: { // when window width is >= 320px 320: { slidesPerView: 3, spaceBetween: 10, }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 30, }, // when window width is >= 640px 640: { slidesPerView: 4, spaceBetween: 40, } } ``` * This works, but as I said in my previous message, some others things not 🙂 * Plugin Author [YMC](https://wordpress.org/support/users/wssoffice21/) * (@wssoffice21) * [1 week, 1 day ago](https://wordpress.org/support/topic/get-swiper-instance/#post-18953125) * Hi! To initialize CustomMono Swiper, you’ll need to run this code:`ymcHooks.addAction(' ymc/grid/after_update_72', function(data, container) {new Swiper('.swiper-72',{ speed: 400,spaceBetween: 100,// do something…});}); * Change the filter ID to your own! Swiper is already enabled on the selected page. You need to initialize it within the JavaScript hook (see the filter documentation: [https://github.com/YMC-22/YMC-Filter](https://github.com/YMC-22/YMC-Filter)) * Thread Starter [fredericv](https://wordpress.org/support/users/fredericv/) * (@fredericv) * [1 week, 1 day ago](https://wordpress.org/support/topic/get-swiper-instance/#post-18953166) * Yes, that’s exactly what I did … but I obtained the problems described above … * Plugin Author [YMC](https://wordpress.org/support/users/wssoffice21/) * (@wssoffice21) * [1 week, 1 day ago](https://wordpress.org/support/topic/get-swiper-instance/#post-18953228) * It’s all very strange! The thing is, when you enable the** “Use “Custom Swiper Settings”** option in the plugin settings, it disables the plugin’s default initialization of the Swiper carousel. In this mode, you can customize the initialization and configuration of the swipe (the plugin won’t interfere with these settings). When custom initializing Swiper, you should always use plugin hooks (ymcHooks. addAction(‘ymc/grid/after_update_ID_Filter’, function(data, container) { … }) since posts are asynchronously loaded into the post grid itself, requiring control over asynchronous loading.By the way, the **“Advanced query”** settings don’t affect the carousel’s operation in any way—they are just overrides of the **WP_Query** object query itself, that’s all! You need to carefully analyze the entire Swiper initialization chain and ensure the correct settings within the plugin. Send us a link to your website page. * Thread Starter [fredericv](https://wordpress.org/support/users/fredericv/) * (@fredericv) * [1 week, 1 day ago](https://wordpress.org/support/topic/get-swiper-instance/#post-18953232) * Unfortunately it’s a localhost website 🙁 * But yes, I think like you, it’s all very strange, espacially the thing with the callback in “Advanced query”. I will investigate further, maybe I will find something, maybe not … * If you think of something, let me know please 🙂 * Plugin Author [YMC](https://wordpress.org/support/users/wssoffice21/) * (@wssoffice21) * [1 week, 1 day ago](https://wordpress.org/support/topic/get-swiper-instance/#post-18953234) * We look forward to your resolution. We’re also very interested in learning the root cause of the problem. Please let us know if you learn anything. Good luck! * Thread Starter [fredericv](https://wordpress.org/support/users/fredericv/) * (@fredericv) * [1 week ago](https://wordpress.org/support/topic/get-swiper-instance/#post-18954524) * So I’ve fixed my problem by deleting firefox’s cache between each change within the js hook. * I didn’t know that Firefox used its cache so extensively to store the state of JavaScript objects. Above all, I thought that since we’re constantly telling JavaScript when we want to trigger an action (before the page loads, after it loads, before the DOM loads, after it loads, etc.), the cache would be cleared each time… I’ve learned something new 🙂 I think this behavior must have a lot to do with Swiper.js—don’t you think? * Plugin Author [YMC](https://wordpress.org/support/users/wssoffice21/) * (@wssoffice21) * [1 week ago](https://wordpress.org/support/topic/get-swiper-instance/#post-18954569) * We glad that you solve your issue! Viewing 10 replies - 1 through 10 (of 10 total) You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fget-swiper-instance%2F%3Foutput_format%3Dmd&locale=en_US) to reply to this topic. * ![](https://ps.w.org/ymc-smart-filter/assets/icon-128x128.png?rev=3354891) * [YMC Filter](https://wordpress.org/plugins/ymc-smart-filter/) * [Frequently Asked Questions](https://wordpress.org/plugins/ymc-smart-filter/#faq) * [Support Threads](https://wordpress.org/support/plugin/ymc-smart-filter/) * [Active Topics](https://wordpress.org/support/plugin/ymc-smart-filter/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/ymc-smart-filter/unresolved/) * [Reviews](https://wordpress.org/support/plugin/ymc-smart-filter/reviews/) ## Tags * [swiper](https://wordpress.org/support/topic-tag/swiper/) * 10 replies * 2 participants * Last reply from: [YMC](https://wordpress.org/support/users/wssoffice21/) * Last activity: [1 week ago](https://wordpress.org/support/topic/get-swiper-instance/#post-18954569) * Status: resolved