Cómo añadir WooCommerce Mini cart en Astra Header y optimizar la experiencia de compra

En los sitios web de comercio electrónico, al combinar WooCommerce responder cantando Astra puede integrar fácilmente WooCommerce Mini carroSi se añade a la antigua cabecera Astra, la cesta de la compra estará siempre visible y será fácil acceder a ella.

Añadir WooCommerce Mini carrito a la antigua cabecera Astra

Astra Los temas proporcionan a WordPress potentes funciones de personalización, combinadas con la WooCommerce los comerciantes pueden crear fácilmente sitios web de comercio electrónico eficientes. En este artículo, explicaremos cómo añadir WooCommerce Mini Shopping Cart a Astra Older Header para mejorar la funcionalidad de su sitio web.

Paso 1: Activar el plugin WooCommerce

En primer lugar, tienes que asegurarte de que has activado Plugin WooCommerce. Esto puede hacerse en Plugins > Plugins instalados Compruebe si el plugin está habilitado en el menú Si no lo está, haga clic en el botón Activar.

Paso 2: Añadir el Mini Carrito de la Compra de WooCommerce al Menú Principal

• Ir a Ajustes personalizados: De WordPress Cuadro de mandos, introduzca Apariencia > Personalizar > Cabecera > Menú principal > Último elemento del menú.
• Seleccione WooCommerce: en "Último plato del menú" En los ajustes, seleccione WooCommerceEsto añadirá el icono del carrito de la compra al final del menú principal.

Con estos ajustes, el carrito de la compra de WooCommerce Mini se mostrará al final del menú principal y el usuario podrá ver el contenido del carrito en cualquier momento.

Añade un mini carrito WooCommerce encima o debajo de la cabecera con Astra Pro

Si activa la función Astra Pro plug-in (componente de software)Puede ajustar el WooCommerce Mini carrito de la compra añadido a la cabecera sobre tal vez mundo de los mortalesEsto mejora la usabilidad y el aspecto visual de la página.

Activación del complemento Astra Pro

En primer lugar, asegúrese de que ha instalado y activado la aplicación Complemento Astra ProEl módulo WooCommerce está activado.

Añadir minicarro encima o debajo de la cabecera

• Activar los complementos de la sección de cabecera: Acceso Apariencia > Personalizar > Encabezado > Sobre el encabezado > Sección (1/2)Selección WooCommerce para añadir un carrito Mini.
• Añadir mini cesta debajo de la cabecera: Utilice el mismo método para añadir el Mini carrito a la sección situada debajo de la cabecera.

De esta forma, el carrito de la compra de WooCommerce Mini estará siempre visible, facilitando a los usuarios ver los artículos de su carrito en cualquier momento.

Mostrar WooCommerce Mini Cart en cualquier lugar con shortcode

Además de añadir a la cabecera, puede utilizar la función WooCommerce Mini Shopping Cart Shortcode Muestre el icono del carrito de la compra en cualquier lugar de su sitio web. Solo tienes que añadir el siguiente shortcode a una página, entrada o widget:[astra_woo_mini_cart]

Asegúrese de que está activada Astra Pro responder cantando Módulo WooCommerceEl código corto funcionará correctamente y mostrará el icono del Mini carrito en la ubicación seleccionada.

Habilitar Vista Rápida para Productos WooCommerce

El plug-in Astra Pro también proporciona Vista rápida los usuarios pueden ver los detalles del producto en el lightbox sin tener que saltar a otra página de producto.

Opciones de vista rápida:

• Mostrar en imagenAl pasar el ratón por encima de la imagen de un producto, aparece una barra de vista rápida y, al hacer clic en ella, se abre un cuadro de diálogo para ver los detalles del producto.
• Haga clic en la imagen para verlaHaga clic en la imagen de un producto para ver sus detalles directamente en el lightbox.
• Se muestra después del resumen: El botón Vista rápida aparece después de la información resumida del producto.

habilitar Botón fijo Añadir a la cestaEl botón "Añadir a la cesta" está siempre visible en la ventana de vista rápida, lo que mejora la comodidad de compra.

Posición de ajuste:

• cambiar a Apariencia > Personalización > WooCommerce > Producto único Configura estas opciones.

Habilitar la barra lateral fuera del lienzo en las páginas de la tienda WooCommerce

Astra Pro El plugin también proporciona Fuera del lienzo una barra lateral (en software) Característica para páginas de tiendas con catálogos de productos a gran escala. Cuando esta función está activada, la barra lateral está oculta por defecto y se mostrará cuando el usuario haga clic en el botón de activación.

Cómo activar la barra lateral Off-Canvas:

• Posición de ajuste: Acceso Apariencia > Personalizar > WooCommerce > Catálogos de productosLa barra lateral fuera del lienzo está activada.
• Seleccione el tipo de activadorOpcionalmente, la visualización de la barra lateral puede activarse mediante un enlace, un botón o una clase personalizada.
  • enlace (en una página web): Los activadores se visualizan mediante un menú de tres líneas.
  • botones: Se muestra como un disparador de botón.
  • Clases personalizadasLos activadores pueden añadirse en cualquier parte del sitio, como en la cabecera o el pie de página.

Añade widgets a la barra lateral Off-Canvas:

Para que la barra lateral funcione correctamente, necesitas añadirle algunos widgets (como filtros). Vaya a Apariencia > Widgets > Filtro de tiendaarrastre los gadgets deseados a la barra lateral.

Después de añadir el gadget, puede pasar la variable Paneles personalizados Realice más ajustes de estilo y funcionalidad.

resúmenes

aprovechar Astra Pro plug-in (componente de software)El empresario puede poner fácilmente el WooCommerce Mini carro de la compra Añádalo al menú principal, encima o debajo de la cabecera, o incluso en cualquier parte del sitio. Combinar Función de vista rápida responder cantando Barra lateral fuera del lienzoEstas funciones ofrecen a los usuarios una forma más cómoda de comprar, al tiempo que mejoran la interactividad del sitio web. Con estos ajustes, los comerciantes pueden optimizar mejor el diseño de la página para atraer a más clientes y mejorar las tasas de conversión.

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