Я добавил следующий код в свой файл function.php, пытаясь связать название моего внешнего / партнерского продукта и изображения на странице архива продукта с внешней ссылкой (открывающейся в новой вкладке), предоставленной Олегом Апановичем.
remove_action('woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open');
add_action('woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_link_open', 15);
add_action('woocommerce_before_shop_loop_item', 'woocommerce_add_aff_link_open', 10);
add_action('woocommerce_before_shop_loop_item_title', 'woocommerce_add_aff_link_close', 10);
function woocommerce_add_aff_link_open(){
$product = wc_get_product(get_the_ID());
if( $product->is_type( 'external' ) ) {
echo '<a target="_blank" href="' . $product->get_product_url() . '" class="">';
}
}
function woocommerce_add_aff_link_close(){
$product = wc_get_product(get_the_ID());
if( $product->is_type( 'external' ) ) {
echo '</a>';
}
}
function woocommerce_template_loop_product_link_open() {
global $product;
if( $product->is_type( 'external' ) ) {
$link = apply_filters( 'woocommerce_loop_product_link', $product->get_product_url(), $product );
echo '<a target="_blank" href="' . esc_url( $link ) . '" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">';
} else {
$link = apply_filters( 'woocommerce_loop_product_link', get_the_permalink(), $product );
echo '<a href="' . esc_url( $link ) . '" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">';
}
}
Вы можете просмотреть этот сайт здесь: https://dallavita.com/shop/
Этот код работает должным образом, когда я нажимаю на изображение и заголовок внешнего / партнерского продукта. Однако у меня также есть две дублирующиеся кнопки «покупки», которые отображаются и открываются при нажатии, но не на новой вкладке.
Как в настоящее время отображаются продукты внешних партнеров и при наведении указателя мыши на них: введите здесь описание изображения
Подробная информация о том, как я хотел бы отображать внешние / партнерские продукты: введите здесь описание изображения а>
В идеале я хочу, чтобы стиль внешних / партнерских продуктов на странице архива почти точно соответствовал стилю простого продукта (тогда как вместо отображения функции «добавить в корзину» это будет текст кнопки «Купить продукт» А затем, когда нажимали название внешнего / партнерского продукта, изображение, цену или кнопку покупки, внешняя ссылка открывалась в новой вкладке.
Любая помощь будет принята с благодарностью!
Спасибо!