WooCommerce - название внешнего / партнерского продукта и изображение на странице архива для внешней ссылки (новая вкладка)

Я добавил следующий код в свой файл 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/

Этот код работает должным образом, когда я нажимаю на изображение и заголовок внешнего / партнерского продукта. Однако у меня также есть две дублирующиеся кнопки «покупки», которые отображаются и открываются при нажатии, но не на новой вкладке.

Как в настоящее время отображаются продукты внешних партнеров и при наведении указателя мыши на них: введите здесь описание изображения

Подробная информация о том, как я хотел бы отображать внешние / партнерские продукты: введите здесь описание изображения

В идеале я хочу, чтобы стиль внешних / партнерских продуктов на странице архива почти точно соответствовал стилю простого продукта (тогда как вместо отображения функции «добавить в корзину» это будет текст кнопки «Купить продукт» А затем, когда нажимали название внешнего / партнерского продукта, изображение, цену или кнопку покупки, внешняя ссылка открывалась в новой вкладке.

Любая помощь будет принята с благодарностью!

Спасибо!


person Paull Dunn    schedule 06.12.2018    source источник


Ответы (1)


Вот как вы добавляете target="_blank" к ссылкам на страницах архива, чтобы открывать их в новой вкладке:

function ns_open_in_new_tab($args, $product) 
{
    if( $product->is_type('external') ) {
        // Inject target="_blank" into the attributes array
        $args['attributes']['target'] = '_blank';
    }    

    return $args;
}
add_filter( 'woocommerce_loop_add_to_cart_args', 'ns_open_in_new_tab', 10, 2 );

Замените часть ns_ сокращением вашего собственного пространства имен.

person Banago    schedule 28.02.2019