WooCommerce商品一覧のリンク先を別ウィンドウにしたい

解決済 ysatocinema
(@ysatocinema)

5年、 10ヶ月前

WooCommerceを使用しています。

固定ページに[recent_products per_page=”12″ columns=”5″]とショートコードを使用して
商品一覧を並べています。

商品をクリックすると同じタブで商品ページを開きますが、
別タブで開きたいです。

このようにすることは可能でしょうか？

4件の返信を表示中 - 1 - 4件目 (全4件中)

モデレーター Okamoto Hidetaka
(@hideokamoto)

5年、 10ヶ月前

wp-content/{YOUR_THEME_NAME}/woocommerce/content-product.phpというファイルを作ることで、出力する内容を上書きできそうではあります。

https://docs.woocommerce.com/wc-apidocs/source-class-WC_Shortcode_Products.html#586

トピック投稿者 ysatocinema
(@ysatocinema)

5年、 10ヶ月前

ご連絡ありがとうございます。

私プログラミングの知識が不足しております故、
回答の内容を理解できませんでした。

また、解決方法を模索していきたいと思います。

ありがとうございます。
ishitaka
(@ishitaka)

5年、 10ヶ月前
こんにちは

woocommerce_before_shop_loop_item フィルタフックを利用する方法ではどうでしょうか。

例：
```
function my_woocommerce_before_shop_loop_item() {
	global $product;

	$link =get_the_permalink();
//	if ( $product->is_type( 'simple' ) ) {
		echo '<a href="' . esc_url( $link ) . '" class="woocommerce-LoopProduct-link woocommerce-loop-product__link" target="_blank">';
//	} else {
//		echo '<a href="' . esc_url( $link ) . '" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">';
//	}
}
remove_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10 );
add_action( 'woocommerce_before_shop_loop_item', 'my_woocommerce_before_shop_loop_item' );
```
トピック投稿者 ysatocinema
(@ysatocinema)

5年、 9ヶ月前
ご連絡ありがとうございます。

まずフックとういものがわかりませんでしたので、
下記のサイトで確認しましたが、関数があまり理解できておりませんので概要しかつかめませんでした。
https://liginc.co.jp/web/wp/customize/92030

ただ、いただきましたフックで確かに出来そうではありますね！ありがとうございます。

しかしながら、自身であまり理解できていない状態で関数になにかしら変更を加えるのは
恐かったので他の方法を探したところプラグインで解決できました。

WP External Links←使用したプラグインはこちらです。
有名なプラグインのようですが、リンクに対する動作を色々設定できるようです。

フックという概念を知ることができ勉強になりました！
ありがとうございます。
- この返信は5年、 9ヶ月前にysatocinemaが編集しました。

4件の返信を表示中 - 1 - 4件目 (全4件中)

トピック「WooCommerce商品一覧のリンク先を別ウィンドウにしたい」には新たに返信することはできません。