blog webempresa

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

por Karen | Ago 16, 2022 | Tutoriales sobre WooCommerce

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?

Ayúdanos a mejorar nuestros contenidos compartiendo tu opinión

Karen

Equipo de soporte WordPress y Woocommerce en Webempresa.

Video tutorial, paso a paso y demo del editor de contenidos

La verdad es que este creador de webs con IA me tiene algo enamorado, y aquí te envío un vídeo de cómo es “por dentro”, para terminar de convencerte y animarte a que lo utilices.

Durante el vídeo voy a:

Configurar la web desde cero, con el asistente (que hemos visto en el apartado anterior).
Añadir información sobre mi web (una web para un restaurante vegano en madrid, especializado en verduras de la huerta).
Ver el resultado y explorar las características principales de WeBuilder en cuanto a configuración y posibilidades generales.

Ten en cuenta que este vídeo no es un curso completo sobre la herramienta, es un recorrido por encima para que te hagas una idea de las posibilidades que tiene.

Conclusión

Crear una web con IA y WeBuilder te permite centrarte en tu negocio o tu pasión, dejando la parte técnica en manos de algoritmos inteligentes. Ahorro de tiempo, costes reducidos y resultados profesionales son solo el comienzo.

Define tu proyecto y palabras clave.
Deja que la IA genere la estructura y contenido.
Personaliza el diseño y las funcionalidades.
Publica y mantén tu sitio siempre optimizado.
Delega la parte técnica y las dudas al equipo de soporte de Webempresa.

Prueba WeBuilder hoy mismo y lleva tu proyecto a un nivel que no pensabas alcanzable hasta antes de leer este artículo, y todo gracias a la potencia de la inteligencia artificial en Webempresa.

¡Espero de todo corazón que este artículo te haya servido para darte un empujoncito a llevar a cabo esa puesta a punto de tu web o prueba de concepto de tu proyecto, y nos vemos en el siguiente artículo!

Plugin Gratuito WordPress