Move thumbnail slider in other DIV

Hello,

I have been wondering this for a long time and have tried it a few times but I can not manage it to work.

Is it possible to move the thumbs of the images in another div?

You got the default single-product.php and I want to change the layout of it.

After searching for a while I finally found the files that I need for the product images. product-image.php loads the images and in this file there is also a hook that loads the thumbnails “do_action (‘woocommerce_product_thumbnails’);”. This hook is formatted in this product-thumbnails.php file.

The thumbnails are working like a kind of slider now. When you click on it the main image wil change.

Is it possible to make my single-product.php file like this:

<div id="block-shop" class="block">
	<div class="block-inner">
		<div class="row">
			<div class="col-lg-6 col-md-6 col-sl-6 col-xs-12">
				<?php [Hook for product image] ?>
			</div>
			<div class="col-lg-6 col-md-6 col-sl-6 col-xs-12">
				<?php [Product video] ?>
			</div>
		</div>
	</div>
</div>
<div id="block-shop" class="block">
	<div class="block-inner">
		<div class="row">
			<div class="col-lg-6 col-md-6 col-sl-6 col-xs-12">
				<?php [Hook for product thumbnails] ?>
			</div>
			<div class="col-lg-6 col-md-6 col-sl-6 col-xs-12">
				<?php [Something else] ?>
			</div>
		</div>
	</div>
</div>

Is this possible and if yes, how?