No todas las características preguntan algo. Las características de la categoría de datos Frontend dan forma al configurador: muestran textos e imágenes, reciben archivos o lanzan una acción. Este artículo las presenta, sobre todo el Campo estático, con el que coloca avisos, subtítulos e imágenes en cualquier lugar del configurador.
Resumen de las características de frontend
Se eligen en Ajustes básicos: Categoría de datos Frontend y, a continuación, el Tipo de dato.
| Tipo de dato | Para qué | Más información |
|---|---|---|
| Campo estático | Texto, imágenes, enlaces y avisos en un lugar fijo | este artículo |
| Subida de archivos | El cliente sube archivos, p. ej. una plantilla de impresión | Subidas y enlaces profundos |
| Gráfico | Muestra un gráfico | véase más abajo |
| Botón de acción | Envía un correo, genera un PDF o envía la configuración a una dirección propia | El botón de acción |
| Captcha (solo V3) | Protege el botón de acción contra el spam | Protección antispam con Captcha |
Subida de archivos y Gráfico solo existen en el plan Ultimate.
Campo estático
Un Campo estático muestra un contenido que usted define en el admin. El cliente no puede seleccionar ni introducir nada. Usos típicos:
- Subtítulo que estructura un grupo largo, p. ej. «Medidas» y «Equipamiento»,
- Aviso en el lugar adecuado, p. ej. «Indique las medidas en centímetros»,
- Imagen, p. ej. un croquis de medidas antes de los campos de ancho y alto,
- Enlace a una página con instrucciones de montaje o muestras de color.
Crear
- Cree una característica nueva en el árbol de estructura, en el lugar deseado.
- En Ajustes básicos, ponga la Categoría de datos en Frontend y el Tipo de dato en Campo estático.
- Escriba el texto en la sección Contenido.
- Guarde. La Vista previa muestra el campo de inmediato.
La Etiqueta de la característica aparece, como en cualquier característica, como encabezado sobre el contenido, y la Información debajo. Si deja la etiqueta vacía, no aparece ningún encabezado, tanto en Legacy como en V3. Así, un texto de aviso aparece en el configurador sin encabezado propio.
El contenido
El campo Contenido es un editor con formato:
| Herramienta | Efecto |
|---|---|
| Negrita, Cursiva, Subrayado, Tachado | Formato del texto |
| Encabezado 2, Encabezado 3 | Subtítulos |
| Lista con viñetas, Lista numerada, Cita | Estructura |
| Alinear a la izquierda, Centrar, Alinear a la derecha | Alineación del texto |
| Insertar enlace | Enlaza el texto marcado |
| Insertar imagen | Sube una imagen (5 MB como máximo) y la inserta en el texto |
| Editar código HTML | Muestra el contenido como HTML para editarlo directamente |
El contenido se mantiene por idioma de contenido. Si cambia el idioma arriba, edita la traducción; si para un idioma no hay nada introducido, el contenido del idioma predeterminado aparece en el campo como marcador gris. Si falta una traducción, V3 muestra en el configurador el contenido de otro idioma.
Si el contenido está vacío, el campo solo muestra la etiqueta y la información.
Mostrar y ocultar un Campo estático con una regla
Como cualquier característica, puede ocultar un Campo estático con una regla de Lista negra. Así un aviso solo aparece cuando procede, por ejemplo «A partir de 6 m de ancho se necesita un poste adicional» solo con anchos grandes. Véase Crear un conjunto de reglas.
Contenidos de bloques CMS de Magento
En Magento 2, con $content[identificador] inserta el contenido de un bloque CMS; identificador es el identificador del bloque. Para ello, en la extensión debe estar activa CMS Block Integration; véase Instalar plugin Magento. En la Información de una característica funciona con ambos motores; en el Contenido de un Campo estático, solo con V3.
Ajustes válidos para todas las características de frontend
| Ajuste | En las características de frontend |
|---|---|
| Campo obligatorio | No existe en el Campo estático, el Gráfico, el Botón de acción ni el Captcha: el cliente no los rellena. En la Subida de archivos sí existe. |
| Visibilidad | Sí (visible) o Solo tienda muestran la característica en el configurador; No (oculto) y Solo backend la ocultan. |
| Imagen | En el Campo estático puede añadir además una imagen de característica, como en otras características. |
| Información / Información adicional | Textos de ayuda junto a la característica, como en otras características |
| Clase CSS | Clase propia para un estilo individual, p. ej. para destacar un aviso en color |
El Campo estático, el Gráfico, el Botón de acción y el Captcha no aparecen en el resumen ni en el carrito: no tienen valor. Más sobre los ajustes: Añadir características y valores.
Gráfico
Puede crear el tipo de dato Gráfico, pero sus ajustes llegarán al admin en una versión posterior. V3 muestra en su lugar solo un marcador. Un gráfico ya configurado en un componente antiguo solo lo muestra Legacy; en Shopware 6 y Magento 2 debe estar activo para ello el ajuste Load Chart plugin.
Diferencias entre Legacy y V3
| Legacy | V3 | |
|---|---|---|
| Campo estático | Muestra el contenido | Muestra el contenido |
$content[…] en el contenido de un Campo estático |
No se sustituye | Se sustituye por el bloque CMS de Magento |
| Subida de archivos | Funciona | Funciona; véase Subidas y enlaces profundos |
| Gráfico | Muestra un gráfico existente | Muestra un marcador |
| Captcha (solo V3) | No puede mostrarlo | Funciona |
Más sobre los motores: Motor de frontend: Legacy o V3.
Solución de problemas
- El Campo estático no aparece: compruebe la Visibilidad y si una regla de lista negra lo oculta.
$content[…]aparece como texto en el configurador: solo funciona en Magento 2 con CMS Block Integration activa y, en el contenido de un Campo estático, solo con V3. Compruebe además el identificador del bloque CMS.- Las indicaciones
<style>insertadas desaparecen: el editor las elimina. Defina el formato mediante una Clase CSS y el CSS propio del componente. - No se puede insertar una imagen: la imagen supera los 5 MB. Redúzcala y vuelva a subirla.
- El gráfico solo muestra un marcador: el componente funciona con V3. Los gráficos solo los muestra Legacy.