Si desea mejorar el diseño y la funcionalidad de la página de la tienda de su sitio web, Astra le ofrece una potente solución a través de sus diseños de tarjetas de tienda. Estas opciones de diseño proporcionan un medio para mejorar el atractivo visual de su página de la tienda al tiempo que mejora la participación del usuario.
Consulte las siguientes secciones de este documento para obtener más información sobre el diseño de las tarjetas de visita.
Cómo personalizar la página de la tienda Astra WooCommerce
En la página de la tienda de tu sitio web, hemos introducido una función que te permite mejorar el diseño de las fichas de tus productos utilizando el tema Astra. Estos diseños de tarjetas de tienda te ofrecen la oportunidad de hacer que tu página de tienda sea más atractiva visualmente.
Para acceder a estos ajustes, puedes seguir los siguientes pasos:
- Vaya al panel de WordPress y navegue hasta "Apariencia".
- En "Apariencia", haz clic en "Personalizar".
- En el menú de personalización, busca y selecciona "WooCommerce".
- A continuación, haga clic en "Catálogo de productos".
- Desplázate hacia abajo hasta que veas la sección "Diseño de la tarjeta de la tienda". Aquí encontrarás tres diseños distintos para mejorar el aspecto general de la página de tu tienda.
Qué son los diseños de tarjeta de la tienda Astra
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.
Control mejorado con la barra de herramientas para el diseño de la tienda WooCommerce
Además de los diseños de las tarjetas de la tienda, Astra ha creado una barra de herramientas para la página de la tienda, que le proporciona un mayor control sobre el diseño y la funcionalidad de su página de la tienda.
Estas son algunas de las principales características de esta barra de herramientas:
Recuento de resultados
Al activar esta opción, se mostrará el número total de artículos en la página de la tienda, lo que ayudará a los visitantes del sitio web a comprender el tamaño de su catálogo de productos.
Filtro
La opción "Filtro" añade una barra de filtros en la parte superior de la página de la tienda, lo que facilita a los visitantes la búsqueda de productos específicos.
Clasificación
La "clasificación" permite a los usuarios de su sitio web ordenar los productos por popularidad, valoraciones, fecha de carga y precio, lo que mejora la experiencia de compra.
Vista de lista sencilla
Esta función permite cambiar rápidamente de diseño de tarjeta para mayor comodidad.
Filtro plegable
Está disponible en el diseño del panel de filtros, esta característica hace que la sección de filtros sea plegable desde la parte superior, ahorrando espacio y proporcionando un aspecto más limpio.
Cómo alinear la página de tu tienda Astra
Astra ofrece múltiples características de diseño que mejoran la facilidad de uso de la página de su tienda. Estas son algunas de las principales opciones de diseño que puedes explorar:
Alineación del contenido de los productos
Para acceder a esta función, vaya a la pestaña de diseño y desplácese hasta la sección "Estilo de la tarjeta de la tienda". Le permite cambiar la alineación del contenido del producto.
Acolchado de la tarjeta de producto
La opción "Relleno de tarjeta" le permite añadir relleno alrededor de las tarjetas de producto, proporcionando un diseño visualmente agradable y organizado.
Contenido del producto Color de fondo
Astra también permite cambiar el color de fondo del contenido del producto dentro de cada ficha.
Sólo tiene que ir a la pestaña de diseño y hacer clic en el selector de color situado junto a la opción "Fondo del producto" y elegir el color que mejor se adapte al estilo de su sitio web.
Con estas opciones personalizables, puede crear una página de tienda profesional, fácil de usar y visualmente atractiva que satisfaga sus necesidades específicas.
