El bloque de cuadrícula de descargas te permite mostrar los productos de tu tienda Easy Digital Downloads en un atractivo diseño de cuadrícula directamente en cualquier página de SeedProd. Este bloque te da control total sobre qué descargas se muestran, cómo se filtran y cómo se ve cada tarjeta de producto.
Ya sea que desees destacar todos tus productos digitales, presentar descargas específicas por ID, etiqueta o categoría, o controlar exactamente qué detalles del producto aparecen, el bloque de cuadrícula de descargas facilita la creación de una tienda EDD pulida sin escribir código.
Añadir el bloque de cuadrícula de descargas a tus páginas
Sigue estos pasos para añadir un bloque de cuadrícula de descargas a tu página de SeedProd:
Paso 1: Añadir el Bloque
En Bloques > Easy Digital Downloads, arrastra y suelta el bloque Cuadrícula de descargas en la sección deseada de tu página.
Paso 2: Configurar los Ajustes de Contenido
Una vez añadido, haz clic en el bloque de cuadrícula de descargas para abrir su configuración. En la pestaña Contenido, configura cómo se muestran tus descargas y qué productos aparecen en la cuadrícula.
Contenido:
- Columnas: Establece el número de columnas utilizadas para mostrar tus descargas en la cuadrícula.
- Paginación: Activa o desactiva la paginación. Cuando está habilitada, las descargas se dividen en varias páginas.
- Número de descargas: Establece el número máximo de descargas a mostrar. Usa -1 para mostrar todas las descargas disponibles.
Consulta:
- IDs: Activa para elegir manualmente descargas específicas a mostrar seleccionándolas de una lista de tus productos publicados.
- Etiquetas: Activa para filtrar descargas por etiqueta. Elige si Incluir o Excluir descargas que coincidan con las etiquetas seleccionadas.
- Categorías: Activa para filtrar descargas por categoría. Elige si Incluir o Excluir descargas de las categorías seleccionadas.
- Relación: Cuando los filtros de etiquetas y categorías están activos, establece si los filtros combinados usan la lógica O (coincidir con cualquiera) o Y (debe coincidir con ambos).
- Precio: Activa para mostrar u ocultar el precio del producto en cada tarjeta de descarga.
- Extracto: Activa para mostrar u ocultar la descripción corta en cada tarjeta de descarga.
- Contenido completo: Activa para mostrar u ocultar la descripción completa del producto en cada tarjeta de descarga.
- Botón de compra: Activa para mostrar u ocultar el botón de compra en cada tarjeta de descarga.
- Miniaturas: Activa para mostrar u ocultar la imagen del producto en cada tarjeta de descarga.
- Ordenar por: Elige cómo se ordenan las descargas: por Fecha, ID, Aleatorio o Título. Nota: si Ordenar por se establece en Aleatorio, la paginación se deshabilitará para evitar productos repetidos en las páginas.
- Orden: Establece la dirección de ordenación: ASC (ascendente) o DESC (descendente).
Paso 3: Personaliza el Diseño
En la pestaña Avanzado, puedes estilizar cada elemento del bloque de Descargas para que coincida con tu marca.
Estilos:
- Alineación: Establece la alineación horizontal del contenido de la cuadrícula: Izquierda, Centro o Derecha.
- Tipografía del título: Personaliza la familia de fuentes, el grosor, el tamaño, la altura de línea, el espaciado entre letras y la transformación del texto para el título del producto.
- Color del título: Establece el color del texto del título del producto.
- Tipografía de la descripción: Personaliza la tipografía del texto de la descripción o el extracto del producto.
- Color de la descripción: Establece el color del texto de la descripción.
- Tipografía del precio: Personaliza la tipografía del precio mostrado.
- Color del precio: Establece el color del texto del precio.
Botón:
- Estilo del botón: Elige entre los estilos de botón Plano, 2D, Vintage, Fantasma o Enlace.
- Color del botón: Establece el color de fondo del botón de compra.
- Tipografía del botón: Personaliza la configuración de fuentes para el texto de la etiqueta del botón.
- Tamaño del botón: Elige entre Pequeño, Mediano, Grande, Muy Grande o Extra Grande.
- Radio del borde: Ajusta la redondez de las esquinas del botón, de 0 a 100.
Imagen:
- Sombra: Añade una sombra paralela a las imágenes de los productos. Elige entre Ninguna, Fina, Pequeña, Mediana, Grande, Muy Grande, Extra Grande o Sombra Inferior.
- Borde de la imagen: Añade un borde alrededor de las imágenes de los productos. Configura el Estilo del borde (Sólido, Punteado o Discontinuo), el Ancho del borde, el Color del borde, el Radio del borde y el Espaciado blanco de la imagen.
Paginación:
- Tipografía de la paginación: Personaliza la configuración de fuentes para los controles de paginación.
- Color de página: Establece el color del indicador de página actual en la paginación.
- Color del enlace: Establece el color de los enlaces de navegación de la paginación.
Espaciado:
- Margen: Controla el espaciado exterior alrededor de tu bloque de Descargas (Superior, Derecho, Inferior, Izquierdo).
- Relleno: Ajusta el espaciado interior dentro de tu bloque de Descargas (Superior, Derecho, Inferior, Izquierdo). Admite valores por dispositivo para escritorio, tableta y móvil.
Atributos:
- ID de CSS: Muestra el identificador único generado automáticamente para tu bloque de Descargas, creado automáticamente por SeedProd para estilos personalizados o para apuntar con JavaScript.
- Clase Personalizada: Agregue clases CSS personalizadas para aplicar estilos específicos de su tema o CSS personalizado.
- Atributos Personalizados: Agregue cualquier atributo HTML al elemento contenedor del bloque. Ingrese cada atributo en una nueva línea usando el formato: nombre-atributo|valor.
Visibilidad del Dispositivo:
- Ocultar en escritorio: Oculta el bloque de Descargas en pantallas de escritorio.
- Ocultar en tableta: Oculta el bloque de Descargas en dispositivos tableta.
- Ocultar en móvil: Oculta el bloque de Descargas en dispositivos móviles.
Efectos de Animación:
- Animación de entrada: Elige un efecto de animación que se reproduzca cuando el bloque de cuadrícula de descargas entre en la vista, como Rebote, Fundido de entrada, Zoom de entrada, Girar de entrada y muchos más.
Paso 4: Guarde sus Cambios
Una vez que hayas terminado de configurar el bloque de cuadrícula de descargas y personalizar su apariencia, asegúrate de guardar tu trabajo.
¡Has añadido con éxito un bloque de cuadrícula de descargas a tu página! El bloque de cuadrícula de descargas es una forma potente de mostrar tus productos de Easy Digital Downloads con control total sobre el diseño, el filtrado y el estilo. Experimenta con diferentes recuentos de columnas, filtros de consulta y opciones de diseño para crear una cuadrícula de productos que impulse las conversiones y coincida con tu marca.