6.3 – 3d viewer for woocommerce, 360 gallery, multiple images for variations

6.3 is a Major update that adds many new features to Woocommerce and other improvements. Let me introduce some of them.

3d viewer, video viewer

Now, you can assign 3d files directly to the product gallery. This is supported for product gallery block and dynamic gallery block. Read more

The new block is added. Now you can make 360 viewers for product images. This is also integrated into the Product gallery block. This block has some benefits over video (but you can use also video in the gallery). It’s because the user can stop any frame and save the photo, enlarge it.

Multiple images for Variations

Woocommerce has only 1 image per variation. Woocommerce addon now improves this and allows the gallery for variations.

Dynamic content for slider and popup

Now, you can set CSS selector of item which will be copied into popup. Useful if you want to show element on desktop and make it as sliding panel/popup on mobiles

Anchors for Sliders

Now, each slider has anchor. If you add it, then slide can be accessible by link in browser

Metabox Relationship support for Query builder

Copy this post’s content
<!-- wp:paragraph -->
<p>6.3 is a Major update that adds many new features to Woocommerce and other improvements. Let me introduce some of them.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="3d-viewer-video-viewer">3d viewer, video viewer</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Now, you can assign 3d files directly to the product gallery. This is supported for product gallery block and dynamic gallery block. <a href="https://greenshiftwp.com/3d-product-viewer/" data-type="post" data-id="3171">Read more</a></p>
<!-- /wp:paragraph -->

<!-- wp:video {"id":3243} -->
<figure class="wp-block-video"><video controls src="https://greenshiftwp.com/wp-content/uploads/2023/06/woogallerymedia.mp4"></video></figure>
<!-- /wp:video -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="360-gallery">360 Gallery</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><a href="https://greenshiftwp.com/360-product-viewer/" data-type="post" data-id="3164">The new block is added</a>. Now you can make 360 viewers for product images. This is also integrated into the Product gallery block. This block has some benefits over video (but you can use also video in the gallery). It's because the user can stop any frame and save the photo, enlarge it. </p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="multiple-images-for-variations">Multiple images for Variations</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Woocommerce has only 1 image per variation. Woocommerce addon now improves this and allows <a href="https://greenshiftwp.com/multiple-images-for-product-variations/" data-type="post" data-id="3245">the gallery for variations</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:video {"id":3247} -->
<figure class="wp-block-video"><video controls src="https://greenshiftwp.com/wp-content/uploads/2023/07/multipleimagevariations.mp4"></video></figure>
<!-- /wp:video -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="dynamic-content-for-slider-and-popup">Dynamic content for slider and popup</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Now, you can set CSS selector of item which will be copied into popup. Useful if you want to show element on desktop and make it as sliding panel/popup on mobiles</p>
<!-- /wp:paragraph -->

<!-- wp:video {"id":3250} -->
<figure class="wp-block-video"><video controls src="https://greenshiftwp.com/wp-content/uploads/2022/05/toggleformobiles.mp4"></video></figure>
<!-- /wp:video -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="anchors-for-sliders">Anchors for Sliders</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Now, each slider has anchor. If you add it, then slide can be accessible by link in browser</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="metabox-relationship-support-for-query-builder">Metabox Relationship support for Query builder</h2>
<!-- /wp:heading -->

<!-- wp:image {"id":3262,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://greenshiftwp.com/wp-content/uploads/2022/10/relationship-1.jpg" alt="" class="wp-image-3262"/></figure>
<!-- /wp:image -->
«
»