¿Cómo es una vista del producto WooCommerce?

ProductX es un complemento de bloques de WooCommerce que le permite la máxima personalización en su tienda electrónica. Desde el punto de vista de diseño, es uno de los mejores complementos de cuadrícula de productos de WooCommerce, simplemente debido a su ligera huella digital y su conjunto de características. ¿Entonces desea saber cómo crear una lista de vistas de productos de WooCommerce? Para crear una lista de productos WooCommerce, deberá:
Descargue y active el complemento ProductX.
Elija un diseño preestablecido de la biblioteca de bloques ProductTX.
¡Comience a personalizar el bloque para presentar los productos como lo desee!
Y eso es todo lo que es. Le presentaremos cada uno de estos pasos para mostrar lo fácil que es trabajar con ProductTX.
Se esconde el contenido
1 Paso 1: Descargue y active ProductX
2 Paso 2: Agregue un diseño preestablecido de la biblioteca de bloques ProductTX
3 Paso 3: Comience a personalizar el bloque de la vista del producto WooCommerce
4 preguntas frecuentes
5 Finalmente,
Paso 1: Descargar y activar la descarga y activación del producto de productos es lo mismo que trabajar con cualquier otro complemento. Todo lo que tienes que hacer es:
Vaya a complementos> Agregue nuevo al tablero de WordPress.

Instalación de bloques de productos WooCommerce Gutenberg
Buscar productx usando la barra de búsqueda.
Una vez que aparecen los productos, presione la instalación.
Finalmente, haga clic en Activación.
Una vez activado, tendrá un menú de configuración ProductX. Desde aquí, puede activar los suplementos de ProductX, actualizar su licencia y acceder a las plantillas guardadas. Si desea actualizar a un plan profesional (viene con muchas más funciones que la versión gratuita), puede consultar la documentación. Prefabricada. Todos estos tienen diferentes características de diseño. Y tiene la opción de elegir su diseño favorito de la biblioteca de bloques (¡hay limitaciones de diseño con la versión gratuita, ya sabes!). Para hacer esto:
Acceda al bloque de bloques a la parte superior izquierda.
Aquí, puede elegir entre bloques y modelos de productos gratuitos y pagados. Elegiremos una lista gratuita de la lista (lista de productos #1) para guiarlo a través de los elementos básicos.
Importación de bloques de diseño preparados desde la biblioteca de bloques

Presionaremos la importación para el diseño que queremos elegir. Se agregará a su página/publicación.
Una vez que esto se elimina, podemos comenzar a personalizar el bloque para presentar los productos que queremos.
Paso 3: Comience a personalizar el bloque de vista de producto WooCommerce que puede considerar esto como la parte principal de todo el proceso. Vea, sin opciones personalizables, no tiene sentido mostrarles a todos. Pero ProductX tiene un conjunto muy útil de herramientas de personalización de características. Y trataremos de aprovechar todas estas configuraciones. ¡Vamos a empezar! Una vez que importe el bloque en su elección (en nuestro caso, es el bloque de la lista de productos #1), verá 3 configuraciones diferentes en el lado izquierdo. La pestaña de diseño y la pestaña avanzada son en gran medida para el diseño básico. Puede elegir reemplazar el diseño, agregar propiedades CSS adicionales, jugar con el diseño universal para el bloque de productos. Puede explorar estas propiedades de diseño. Por ahora, nos centraremos en cambiar el diseño de los bloques para que sean más atractivos para el usuario final.
En la pestaña General, encontrará opciones para activar/desactivar funciones. También puede cambiar las propiedades de la fila y la columna.
Configuración de visualización de productos de WooCommerce
Advanced Query es la primera característica útil de la que queremos hablar. Puede elegir una condición del menú de consulta rápida para mostrar exactamente los productos que satisfacen su condición. Presentamos la ropa que está a la venta. Además, elegimos el pedido de nuevo al más antiguo en el menú desplegable.

Consulta ProductTX avanzada
Luego queremos establecer el filtrado de Ajax para los productos que queremos mostrar. Elegimos la ropa como categoría para mostrar. También elegimos mostrar las categorías. También cambiamos las propiedades del flotador, que puede ver a continuación:

Filtrando la página del producto WooCommercat tanto el precio como la revisión tienen color y otras propiedades de diseño relevantes. Los mantenemos implícitos.
Luego viene a la configuración de la canasta. Muchos de ustedes quieren saber cómo cambiar el texto del botón WooCommerce se suma al carrito. Bueno, ProductX tiene esta opción construida. Cambié el texto de “Agregar a la canasta” a “comprar”, que aparece en la página. También hice algunas personalizaciones de la propiedad Hover, que aparece en la vista previa.

Establece el botón Agregar en el carrito
En la configuración de la imagen del producto, puede hacer diferentes cambios. Por ahora, cambiamos el ancho de la imagen y establecemos una animación en el menú Drop -down de Animation Hover. También mantenemos la opción “activada”, una función súper útil para una página de productos de WooCommerce.
Configuración de imagen para bloques de productos Gutenberg

Finalmente, hay configuración de título y título. Ambas configuraciones tienen configuraciones de diseño similares, como alineación, impresión, color, borde, etc.
Esta es más una descripción general de cómo puede diseñar una página de producto de WooCommerce personalizada con una vista de lista. ¡Es simple, intuitivo y, lo más importante, no requiere que seas un cohete científico!

Hay muchas opciones de diseño disponibles desde las que puede elegir. De hecho, los nuevos bloques de diseño de productos se agregan constantemente todos los días. En resumen, ¡las posibilidades son infinitas! Aunque la versión gratuita de ProductX está bien equipada con todas las características básicas, necesitará una licencia profesional pro -activada para aprovechar las funciones como el suplemento de la lista de deseos, el suplemento de flip de imagen, el suplemento de visualización rápida, el suplemento de plantillas guardado y más. Todas estas funciones desbloquean varias opciones creativas para el usuario. Con estas funciones, puede crear fácilmente productos comerciales electrónicos más profesionales. Respuesta: Sí, por supuesto que puedes. Pero si no tiene conocimiento de codificación previo, probablemente sea mejor quedarse con ProductX, porque es un complemento bastante fácil, con excelentes suplementos y funciones de personalización. Con ProductX, no necesita conocimientos de codificación previos. Es solo una cuestión de unos pocos clics. P: ¿Cuántos productos puedo agregar a un solo bloque de productos Gutenberg? Respuesta: No hay limitaciones. Tienes las riendas. Puede mantener cuántos productos desea en la vista de la lista. También puede establecer los parámetros de diseño individuales para cada bloque en una página en particular.
P: Quiero agregar diapositivas dinámicas para presentar mis productos. ¿Puedo hacer esto? Respuesta: Sí, ProductX tiene bloques de Gutenberg prefabricados para este propósito especial. ¿Puede seleccionar estos modelos y establecer las propiedades de diseño de control deslizante dinámico de acuerdo con su elección? ¿Viene con soporte de códigos cortos? Respuesta: Al igual que algunos de los complementos premium de WooCommerce más, ProductX acepta códigos cortos personalizados. Puede guardar sus modelos como plantillas. Se generarán códigos cortos personalizados para usarlos en otras páginas. P: ¿Cómo obtengo acceso a los nuevos bloques y aspectos del producto Gutenberg? Respuesta: Si mantiene el complemento ProductX actualizado, puede obtener acceso fácilmente a los últimos modelos y modelos pagos. ProductX lanza actualizaciones frecuentes. Por lo tanto, es posible que desee mantener el complemento actualizado. Finalmente, se puede argumentar que hay complementos de la lista de productos de WooCommerce mejor que ProductX. Esto puede ser cierto hasta cierto punto. Pero este complemento personalizable Bloques de productos Gutenberg es único en sí mismo. Hay muy pocos complementos con tanto control sobre la personalización. ¿Por qué no tratar de ver si decimos la verdad?