woocommerce Theme Flatsome 商品ページの商品画像の下に、HTML要素を追加する。

こちらで、商品ページのレイアウトを変更するカスタマイズする際に、いじるPHPファイルについての備忘録があります。本記事は、その関連の作業です。

/wp-content/themes/flatsome/woocommerce/single-product/layouts/product.php　の13行目あたりにdo_actionがあります。これにフックさせて表示すればよろしい。

		<?php
			/**
			 * woocommerce_before_single_product_summary hook
			 *
			 * @hooked woocommerce_show_product_images - 20
			 */
			do_action( 'woocommerce_before_single_product_summary' );
		?>

例えば、functions.php にこんな感じで

<?php
add_action( 'woocommerce_before_single_product_summary','callback_func',30);

function callback_func(){
	?>

         //出力するHTML要素
<?php 
}
?>

woocommerce_show_product_images のプライオリティが20なので、その後に出力したいから、プライオリティを30にしてます。