Astra se integra perfectamente con WooCommerce. Todos los elementos de WooCommerce se adaptan automáticamente al resto de su sitio web Astra y toman colores, fuentes fuera de la caja de la configuración del personalizador tema. De esta forma, puedes tener tu tienda funcionando inmediatamente con una configuración mínima. ¡Vamos a echar un vistazo!
Nota: Proporcionamos más opciones de estilo en los módulos dedicados del plugin Astra Pro Addon. Más información sobre el módulo WooCommerce de Astra Pro Addon.
Astra Pro Addon amplía las opciones de WooCommerce con Módulo WooCommerce.
Configuración de WooCommerce
Asegúrese de tener instalado el plugin WooCommerce. Una vez que lo tengas instalado y activado, encontrarás una pestaña dedicada a WooCommerce en el Personalizador.
Nota: Después de Astra 2.0, hemos combinado los ajustes de Astra WooCommerce con los ajustes por defecto de WooCommerce en el Personalizador. Ahora encontrarás los ajustes combinados en el primer panel de WooCommerce.
Ficha WooCommerce
En la pestaña WooCommerce, encontrará más opciones clasificadas en otras pestañas.
Nota: Ahora hemos reunido todos los ajustes de WooCommerce en una única pestaña de WooCommerce. Mientras, encontrarás los ajustes de Astra con los ajustes de WooCommerce en las pestañas señaladas.
Catálogo de productos
Aquí puede controlar el aspecto de la página de su tienda. Estos son los ajustes disponibles:
- Ancho del contenido del archivo de la tienda: Puede elegir la opción por defecto o personalizada. Si selecciona la opción personalizada, puede establecer la Anchura del contenido de archivo.
- Columnas de la tienda: El número de columnas de cada dispositivo
- Productos por página: Número de productos que desea mostrar
- Tienda Estructura del producto: Estructura de productos donde se pueden mover elementos o desactivarlos.

Página de un solo producto
Active o desactive la aparición de migas de pan en esta sección.
Página del carro
Si desea visualizar productos de venta cruzadapuede activar la casilla "Activar ventas cruzadas".
Imágenes del producto
Puede establecer el ancho de la imagen principal y el ancho de la imagen en miniatura utilizando Astra junto con la configuración de WooCommerce que proporciona las opciones de recorte de miniaturas.
Icono del carro en el menú:
Puede visualizar el icono del carro en el menú navegando hasta Apariencia > Personalizar > Encabezado > Menú principal y habilitando WooCommerce como último elemento del menú.
Configuración del contenedor
Puede controlar el diseño del contenedor de forma independiente en las páginas de WooCommerce en Apariencia > Personalizar > Global > Contenedor. La opción que establezca aquí afectará a las páginas de tienda, producto único, carro y pago de WooCommerce.
Tenga en cuenta que puede anular la configuración del contenedor para páginas individuales a través de meta ajustes.
Barra lateral
Puedes controlar las barras laterales de forma independiente en las páginas de WooCommerce como Tienda, Carrito y Caja. Para configurar las barras laterales vaya a Apariencia > Personalizar > Barra lateral.
Para un mayor control sobre los productos individuales, hemos proporcionado su propia configuración de la barra lateral para que pueda tener una barra lateral totalmente diferente allí.
Puedes añadir widgets en cualquier barra lateral desde el Personalizador.
Una vez más, tenga en cuenta que puede anular la configuración del contenedor para páginas individuales a través de meta ajustes.
Color base y tipografía
Como se mencionó al principio del artículo, todos los elementos de WooCommerce se adaptan automáticamente con el resto de su sitio web Astra powered y tomar colores, fuentes fuera de la caja de la configuración del personalizador tema.
Ofrecemos más opciones de estilo en módulos específicos de Complemento Astra Pro plugin. Más información sobre WooCommerce módulo de Astra Pro Addon.
Documentos relacionados: