Как изменить расположение элементов WooCommerce в WordPress?

Привет!
WordPress с собственной темой и подключенным WooCommerce.
Стандартные стили и расположение элементов (название товара, изображение, описание и др.) не используется. Точнее со стилями все понятно, и о перемещении нужных файлов woocommerce/template в шаблон известно. Но не могу понять как изменить порядок и расположение элементов (название товара, изображение, описание и др.). Я искал и вроде бы понял, что нужно использовать @hooked, но не понял как. Наведите на правильный путь

Например, часть из "content-single-product.php"

<div itemscope itemtype="http://schema.org/Product" id="product-<?php the_ID(); ?>" <?php post_class(); ?>>

	<?php
		/**
		 * woocommerce_show_product_images hook
		 *
		 * @hooked woocommerce_show_product_sale_flash - 10
		 * @hooked woocommerce_show_product_images - 20
		 */
		do_action( 'woocommerce_before_single_product_summary' );
	?>
	
	<? do_action( 'woocommerce_template_single_title' ); ?>
	<div class="summary entry-summary">

		<?php
			/**
			 * woocommerce_single_product_summary hook
			 *
			 * @hooked woocommerce_template_single_title - 5
			 * @hooked woocommerce_template_single_price - 10
			 * @hooked woocommerce_template_single_excerpt - 20
			 * @hooked woocommerce_template_single_add_to_cart - 30
			 * @hooked woocommerce_template_single_meta - 40
			 * @hooked woocommerce_template_single_sharing - 50
			 */

			do_action( 'woocommerce_single_product_summary' );
		?>

	</div><!-- .summary -->

	<?php
		/**
		 * woocommerce_after_single_product_summary hook
		 *
		 * @hooked woocommerce_output_product_data_tabs - 10
		 * @hooked woocommerce_output_related_products - 20
		 */
		do_action( 'woocommerce_after_single_product_summary' );
	?>

</div><!-- #product-<?php the_ID(); ?> -->

Спасибо за внимание!