Habilitar la vista tipo lista de productos en WooCommerce 2024

Actualizado el 13 de enero de 2024

Agregar una vista de lista de productos puede ser muy útil si desea mostrar información adicional sobre los productos. Funcionan muy bien con sitios web mayoristas y otras tiendas en línea similares.

La mayoría de los plugins de vista de lista de productos están disponibles con opciones integradas como el cambio de vista de cuadrícula o lista, recuentos de productos para listas, paginación , etc. Todo lo que tiene que hacer es editar el plugin con las opciones requeridas que desea en su lista de productos. 

 

Usando el plugin Grid/List View for WooCommerce

vista de lista de cuadrícula para woocommerce complementos de vista de lista de productos de woocommerce

Grid/View for WooCommerce es la mejor opción para usted. Es un plugin simple y liviano que hace el trabajo perfectamente. El plugin agrega automáticamente un botón en la página de la tienda de su sitio web para permitir que los clientes pasen de la vista de cuadrícula a la de lista.

Sin embargo, todavía tiene muchas opciones de personalización para sus listas de productos, aunque es una solución sencilla. Tiene personalizaciones extendidas para los botones que sus clientes alternan entre la cuadrícula y la vista de lista. Además, también obtiene algunas opciones más, como el recuento de productos y CSS y JavaScript personalizados para mostrar la lista de productos en su sitio web.

1. Instalar y activar el plugin

Para comenzar a usar el plugin, primero debe instalarlo y activarlo. Vaya a Plugins> Agregar nuevo desde su panel de control de WooCommerce para instalar el plugin. Luego, busque las palabras clave del plugin y haga clic en Instalar ahora una vez que lo encuentre.

Una vez completada la instalación, active el plugin.

Habilitar la vista tipo lista de productos en WooCommerce 2024 -

Si desea utilizar un plugin premium, deberá cargarlo e instalarlo manualmente en su sitio web. Puedes encontrar más información al respecto en nuestra guía detallada sobre cómo instalar un plugin de WordPress manualmente .

2. Configure las opciones del plugin

Tan pronto como se active el plugin, será redirigido a la página de configuración del plugin en su sitio web. 

A estas alturas, ya debería haberse agregado a la página de su tienda un botón para alternar entre la cuadrícula y la vista de lista. Como resultado, todo lo que tiene que hacer es instalar un plugin para habilitar la vista de lista de productos.

Habilitar la vista tipo lista de productos en WooCommerce 2024 -

Pero, es posible que aún deba personalizarlos aún más de acuerdo con sus preferencias utilizando la configuración del plugin. Se puede acceder a través de BeRocket > Vista de cuadrícula/lista desde su panel de control de WordPress. 

En la configuración del plugin, podrá ver múltiples opciones para botones, recuento de productos y CSS/JavaScript. 

Las opciones de los botones le permiten cambiar los diseños y posiciones generales de los botones. Además, también le brindan ajustes preestablecidos de botones y opciones de estilos. 

Habilitar la vista tipo lista de productos en WooCommerce 2024 -

De igual forma, en las opciones de conteo de productos , puedes ajustar el valor de conteo de productos, productos por página, la posición de estos botones, etc. 

Esta opción de conteo de productos también se puede deshabilitar por completo en su sitio web si no es necesario. Todo lo que tienes que hacer es desmarcar el «Usar recuento de productos».

Habilitar la vista tipo lista de productos en WooCommerce 2024 -

Finalmente, también se puede agregar el CSS/JavaScript personalizado si desea agregar algunas personalizaciones propias. Se pueden agregar antes o después de la lista o el estilo de cuadrícula, las cookies o los botones para alternar la vista de cuadrícula o lista.

La versión Font Awesome también se puede seleccionar desde aquí. También puede desactivarlo por completo en esta sección.

Habilitar la vista tipo lista de productos en WooCommerce 2024 -

Una vez que haya realizado todos los cambios necesarios, no olvide guardarlos . Debería ver la vista de la lista de productos tan pronto como obtenga una vista previa de la página de su tienda.

Video tutorial:

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *