Diseño de páginas de catálogos de productos y páginas de tiendas con el módulo Astra WooCommerce

Astra integración temática WooCommerce a través de la interfaz visual para proporcionar una gama completa de capacidades de personalización de la visualización de productos. Esta guía analizará por completo todas las funciones básicas y le ayudará a crear rápidamente páginas de comercio electrónico de nivel profesional con un estilo unificado y una tasa de conversión excepcional.

I. Preparativos

En primer lugar, debe instalar y activar Astra Pro Plug-ins y WooCommerce Plugin. Introduzca WordPress Backend, la ruta es Astra > Welcome > Modules, habilita el módulo WooCommerce. Después de eso, vaya aestado exterior > personalización > WooCommerceempiece a hacer ajustes de estilo de página.

II. Configuración de la estructura de la página

ofertasleyendaorilla

Cuando el interruptor del Área de título del producto está activado, puede controlar libremente la visualización de los siguientes contenidos:

• Diseño del banner
• Título del producto
• información descriptiva
• navegación breadcrumb

contenedoresapertura (jerga ajedrecística)

Proporciona tres opciones de ancho: por defecto, normal, ancho completo. Cambio flexible según la demanda, adaptarse al estilo general de la página.

una barra lateral (en software)apertura (jerga ajedrecística)

Se admiten las siguientes opciones: por defecto, sin barra lateral, barra lateral izquierda, barra lateral derecha. La configuración de la barra lateral izquierda o derecha puede presentar funciones de filtrado o navegación.

En tercer lugar, el estilo de visualización de la lista de productos

Estilo de tarjeta de producto

Se ofrecen tres estilos:

• Estilo 1: Debajo de la imagen para mostrar el título, la clasificación, el precio, la valoración

• Estilo 2: el botón "Añadir a la cesta" aparece al pasar el ratón por encima de la imagen

• Estilo 3: Imágenes e información de producto dispuestas horizontalmente, visión más clara

Disposición y exposición de los productos

• Columnas personalizables para ordenadores de sobremesa, tabletas y dispositivos móviles, respectivamente

• Fijar el número de productos mostrados por página

• Controle la anchura del área de visualización de productos

Tipo de visualización del contenido de la página

El contenido de la página de inicio de la tienda es opcional:

• Todos los productos
• Navegación por categorías
• Cartera de materias primas y clasificación

Las páginas de categorías también admiten el mismo método de combinación de visualización con un alto grado de personalización.

IV. Fichas de mercancías y contenido de la barra de herramientas

Componentes de la Tarjeta de Mercancía

Los elementos de exposición opcionales incluyen:

• Título del producto
• información clasificada
• precios
• valoración del usuario
• breve descripción
• Botón Añadir a la cesta

Pulse sobre el icono para controlar si se muestra o no, operación intuitiva.

Contenido de la barra de herramientas

La barra de herramientas permite utilizar los siguientes elementos:

• Estadísticas sobre el número total de mercancías
• Función de clasificación (precio, puntuación, atractivo, etc.)
• Botones de filtro
• Cambio de vista de cuadrícula a vista de lista

V. Funcionalidad mejorada y detalles de interacción

Vista rápida

Los siguientes formularios de interacción están disponibles para consultar rápidamente la información sobre los productos:

• desactivar
• Aparece en la imagen del producto
• Haga clic en la imagen para activar
• Aparece después del resumen del producto

Paginación y desplazamiento infinito

La paginación admite el cambio de estilo numérico, circular y cuadrado. Si se selecciona el desplazamiento infinito, se pueden establecer los siguientes modos:

• Desplácese para cargar más productos
• Pulse "Cargar más" Botón para mostrar productos

El texto de los botones puede personalizarse según el idioma de la marca.

VI. Opciones adicionales de visualización

La página también contiene varios interruptores para funciones de visualización detallada, por ejemplo:

• Mostrar o no el título de la página
• pan ralladoControl de la pantalla de navegación
• barra lateral absorbente
• Los filtros se muestran como botones
• Colapso del filtroacordeónescaparate
• Animación de carga de elementos de página desplazables

observaciones finales

pasar (una factura o inspección, etc.) Astra (utilizado como expresión nominal) WooCommerce la visualización del producto se hace más flexible y clara, adecuada para varios tipos de necesidades de sitios web de comercio electrónico. Los ajustes anteriores pueden ayudar a que el estilo general de la página web sea más unificado, el diseño sea más razonable, y mejorar la eficiencia y la claridad de los visitantes al navegar por los productos.

Artículos relacionados

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres