Как открывать ссылки на товары Woocommerce в новой вкладке?

Частый вопрос по Woocommerce, как нам открыть ссылку на продукт woocommerce в новой вкладке, чтобы пользователь мог выбирать другие продукты, а не ходить туда и обратно снова и снова.
Это непростая задача как для дизайнера, так и для начинающего разработчика wordpress или клиента.

Нашлось решение с использованием хуков woocommerce, которое является стандартным способом выполнения любых пользовательских настроек функций woocommerce.

Давайте начнем.

Вам просто нужно открыть functions.php файл и вставить в него приведенный ниже фрагмент кода.

Для этого будем использовать хук woocommerce_template_loop_product_link_open и добавляем target=”_blank” в теге привязки, который открывает ссылку на новой вкладке.

remove_action( 'woocommerce_before_shop_loop_item','woocommerce_template_loop_product_link_open', 10 );
add_action ( 'woocommerce_before_shop_loop_item', 'ami_function_open_new_tab', 10 );
function ami_function_open_new_tab() {
echo '<a target="_blank" href="' . get_the_permalink() . '" class="woocommerce-LoopProduct-link">';
}