Estilizar páginas de productos individuales de WooCommerce con Astra Pro

WooCommerce es una potente plataforma de comercio electrónico que combina Astra Pro El plugin permite a los comerciantes personalizar las páginas de productos individuales para mejorar la funcionalidad y el atractivo visual de su sitio web. En este artículo, explicaremos cómo utilizar Astra Pro para optimizar el diseño de las páginas de productos individuales de WooCommerce.

Instalación y activación del plug-in Astra Pro

En primer lugar, asegúrese de que los siguientes plugins están instalados y activados:

• Tema Astra
• Complemento Astra Pro
• Plugin WooCommerce

empezar a utilizar WooCommerce Después del módulo, vaya a Salpicadero > Exterior > Opciones Astray luego en el Apariencia > Personalizar > WooCommerce > Producto único Personalización de la página de inicio en.

Título del producto Configuración del área

Astra Pro Ofrece numerosas opciones para personalizar el área del título de la página del producto. En la Apariencia > Personalización > WooCommerce > Producto único En , ajuste lo siguiente:

• visualización de titularesSeleccione si desea mostrar el título del producto.
• Diseño del bannerPersonaliza el estilo del banner del producto.
• navegación breadcrumbHabilite la navegación con migas de pan para ayudar a los usuarios a navegar fácilmente por la página.
• resúmenes: Mostrar descripciones breves de productos.
• metadatos: Muestra información como la categoría o la etiqueta de un producto.

Opciones de disposición de los contenedores

Astra Pro Proporciona tres métodos de diseño de contenedores para ayudar a ajustar el diseño de las páginas de productos:

• Diseño por defecto
• Disposición normal
• Diseño de ancho completo

Elija el diseño adecuado a sus necesidades para garantizar que la página sea visualmente limpia y estéticamente agradable.

Diseño de la barra lateral

Astra Pro El plugin ofrece múltiples opciones de diseño de la barra lateral para las páginas de productos:

• Diseño por defecto
• sin barra lateral
• barra lateral izquierda
• barra lateral derecha

Seleccione el diseño adecuado de la barra lateral, o seleccione la barra lateral cuando no sea necesaria. sin barra lateral.

Galería con efecto zoom

En cuanto a la presentación de la imagen del producto, elAstra Pro Hay varios diseños de galería disponibles:

• disposición vertical
• Disposición horizontal
• Primer mapa grande
• deslizamiento vertical
• Deslizador horizontal

Además, es posible activar Efecto zoom de la imagenEl producto está diseñado para que el usuario pueda ampliar la imagen del producto mientras pasa el ratón por encima para ver más detalles.

Corregidas las imágenes y los resúmenes de los productos

Astra Pro Permite activar las siguientes funciones para mejorar la visibilidad de la página:

• Imágenes fijas de los productosAl desplazarse por la página, la imagen del producto se fija en la parte superior de la página y permanece visible en todo momento.
• Resumen de productos fijosEl resumen del producto permanecerá siempre en la parte superior de la página cuando se desplace por ella para facilitar su visualización.

Navegación por los productos y presentación de variantes

Astra Pro ofrece las siguientes funciones para las páginas de productos:

• Navegación por los productosLos usuarios pueden pasar fácilmente de un producto a otro para aumentar la interactividad de la página.

• Variantes de productosPara productos con múltiples variantes, puede elegir mostrar las variantes en un diseño lado a lado o apiladas.

Descripción del producto y productos relacionados

pasar (una factura o inspección, etc.) Astra ProEl comerciante dispone de flexibilidad para personalizar las descripciones de los productos y la visualización de los productos relacionados:

• Descripción del producto EtiquetaElección de la presentación de las etiquetas: vertical, horizontal o en acordeón.

• Productos relacionadosMostrar productos relacionados o productos up-sell en la parte inferior de la página del producto para aumentar el interés de compra de los usuarios.

Botón fijo Añadir a la cesta

empezar a utilizar Botón fijo Añadir a la cesta Después, el botón Añadir a la cesta permanecerá siempre visible independientemente de por dónde se desplace el usuario mientras navega por la página, lo que facilita la adición de productos a la cesta en cualquier momento.

resúmenes

Astra Pro El complemento es WooCommerce Las páginas de productos individuales ofrecen potentes funciones de personalización. Desde cabeceras, diseños de contenedores y configuraciones de barras laterales, hasta galerías, imágenes fijas y funciones de resumen, cada opción ayuda a los comerciantes a crear páginas de productos más atractivas y funcionales. Estas personalizaciones mejoran la presentación del producto y aumentan la interactividad de la página, lo que ayuda a los comerciantes a atraer más clientes y conseguir más conversiones.

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