Compatible con WordPress 5.x y WooCommerce 6.x
WordPress – Woocommerce Variations (productos variables) a Table – Grid Plugin
Este complemento de WordPress – WooCommerce convertirá los menús de opciones de selección de variaciones predeterminadas de la página del producto en una tabla fácil de usar: visualización de cuadrícula. Cuenta con un panel de configuración de administración que se explica por sí mismo con muchas opciones, excelente documentación y soporte y opciones por producto.
por: nitroweb
Lea la guía de instalación y la descripción del complemento. Si no está seguro de algo, por favor pregunte ANTES de comprar
Características
- Panel de administración fácil de usar y autoexplicativo.
- Muestra todos los datos necesarios para sus productos variables con opciones para deshabilitarlos.
- Admite «cualquiera» cuando configura las variaciones de su producto
- Admite «atributos personalizados» que puede agregar a los productos sobre la marcha
- «Agregar seleccionados al carrito» con la casilla de verificación Seleccionar todo para agregar variaciones masivas al carrito
- Opción para deshabilitar o habilitar la tabla/cuadrícula por producto.
- Mensajes personalizados En stock, Agotado y Stock bajo (con umbral)
- Fácil de usar Código corto con documentación completa para ayudarlo a colocar la tabla donde la necesite y se ejecutan códigos abreviados.
- Fácil de usar código abreviado mundial que mostrará todos variaciones de todos productos variables en cualquier página.
- Extensible/amigable para desarrolladores. Puede modificar el complemento sin piratearlo, pero a través de filtros y acciones de WordPress.
- Haz que las variaciones se destaquen con tu pegatina/icono personalizado. Puede habilitarlo/deshabilitarlo o anularlo por variación.
- Soporta Muestras y fotos de variación de WooCommerce
- Soporta Lista de deseos de YITH WooCommerce
- Soporta Vista rápida de YITH WooCommerce
- Soporta Envoltura de regalo del producto WooCommerce
- Soporta Galería de imágenes de variación adicional para WooCommerce
- AJAX se puede habilitar desde la configuración
- Clasificación de las columnas de la tabla en la interfaz
- Se puede configurar el encabezado de tabla predeterminado (generado automáticamente), el encabezado de tabla personalizado genérico y el encabezado de tabla personalizado por producto
- Fácilmente traducible a través de archivos .po / .mo.
- Traducciones disponibles: inglés, griego, francés, italiano, polaco.
Reseñas
Compatibilidad con muestras y fotos de variación de WooCommerce habilitada
Uso
Para usar el complemento Woocommerce Variations to Table – Grid, navegue desde su panel de administración de WordPress a “Woocommerce -> Tabla de variaciones“
Opciones
- Excluir categorías: puede seleccionar categorías completas para excluir el complemento a fin de mostrar las variaciones con los menús de selección predeterminados
- Mostrar miniatura: seleccione «sí» para mostrar la columna de miniaturas o «no» para ocultarla.
- Ancho de la miniatura en píxeles: Puede definir el tamaño de la miniatura en píxeles en este campo
- Exhibición de existencias: Seleccione «sí» para mostrar la columna de condición de existencias o «no» para ocultarla.
- En existencia Texto: si se muestra el stock, puede configurar el texto para que se muestre cuando la variación esté en stock
- Texto agotado: si se muestra el stock, puede configurar el texto para que se muestre cuando la variación esté agotada
- Texto de existencias bajas: si se muestra el stock, puede configurar el texto para que se muestre cuando el stock de variación es bajo
- Umbral de stock bajo: Ingrese la cantidad de la variación que activará el estado de stock bajo
- Mostrar precio: Seleccione «sí» para mostrar la columna de precio o «no» para ocultarla.
- Mostrar total (Nuevo): Seleccione «sí» para mostrar la columna de totales o «no» para ocultarla.
- Mostrar campo de cantidad: Seleccione «sí» para mostrar el campo de entrada de cantidad de los productos que se agregarán a la columna del carrito o «no» para ocultarlo.
- Mostrar Añadir al carrito: seleccione «sí» para mostrar la columna del botón Agregar al carrito o «no» para ocultarla.
- Mostrar lista de deseos: seleccione «sí» para mostrar la columna del icono de la lista de deseos o «no» para ocultarla.
- Mostrar imagen: seleccione «sí» para mostrar una columna adicional de imagen/pegatina/icono o «no» para ocultarlo.
- Añadir imagen: Cargue la imagen/pegatina/icono adicional haciendo clic en el botón Abrir administrador de medios.
- Descripción de la pantalla: Seleccione «sí» para mostrar una descripción debajo de la fila de la variación.
- Mostrar encabezado de tabla: Seleccione «sí» para mostrar el encabezado de la tabla.
- Encabezado de tabla personalizado: Puede escribir su propio código HTML personalizado para todos los encabezados de tabla aquí.
- Habilitar Ajax: seleccione «sí» para habilitar AJAX para «agregar al carrito» y «lista de deseos»
- Habilitar tabla receptiva: seleccione «sí» para que la mesa sea compatible con dispositivos móviles
- Ordenar columnas: Puede ordenar las columnas arrastrando y soltando los elementos de la lista
- ¡Estás listo para ir! * Guardar cambios *
Código corto
En la página de su producto o en cualquier lugar donde se ejecuten códigos abreviados (por ejemplo, publicaciones y páginas), puede usar el código abreviado [vartable] . Si solo coloca el código abreviado, leerá las opciones del complemento que configuró a través del panel de configuración del administrador.
Para personalizar el código abreviado, puede usar los siguientes atributos (respectivamente a las opciones anteriores):
- identificación
- sku
- pulgar
- tamaño_del_pulgar
- Valores
- in_stock_text
- out_stock_text
- low_stock_text
- bajo_stock_umbral
- precio
- oferta
- imagen
- cantidad
- carro
- lista de deseos
- regalo
- ajax
- descripción
- cabeza
- sensible
- clasificación
En todos los atributos, establecerlo en «1» es igual a «sí» y «0» es igual a «no», cuando sí o no se aplican como opciones posibles. Aquí hay un ejemplo:
[vartable thumb=1 thumb_size=150 stock=1 in_stock_text="We have plenty" out_stock_text="Everything is gone" offer=0 qty=1 ajax=0]
Como puede notar, no hemos configurado los atributos del carrito, la lista de deseos, etc., por lo tanto, el código abreviado hará lo que hemos configurado a través del panel de configuración del complemento.
Si usa el código abreviado fuera de la página del producto, ¡entonces el atributo «id» del código abreviado es obligatorio!
Todos Productos Variables Todos variaciones de código corto
Puede mostrar todas las variaciones de productos variables con el código abreviado [vartableall]. Se pueden usar los mismos argumentos que arriba Y título = 1 para mostrar el título del producto antes de cada tabla Y categorías
las categorías se pueden establecer con id de categoría y separados por comas, por ejemplo [vartableall categories=10,14] para incluir productos de estas dos categorías solamente.
No utilice la opción de identificación en este shortcode.
Apto para desarrolladores
Muchos ganchos están en su lugar. Busque el código para obtener una lista completa. A continuación se muestran algunos de ellos con ejemplos.
Puede agregar alterar la clase css del enlace a la imagen completa para cada variación con el filtro «vartable_thumb_class_filter», por ejemplo.
add_filter( 'vartable_thumb_class_filter', 'my_vartable_custom__img_class');
function my_vartable_custom__img_class($class) {
$class = $class.' myclass anotherclass';
return ($class);
}
El filtro «single_add_to_cart_text» de Woocommerce está en su lugar. Consulte la documentación de Woocommerce.
Comportamiento
Puede agregar su propia clase css para la tabla con «vartable_table_class», por ejemplo.
add_action( 'vartable_table_class', 'my_vartable_table_class');
function my_vartable_table_class($class) {
$class=" table-hover table-striped ";
return ($class);
}
Puede agregar texto antes y después de la tabla con «vartable_before_table» y «vartable_before_table», por ejemplo.
add_action( 'vartable_before_table', 'my_vartable_before_table');
function my_vartable_before_table($text) {
$text="This text ";
$text .= 'will go before the table';
echo $text;
}
add_action( 'vartable_after_table', 'my_vartable_after_table');
function my_vartable_after_table($text) {
$text="This text ";
$text .= 'will go after the table';
echo $text;
}
Retire la tabla de la parte superior y agréguela después de la descripción del producto.
function vartable_move_after_description($content) {
if (get_post_type() == 'product' && is_single()) {
$content = $content . do_shortcode('[vartable]');
}
// otherwise returns the database content
return $content;
}
add_filter( 'the_content', 'vartable_move_after_description' );
remove_action( 'woocommerce_variable_add_to_cart', 'vt_woocommerce_variable_add_to_cart', 30 );
No use add_action si está usando el método shortcode
Requisitos
- WordPress 4.0+
- Woocommerce 3.6+
- PHP 7.0+
Preguntas frecuentes
Recibo un error fatal: no se puede volver a declarar woocommerce_variable_add_to_cart()
Intente desactivar WooCommerce, activar el complemento y volver a activar WooCommerce
¿Puedo enumerar todas las variaciones de todos los productos variables?
Sí, puedes a través de la [vartableall] Código corto.
¿Puedo usar atributos personalizados al agregar una variación?
Sí, esto se agregó en la versión 1.0.6.
¿Puedo poner esto en cualquier parte de mi sitio?
Sí, puede hacerlo a través del código abreviado, si se ejecuta el campo donde puso los códigos abreviados. Tendrás que especificar el identificación del producto variable en los argumentos de shortcode.
¿Puedo deshabilitar la cuadrícula solo para uno o cualquier producto que desee?
Sí, puede hacerlo a través de la pantalla de edición de productos. Seleccione “Sí” en la opción “Deshabilitar tabla de variaciones” en la pestaña de configuración general del producto.
¿Puedo deshabilitar la cuadrícula para cualquier categoría que desee?
Sí, puede hacerlo a través del panel de administración que se proporciona en «Woocommerce ? Tabla de variaciones”.
Si desactivo la tabla/cuadrícula para un producto, ¿puedo seguir usando el shortcode?
Sí, el shortcode no se desactiva.
Las variaciones de la lista de deseos pierden los atributos seleccionados
Debido a la forma en que funciona la lista de deseos, no admitirá productos variables para los que haya establecido atributos como «cualquiera».
¿Qué pasa con la verificación de existencias y AJAX?
Al habilitar AJAX, esto deshabilitará la verificación de cantidad de existencias al agregar al carrito a través del complemento.
Instalación
Este complemento de wordpress se puede instalar como cualquier otro complemento de wordpress. La instalación es sencilla.
- Extraiga el archivo zip que ha descargado.
- Inicie sesión en su panel de administración (por ejemplo, http://www.sudominio.com/wp-admin).
- Ir Complementos -> Agregar nuevo.
- En la parte superior de la página, haga clic en «Cargar complemento» Enlace
- Hacer clic Elija el archivo (o lo que usa su navegador para navegar a sus archivos)
- Desde los archivos extraídos del paso uno (1), navegue y seleccione woo-variations-table.zip y haga clic en «Instalar ahora“
- Es posible que se le solicite que confirme su deseo de instalar el complemento.
- Si es la primera vez que instala un complemento de WordPress, es posible que deba ingresar la información de la credencial de inicio de sesión de FTP. Si ha instalado un complemento antes, aún tendrá la información de inicio de sesión. Esta información está disponible a través de su servidor web.
- Hacer clic Proceder para continuar con la instalación. La pantalla de instalación resultante mostrará la instalación como exitosa o notará cualquier problema durante la instalación.
- Si tiene éxito, haga clic en Activar complemento para activarlo.
- Si recibe un error, desactive WooCommerce, active el complemento y vuelva a activar WooCommerce
registro de cambios
1.4.14 18 de mayo de 2022
- Característica: se agregó la opción para cambiar el temporizador de notificación «agregar al carrito»
- Solución: desalineación de la columna de imagen adicional
- Arreglo: Corrección de CSS de desplazamiento de tabla móvil que no responde
1.4.13 02 mayo 2022
- Característica: se agregó la opción para habilitar / deshabilitar el diseño móvil
- Característica: se agregó la opción para ocultar celdas vacías en dispositivos móviles
1.4.12 24 abr 2022
- Característica: Se agregó una mejor compatibilidad con la lista de deseos de YITH
- Característica: Se agregó compatibilidad con la «Galería de imágenes de variación adicional para WooCommerce»
1.4.11 21 abr 2022
- Característica: se agregó la opción para no vincular las imágenes.
- Arreglo: avisos de PHP eliminados
1.4.10 23 de marzo de 2022
- Característica: columna de clase de envío agregada
- Solución: en algunos casos, el archivo JS del complemento principal no se cargaba
1.4.9 20 de enero de 2022
- Característica: opción de texto personalizado de pedido pendiente agregado
- Característica: opción de estilo de etiqueta de stock agregada
1.4.8 02 dic 2021
- Característica: Se agregaron avisos de error de WooCommerce en el panel de notificaciones.
- Característica: flechas de clasificación agregadas en el encabezado de la tabla
- Característica: rediseño menor del panel de administración
- Solución: se eliminaron las muestras de WooCommerce, los avisos de PHP si el producto no tenía muestras.
- Solución: en algunos temas/casos, el botón del carrito global no se activaba
1.4.7 01 dic 2021
- Característica: opciones de clasificación agregadas por atributo de WooCommerce
- Característica: clasificación mejorada JS
- Solución: se eliminaron las muestras de WooCommerce, los avisos de PHP si el producto no tenía muestras.
1.4.6 29/11/2021
- Característica: se agregó una forma más flexible de colocar la tabla en la página de un solo producto
- Característica: soporte agregado para muestras y fotos de variación de WooCommerce
- Arreglo: compatibilidad con más temas
1.4.4 24/11/2021
- Solución: soporte agregado para atributos en juegos de caracteres no latinos
1.4.2 12/11/2021
- Solución: se eliminó el aviso de PHP cuando la depuración estaba activada
