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.

Michael

<p>Creates a simple Swiper slider out of container elements. Flexbox has to be active.</p>
<h3>How to use it</h3>
<p><iframe loading="lazy" title="Slide everything for Elementor" width="750" height="422" src="https://www.youtube.com/embed/s8oyX1u-T6E?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<ul>
<li>create a horizontal container and give it an ID (Advanced – CSS ID)</li>
<li>add multiple sub containers (those are the slides)</li>
<li>add the <code>Slide everything</code> widget somewhere in the page</li>
<li>set the ID of the container in “Slider ID”</li>
<li>change some settings</li>
<li>preview the page</li>
</ul>
<p>Events:</p>
<p>You can listen to the <code>miga_slide_everything_init</code> event to get informed when the slider is ready to use:<br />
    <code>document.addEventListener("miga_slide_everything_init", function(e) {<br />
  alert("ready");<br />
});</code></p>
<p>Currently only working with one slider in your page!</p>


Slide everything for Elementor

Creates a simple Swiper slider out of container elements. Flexbox has to be active.

Product Gallery Swiper for WooCommerce vs Slide everything for Elementor