Revisión de la tabla de productos de WooCommerce: Crear tablas de filtro a partir de productos

¿Necesita una forma simple pero flexible de crear sus tablas de búsqueda WooCommerce WordPress? Soy un gran admirador de las tablas de comparación de productos para dar a sus visitantes un método fácil de usar para comparar más productos. Hay una serie de complementos de mesa de calidad. Pero si desea particularmente crear tablas de productos receptivas y adaptables para dispositivos móviles para su tienda WooCommerce WordPress, el complemento de la tabla de productos de WooMoCommerce de Barn2 Media le permite crear rápidamente filtros y productos para solucionar con un propósito mucho más fácil que con un propósito más general. Mass WordPress complementos.
Al igual que el complemento Table Pro de Barn2 Media que revisé, el complemento de tabla de productos WooCommerce se basa en códigos cortos, que ahora puede configurar fácilmente a través de una interfaz fácil de usar. Lo que es realmente hermoso es que sus clientes pueden buscar, filtrar y ordenar las tablas de varias maneras (que usted controla) para que puedan encontrar rápidamente la información específica que necesitan. Uno por uno, me gustó el tiempo de juego con el complemento y me pareció fácil e intuitivo de usar. Continúe leyendo para obtener una visión más detallada de cómo este complemento lo ayuda a crear tablas de productos para su sitio.
¿Qué hace la tabla de productos de WooCommerce? Como probablemente pueda deducir del nombre, la tabla de productos de WooCommerce facilita la creación de una tabla de productos extremadamente personalizables (o listas), filtrante/ordenable, en su sitio web de WordPress. Aquí hay un ejemplo rápido de lo que hablo:

Tiene un control detallado sobre la información específica que puede mostrar en sus tablas. Puede personalizar columnas, filtros, características y más. Y puede optar por mostrar los productos de acuerdo con su deseo. También puede optar por mostrar fácilmente todos los productos, ciertos productos y ciertas categorías de opciones. El artículo continúa a continuación

Sus visitantes pueden buscar más buscando, filtrand y clasificar para encontrar el producto específico que necesitan, seleccionando los atributos del producto. Una vez que los visitantes encuentran un producto que les gusta, pueden agregarlo a su cesta directamente desde su mesa. Más allá de eso, cada comida es, por supuesto, totalmente receptiva y compatible con dispositivos móviles. ¿Por qué es útil? Veo que la tabla de productos de WooCommerce es útil para todos los tipos de tiendas de WooCommerce. Los desarrolladores mencionan específicamente esto como útil:
Tiendas al por mayor
Catálogos de productos
Formularios de comando (tenemos una publicación sobre la creación de un formulario de comando wooCommerce)
Pedidos en el restaurante
Pero, de hecho, el cielo es el límite aquí. Puede usar el complemento para cualquier cosa, desde el reemplazo completo de su vitrina (para un enfoque de catálogo más alto) hasta la rápida visualización de ciertos productos en publicaciones de blog.
Revisión de la tabla de productos de WooCommerce: Nota práctica Nota – Cuando inicialmente escribí esta revisión, mi principal crítica de este complemento fue que no tenía ningún tipo de generador de código corto fácil de usar. Comenzando con la tabla de productos WooCommerce 1.8, esta crítica ya no es válida. Además de la configuración de códigos cortos fáciles de usar, el complemento ha agregado otras características nuevas, como opciones de estilo. Como resultado, actualizamos esta sección de la revisión para reflejar la nueva herramienta de complemento, más fácil de usar, para crear códigos cortos. También dejaré la revisión original, por lo que puede ver algunos ejemplos diferentes de diferentes configuraciones. Después de instalar y activar el complemento, tiene algunas interfaces diferentes para funcionar con el complemento:
Configuración: esta área le permite configurar una serie de configuraciones predeterminadas para el código corto que tenía que configurar previamente utilizando los parámetros de código corto. Básicamente, esta es la gran mejora en el grado de uso que mencioné en la introducción de esta sección.
Widgets: la tabla de productos de WooCommerce incluye cuatro widgets que ayudan a los visitantes a filtrar y navegar en las tablas de productos.
Más allá de eso: continuará introduciendo las tablas de WooCommerce utilizando un código corto (solo no necesariamente tendrá que jugar con parámetros individuales de código corto).
El artículo continúa a continuación
Configuración de su estilo de masa para comenzar con la tabla de productos de WooCommerce, primero querrá ir a la zona de configuración:

Allí, lo primero que puede hacer es elegir el diseño de su mesa. Puede optar por ir con el diseño predeterminado. O, si elige personalizado, podrá agregar su propio estilo. Tiene suficientes opciones de estilo para personalizar la apariencia de la mesa y el diseño de la tabla en términos de fronteras, fuente, antecedentes, etc., sin cambios manualmente HTML o cs. Esta es otra nueva adición que elimina la necesidad de hacer las cosas con CSS Personalizado: ¡cosas buenas! (Por supuesto, todavía es libre de agregar CSS personalizado si lo desea).

Configuración de la configuración predeterminada para el siguiente código, querrá configurar la configuración predeterminada para el código corto. Siempre puede cambiarlos manualmente para cada código corto, pero esta interfaz es mucho más fácil de usar que siempre usarse manualmente los parámetros de código corto, como lo hizo la versión anterior de la tabla de productos de WooCommerce:

La mayoría de estas opciones son bastante explícitas, como la longitud de la descripción, que no es más que la longitud de la breve descripción que se muestra en la lista de productos. Pero un área que merece un aspecto más cercano es la opción de filtros de búsqueda.

Cuando se activan, le permiten elegir qué filtros están disponibles para los usuarios:
El artículo continúa a continuación

A continuación en la página, puede configurar opciones aún más avanzadas:
Una cosa hermosa aquí es el botón Ajax para agregar la canasta: permite a los visitantes agregar un artículo a su canasta en la tabla de productos, sin requerir una recarga de páginas. Además, puede activar la opción de carga perezosa si tiene una tienda con una gran cantidad de productos. Lazy Load usa AJAX para acelerar el tiempo de carga de su sitio. Insertando una tabla de productos de WooCommerce en su sitio web con la versión anterior del complemento, debería haber creado un largo código, con muchos parámetros para crear una hermosa tabla. El nuevo complemento, todo lo que tiene que hacer es usar el código básico corto:

Y verá una tabla completamente configurada en el front-end (dependiendo de la configuración que haya elegido):


Uno por uno, el proceso es significativamente más simple en esta nueva versión. A continuación, dejé la sección original de las revisiones prácticas, porque todavía le da un buen vistazo a cómo funciona el complemento. Solo recuerde que ya no confía en los parámetros de código corto; ahora puede hacer todo en los ejemplos a continuación utilizando la interfaz amigable para las personas del complemento. El uso del código básico corto para la tabla de productos de WooCommerce Aunque la funcionalidad en esta sección aún es precisa, la nueva versión incluye una forma más amigable de configurar su tabla (detallada anteriormente).

Para la forma más rápida de crear una tabla de productos de complemento, puede usar el código corto de la tabla base en cualquier lugar de su sitio, y la tabla junto con los datos del producto se mostrará allí. El código básico corto es este: [Product_Table] reproduce una tabla con cuatro columnas diferentes para:
Nombre

resumen

Precio

Comprar (el botón Agregar en el carrito)
Toda esta información se extrae directamente de la información de su producto WooCommerce: no tiene que ingresar nada manualmente. También puede ver que incluso con el código básico corto, sus visitantes pueden buscar la mesa. El uso de parámetros básicos para agregar más funciones, aunque la funcionalidad en esta sección sigue siendo precisa, la nueva versión incluye una forma más amigable de configurar su tabla (detallada anteriormente) El código básico corto ofrece una tabla de productos funcional suficiente. Pero la mayoría de las veces, querrá poder ir más allá e incluso incluir imágenes en sus tablas. Afortunadamente, esto es muy fácil de hacer con los parámetros de código corto. Incluso puede especificar el tamaño exacto de sus imágenes. Para mantener las mismas columnas básicas, pero para agregar una columna de imagen que muestre una imagen de 80 × 80 PX, puede usar el siguiente código corto: [columnas product_table = “Imagen, nombre, Descripción, precio, agregue la canasta “image_size =” 80 × 80 “] Si analiza lo que hace el código corto, verá que acepta dos parámetros:
Una especificación de qué columnas incluyen (cinco columnas en el parámetro son iguales a cinco columnas en el front-end)
Uno que le dice al complemento qué tamaño de la imagen usar
Desafortunadamente, no puedo pasar por cada parámetro en esta revisión. Soy un montón de ellos. Puede configurar todo, desde varias columnas, diferentes estilos de agregar la canasta, variaciones de productos, taxonomías personalizadas y más. E incluso puede usar campos personalizados en sus tablas, si es necesario. Puede crear fácilmente campos personalizados y mostrarlos en forma de columnas en una tabla. Además, puede optar por mostrar solo conjuntos de productos específicos, en lugar de cada producto en su tienda. Puede ver una lista completa aquí. Y a continuación, te mostraré algunas de las cosas más ordenadas que puedes hacer. Agregue nuevos filtros a su tabla de productos de WooCommerce Aunque la funcionalidad en esta sección aún es precisa, la nueva versión incluye una forma más amigable de configurar su tabla (detallada anteriormente) de forma predeterminada, la tabla incluye un cuadro de búsqueda, pero no hay filtros específicos . Si desea dar a los visitantes más opciones sobre la mesa, puede usar más parámetros para agregarlos a la tabla. Para permitir a los usuarios filtrar de acuerdo con cada columna para la cual hay filtros disponibles, puede usar un parámetro general de filtros = “verdadero” como este:

Como puede ver, sus visitantes pueden elegir entre los menús para filtrar su mesa. Lo bueno es que el filtrado es AJAX, es decir, no hay necesidad de recargar la página para que sus visitantes vean los resultados. Si no desea activar cada filtro disponible, también puede usar los parámetros para activar los filtros individualmente, en lugar de la manta “verdadera” en mi ejemplo. Cambiar el ancho de las columnas para la tabla de productos Aunque la funcionalidad en esta sección sigue siendo precisa, la nueva versión incluye una forma más amigable de configurar su tabla (detallada anteriormente) en el mundo real, es posible que desee un control ligeramente mayor. El ancho de su columna que los anchos generados automáticamente por el complemento. Afortunadamente, es fácil cambiar los anchos de la columna utilizando el parámetro de ancho. Puede establecer anchos como píxeles, porcentajes, o puede dejar que el complemento calcule automáticamente el ancho. También puede combinar y combinar las tres opciones según sea necesario. Por ejemplo, para volver a mi tabla anterior, podría usar el siguiente código corto para establecer la columna de imagen como 80px fijada, la descripción como 10% y dejar que el complemento calcule automáticamente los anchos para las otras tres columnas: [Product_Table Columns = ” Imagen, nombre, descripción, precio, complemento “image_size =” 80×80 “idhs =” 80px, automóvil, 10, automóvil, automóvil “]
Ok, el uso del 10% porque el ancho de la descripción no es muy estético, ¡pero es un buen ejemplo de cuán flexible es el complemento a este respecto! Si se pregunta cómo el complemento sabe qué columna aplicar cada ancho, el orden de los anchos simplemente ingresa con el orden de las columnas. Mostrar diferentes variantes de productos en la tabla de productos de WooCommerce Aunque la funcionalidad en esta sección sigue siendo precisa, la nueva versión incluye una forma más amigable de configurar su tabla (detallada anteriormente) si su sitio de WooCommerce tiene productos variables, s. Puede hacer que funcionen en la tabla de productos de WooCommerce. Afortunadamente, Barn2 Media no se olvidó de mostrar variaciones. Tiene tres opciones diferentes para administrar las variaciones del producto: una lista de caída para las variaciones de productos
Filas separadas para cada variante de producto
Solo muestra variaciones en la página de productos reales
Para elegir su opción, debe, adivinó, usar un parámetro de código corto. Por ejemplo, así es como puede usar el método desplegable (y cómo se ve en el frente):]
El uso de los widgets incluidos para brindar a los visitantes más control más allá de la gran variedad de códigos cortos que ofrece el complemento, también incluye cuatro widgets diferentes de WordPress que puede usar para dar más visitantes de control y filtración. Tablas de productos. Estos widgets son parte del complemento y no deben instalarse como suplementos separados. Actualmente, el complemento le brinda cuatro widgets para la visualización: filtro de precios

Filtros activos (según lo definido por el código corto)
Filtro de evaluación promedio
Filtro de atributos (puede personalizar su funcionalidad)
Así es como se ven esos widgets en el front-end:
Tres de los widgets son enchufar y jugar, solo tienes que tirar de ellos para comenzar a usarlos. El único que necesita configurar es el filtro de atributos. Allí, puede elegir los atributos posteriores para filtrar de manera efectiva, así como algunas características básicas:

Además, el complemento de la tabla de productos viene con compatibilidad con el complemento WPML, lo que significa que puede usar el complemento WPML principal para traducir la tabla de productos en diferentes idiomas. ¿Cuánto cuesta la mesa con los productos de WooCommerce? La versión de la tabla de productos de WooCommerce cuesta $ 119 por una sola licencia de sitio, $ 209 por hasta 5 sitios y $ 429 para hasta 20 sitios. Con esto, obtienes documentación completa, así como un año de actualizaciones y asistencia. También está registrado para la renovación automática después del primer año, aunque puede cancelar esto si lo desea (simplemente recibirá asistencia y actualizaciones después del primer año). Pensamientos finales sobre la tabla de productos de WooCommerce La tabla de productos de WooCommerce funcionó perfectamente para mí, jugando con ella. Sí, es un poco de uso de nicho. Pero si tiene que crear tablas en productos de WooCommerce en su sitio de WordPress, este enchufe le ahorrará mucho tiempo. También es increíblemente flexible y le brinda muchas formas diferentes de cambiar sus comidas. Al igual que las publicaciones Table Pro de Barn2 Media, la única área en la que creo que podría hacerse más accesible es un tipo de interfaz gráfica para las tablas de construcción. Personalmente, no tuve problemas para usar parámetros de código corto (y si usted es un desarrollador, ciertamente no tendrá problemas, está bien documentado). Pero creo que alguien que no es un desarrollador o usuario fuerte podría luchar un poco con el sistema de código corto. Barn2 Media escuchó!