La pestaña Branding reúne las imágenes que hacen reconocible tu tienda: el favicon y una imagen de fondo para toda la tienda. Tu logotipo se define en las secciones de encabezado y de pie de página.
Dónde encontrarlo
Abre el constructor, haz clic en el icono del engranaje y abre la pestaña Branding. Es la primera pestaña del panel de Settings.
Favicon
The small icon displayed in the browser tab. Recommended size is 32x32 or 16x16 pixels. También aparece en los marcadores. Haz clic en Favicon para elegir una imagen de tu biblioteca de medios o subir una nueva. Se aceptan archivos PNG, JPEG, WEBP e ICO. Una imagen cuadrada y sencilla, como la primera letra de tu marca, se ve mejor a este tamaño tan pequeño.
Body image
An optional background image for the entire store pages. En Body image, haz clic en Image para elegir un archivo PNG, JPEG o WEBP. Cuando eliges una imagen aparecen dos ajustes:
- Size: Cover llena toda la pantalla y puede recortar la imagen. Contain muestra la imagen completa sin recortarla.
- Repeat: activado, la imagen se repite como un mosaico y se desplaza con la página. Desactivado, aparece una sola vez y se queda quieta mientras la página se desplaza por encima.
Cada sección pinta encima de la imagen su propio color de fondo según su esquema de colores, así que la imagen solo se ve donde un color de fondo es transparente. El constructor aconseja: Use a highly compressed image with the smallest possible file size to avoid slowing down page load times.
Logotipo
Tu logotipo no está en la pestaña Branding. Defínelo en el bloque Logo de la sección Header, con su posición, ancho y alto. Consulta Sección de encabezado. El pie de página también puede mostrarlo, consulta Sección de pie de página. Si no tienes una imagen de logotipo, se muestra el nombre de tu tienda.
El logotipo del encabezado enlaza a tu página de inicio. Para convertirlo en una imagen simple, consulta Ajustes de prohibiciones.
Colores y fuentes
- Los colores están en la pestaña Colors. Consulta Esquemas de colores.
- Las fuentes y el grosor del texto están en la pestaña Fonts. Consulta Ajustes de fuentes.
- Los bordes, las sombras y el estilo de las esquinas vienen de tu tema. Consulta Temas de la tienda.
Bueno saberlo
El Branding pertenece al mercado que estás editando. Define tu favicon en cada mercado. Los cambios se publican cuando haces clic en Publish.