blog webempresa

Cómo configurar productos para abrir en una nueva pestaña

por | Ago 16, 2022 | WooCommerce

Cómo configurar productos para abrir en una nueva pestaña

Cuando creamos nuestra y queremos añadir funcionalidades adicionales siempre buscamos un complemento que nos permita añadir esta funcionalidad adicional, una de estas funcionalidades puedes ser que queramos que cuando un usuario pulse sobre el producto dentro de las miniaturas que estas se abran en una nueva pestaña, logrando que el usuario no pierda la navegación actual donde se encuentra.

Podemos añadir esta funcionalidad adicional con un código que podemos añadir en nuestro function.php de nuestro tema (Preferiblemente un tema hijo) o a través de un complemento como Code Snippets.

Code Snippets

Una vez tenemos instalado el complemento solo tenemos que ir al apartado Fragmento de código > Añadir nuevo y pegar el siguiente código.

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

De esta forma, cuando un usuario pulse sobre cualquier producto, este se abrirá en una pestaña nueva de su navegador.

 

¿Te ha resultado útil este artículo?

Promo hosting 70% de descuento