No se han encontrado resultados. ¿Intentar de nuevo con otras palabras?

La búsqueda debe tener al menos 3 caracteres.

¿Cómo diseñar una página de catálogo de productos o una página de tienda utilizando el módulo WooCommerce en Astra?

Sidebar Image

Did not find a solution? We are here to help you succeed.

Puede dar estilo a la página de la tienda donde aparecen todos sus productos. Puede ser la página principal de la tienda o la página de archivo de productos.

Pasos rápidos sobre cómo dar estilo a la página de la tienda WooCommerce usando el módulo WooCommerce
Paso 1: Asegúrese de que dispone del Complemento Astra Pro y WooCommerce plugin instalado y activado. ¿Cómo instalar el complemento Astra Pro?
Segundo paso: Active el módulo WooCommerce desde los Módulos Astra Pro en la sección Astra > Bienvenido
Paso 3: Visita el personalizador [ Apariencia > Personalizar > WooCommerce ] para editar la configuración del módulo

Encontrará los ajustes en Apariencia > Personalizar > WooCommerce > Catálogo de Productos

Elija el diseño de la tienda

Dentro de las opciones de personalización de su sitio web, puede ver tres diseños distintos de tarjeta de tienda. Cada uno de estos diseños ofrece características únicas y mejoras visuales para mejorar la apariencia y funcionalidad de la página de la tienda de su sitio web. Veamos cada diseño en detalle:

Diseño 1: Es el diseño clásico y estándar con el que ya está familiarizado. Muestra el nombre del producto, las categorías, el precio y las valoraciones justo debajo de la imagen del producto.

Diseño 2: Se trata de una versión modificada del diseño clásico en la que verá el botón "Añadir a la cesta" al pasar el ratón por encima de la imagen del producto.

Diseño 3: Ofrece una vista en paralelo de la imagen y los detalles del producto, lo que proporciona una presentación más espaciosa de sus productos.

Columnas de la tienda

Puede elegir el número de columnas que se mostrarán para sus productos en la página de la tienda, en la vista de cuadrícula y en la vista de lista.

Usted tiene el control para elegir el número de columnas en sus dispositivos responsivos:

Productos por página

Al igual que las entradas del Blog en la página de archivo, usted tiene el control para decidir el número de productos en la página principal de la tienda.

Paginación de la tienda

Número

La opción de número restringe el número de productos en una página individual. El resto de productos no mostrados se dividen en más páginas

Comprar estilo de paginación

Puede cambiar este estilo a Círculo o Cuadrado

Desplazamiento infinito

Esta opción de la página de productos representa la visualización ilimitada de productos. La página se amplía tanto como sigas añadiendo los productos en la página de archivo de productos con un desplazamiento infinito.

Evento para activar la carga infinita

Desplácese por

Te mantiene desplazándote por la página.

Haga clic en

El Desplazamiento puede alargar la página y el espectador puede perder interés después de desplazarse a cierto nivel. Para evitarlo elija una opción de Clic donde aparezca el botón Cargar más.

Este botón aparece después de que un cierto número de productos se muestran en filas. Puede cambiar el texto del botón según sus necesidades.

Más documentos - 

¿Le ha resultado útil este artículo?
Sidebar Image

¿No ha encontrado una solución? Estamos aquí para ayudarle a conseguirlo.

Documentos relacionados

Astra es gratis. Ahora y siempre.

Creemos que crear sitios web atractivos no debería ser caro. Por eso Astra es gratis para todos. Empieza gratis y amplía con paquetes asequibles.

La descarga está a un solo clic

Download Checklist

REWIND

RESUMEN DEL AÑO

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form
Scroll al inicio
Ahora elija la opción que prefiera
page builder addon
Elija su complemento de creación de páginas preferido

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form