Lovro Hrust

<p>Block based slider, leverages the speed and versatility of the <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper slider</a>.</p>
<h4>Key Features</h4>
<ul>
<li>🥇 <strong>Insert Any Block as a Slide</strong>: No restrictions! Use the full power of the WordPress block editor.</li>
<li>🥈 <strong>Flexible Configuration</strong>: Use Swiper’s full range of features by entering the JSON configuration.</li>
<li>🥉 <strong>Lightweight & Fast</strong>: Uses only <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper</a> library as dependency.</li>
<li>🌟 <strong>Developer-Friendly</strong>: The source code is fully available, making it easy to customize with hooks.</li>
</ul>
<h4>NEW!</h4>
<p>I am accepting suggestions for new features and improvements.<br />
If you have an idea, please <a href="https://github.com/Lovor01/makeiteasy-slider/issues" rel="nofollow ugc">open an issue on GitHub</a><br />
or write here in support section.</p>
<h4>JSON configuration how to</h4>
<p>Head to Swiper docs, to <a href="https://swiperjs.com/swiper-api#parameters" rel="nofollow ugc">Parameters section</a> to find parameter you need.<br />
More elaborate configuration for some features is available further below on page, in <a href="https://swiperjs.com/swiper-api#modules" rel="nofollow ugc">Modules section</a>.<br />
Once you found the parameters you need, write them as JSON instead as javascript object, i.e.:</p>
<pre><code>{
    autoplay: {
        delay: 6000,
        disableOnInteraction: true
    },
    pagination: {
        clickable: true
    }
}
</code></pre>
<p>would be written as</p>
<pre><code>{
    "autoplay": {
        "delay": 6000,
        "disableOnInteraction": true
    },
    "pagination": {
        "clickable": true
    }
}
</code></pre>
<p>And enter them on settings tab in block sidebar under Advanced slider configuration section.<br />
You can learn more about JSON in <a href="https://stackoverflow.blog/2022/06/02/a-beginners-guide-to-json-the-data-format-for-the-internet/" rel="nofollow ugc">Stackoverflow blog</a> or on <a href="https://www.w3schools.com/js/js_json_intro.asp" rel="nofollow ugc">W3schools page</a>.</p>
<p>Your JSON configuration merges with default configuration needed for swiper to run. You can break slider functioning through misconfiguration, so this is the first place to look if something does not work.<br />
There is a built in syntax checker in Advanced slider settings box,</p>
<h3>Developers</h3>
<p>There is a full source code on <a href="https://github.com/Lovor01/makeiteasy-slider" rel="nofollow ugc">github</a>. You can investigate code, adjust it to your needs, collaborate, …</p>


Makeiteasy Slider

Slider based on very popular library Swiper! Insert blocks as slides. Truly open source.

wijnbergdevelopments

<p>Product Gallery Swiper for WooCommerce integrates the Swiper library to enhance the product images display on product listing sections. This plugin provides a responsive and touch-friendly slider for product thumbnails, improving the user experience on shop pages, product category pages, and related products sections.</p>
<p>This slider is designed for product listing sections where multiple products are displayed, not for single product itself.</p>
<h3>Key features</h3>
<ul>
<li>Responsive and touch-friendly product image slider</li>
<li>Customizable settings for scrollbar, pagination, and navigation</li>
<li>Breakpoint options to disable swiper on larger screens</li>
<li>Seamless integration with WooCommerce</li>
<li>Option to use variation images in the slider</li>
</ul>
<p>For more information about this plugin, please visit the <a href="https://products.wijnberg.dev/product/wordpress/plugins/product-gallery-swiper-for-woocommerce/" rel="nofollow ugc">plugin page</a>.</p>
<h3>Requirements</h3>
<ul>
<li>WooCommerce plugin installed and activated</li>
</ul>
<h3>Usage</h3>
<p>After installation and activation, Product Gallery Swiper for WooCommerce will automatically apply to your product galleries on listing pages. You can customize the settings in the WooCommerce -> Gallery Slider menu.</p>
<h3>Known compatibility</h3>
<p>Themes:</p>
<ul>
<li>GeneratePress (secondary thumbnail image disabled)</li>
<li>Blocksy</li>
<li>XStore</li>
<li>Woodmart</li>
</ul>
<p>Plugins:</p>
<ul>
<li>YITH Infinite Scrolling (Swiper initializes for AJAX loaded products)</li>
<li>WooCommerce HPOS</li>
<li>Product Filter by WBW (Swiper initializes for AJAX loaded products)</li>
<li>GeneratePress Premium</li>
</ul>
<h3>Additional Information</h3>
<p>This plugin is fully open source. You can find the source code on <a href="https://github.com/Paulsky/gallery-swiper" rel="nofollow ugc">GitHub</a></p>
<p>For more information and other WordPress plugins, visit <a href="https://products.wijnberg.dev/product-category/wordpress/plugins/" rel="nofollow ugc">Wijnberg Developments</a>.</p>


Product Gallery Swiper for WooCommerce

Enhance WooCommerce product images display on product listing sections with a responsive and touch-friendly slider for product thumbnails.

Makeiteasy Slider vs Product Gallery Swiper for WooCommerce