El bloque Contenido de Producto muestra la descripción completa del producto para los productos de WooCommerce en tus Plantillas de Producto Único. Extrae dinámicamente la descripción del producto de WooCommerce para cada producto, por lo que el contenido correcto siempre aparece sin actualizaciones manuales.
Este bloque está diseñado exclusivamente para su uso en Plantillas de Producto Único. Puedes usarlo tal cual para mostrar la descripción del producto exactamente como se introdujo en WooCommerce, o añadir texto y formato suplementarios alrededor del shortcode para personalizar cómo aparece el contenido en tus páginas de producto.
Añadir el Bloque de Contenido de Producto a tus Páginas
Sigue estos pasos para añadir un bloque de Contenido de Producto a tu Plantilla de Producto Único de SeedProd:
Paso 1: Añadir el Bloque
En Diseño > Bloques > Etiquetas de Plantilla de WooCommerce, arrastra y suelta el bloque Contenido de Producto 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 Contenido de Producto para abrir su configuración. En la pestaña Contenido, encontrarás un área de texto pre-rellenada con el shortcode de SeedProd que recupera dinámicamente la descripción del producto de WooCommerce.
Texto:
- Campo de Contenido: Contiene el shortcode
por defecto. Este shortcode es lo que extrae dinámicamente la descripción del producto de WooCommerce para cada producto; no lo elimines a menos que pretendas reemplazar el contenido del producto por completo. Puedes añadir texto, HTML o formato adicional encima o debajo del shortcode para complementar la descripción del producto. - Editor Visual / Editar HTML: Cambia entre un Editor Visual de texto enriquecido (para texto formateado con controles de barra de herramientas) y el editor HTML (para edición directa de código). Ambos modos te permiten trabajar junto al shortcode dinámico.
- Alineación: Establece la alineación horizontal del contenido del texto: Izquierda, Centro o Derecha. Soporta alineación por dispositivo para escritorio, tableta y móvil.
- Tamaño de Fuente: Establece el tamaño de fuente base para el área de contenido usando el deslizador (10–72px).
Paso 3: Personaliza el Diseño
En la pestaña Avanzado, puedes personalizar la tipografía, el color y el estilo visual de tu bloque de Contenido de Producto.
Estilos:
- Tipografía: Establece la familia de fuentes, tamaño, peso, altura de línea, espaciado entre letras y estilo para el texto del contenido del producto.
- Color: Establece el color del texto para el contenido de la descripción del producto.
- Sombra de Texto: Añade un efecto de sombra al texto; elige entre Ninguna, Fina, Pequeña, Mediana, Grande, Muy Grande o Extra Grande.
- Sombra: Añade una sombra de caja a todo el bloque para un sutil efecto de profundidad.
Espaciado:
- Margen: Controle el espaciado exterior alrededor de su bloque de Contenido del Producto (Superior, Derecho, Inferior, Izquierdo). Esto determina cuánto espacio aparece entre la descripción del producto y los elementos circundantes en la página.
- Relleno: Ajuste el espaciado interior dentro de su bloque de Contenido del Producto (Superior, Derecho, Inferior, Izquierdo). Esto crea espacio entre el texto de la descripción y los bordes del bloque.
Atributos:
- ID de CSS: Muestra el identificador único generado automáticamente para su bloque de Contenido del Producto. Este ID es creado automáticamente por SeedProd para estilos personalizados o para la selección 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-del-atributo|valor (por ejemplo, data-section|description).
Visibilidad del Dispositivo:
- Ocultar en Escritorio: Oculte el bloque de Contenido del Producto en pantallas de escritorio.
- Ocultar en Tableta: Oculte el bloque de Contenido del Producto en dispositivos tableta.
- Ocultar en Móvil: Oculte el bloque de Contenido del Producto en dispositivos móviles.
Efectos de Animación:
- Animación de Entrada: Elija entre varios efectos de animación que se reproducen cuando el bloque de Contenido del Producto entra en la vista. Las opciones incluyen Rebote, Fundido de entrada, Zoom de entrada, Girar de entrada y muchas más.
Paso 4: Guarde sus Cambios
Una vez que haya terminado de configurar el bloque de Contenido del Producto y personalizar su apariencia, asegúrese de guardar su trabajo.
¡Ha agregado con éxito un bloque de Contenido del Producto a su Plantilla de Producto Único! El bloque mostrará automáticamente la descripción correcta del producto para cada producto, asegurando que sus páginas de WooCommerce siempre muestren contenido preciso y actualizado. Utilice los controles de tipografía y espaciado para dar estilo a la descripción para que encaje perfectamente en el diseño de su página de producto.