Agregar un icono a un elemento de menú

Guía práctica Todos los planes 2 min de lectura

Los iconos ayudan a los compradores a recorrer el menú más rápido: una llama junto a Ofertas o un pequeño logotipo junto a una marca.

Agregar un icono

1. Abre el elemento

   Pasa el cursor sobre el elemento en la vista previa y haz clic en Editar elemento (1). Los ajustes del elemento se abren a la izquierda (2), con Icono en la parte superior.

   

   (1) Haz clic en Editar elemento, (2) los ajustes del elemento se abren a la izquierda, con Icono en la parte superior

2. Elige el icono

   Elige uno de la biblioteca o sube tu propia imagen.

   Seleccionar icono
   1. Haz clic en Seleccionar icono y busca, por ejemplo, heart o truck.
   2. Haz clic en el icono. Se agrega al instante y usa el color del texto del elemento.
   Subir icono
   1. Haz clic en Subir icono. El panel Imágenes muestra las imágenes que ya has subido.
   2. Suelta una imagen en el área de subida o haz clic en ella para elegir un archivo.
   3. Haz clic en la imagen y luego en Seleccionar.

   

   El icono está arriba en los ajustes del elemento: Select icon o Upload icon.

3. Define el ancho del icono

   Solo para imágenes subidas; consulta Ancho del icono.

4. Guarda y publica

   Haz clic en Guardar y luego en Publicar.

Nota

Sube un PNG, JPG, WebP, GIF o SVG cuadrado de unos 60 × 60 px y de 2 MB como máximo. Los archivos más grandes muestran La imagen no puede tener más de 2 MB. Cambie el tamaño y vuelva a cargarla.

Ancho del icono

Automático

La imagen mantiene su tamaño natural.

Personalizado

Un valor más una unidad (%, px, em o rem), por ejemplo 24px.

Cambiarlo o quitarlo

Haz clic en Cambiar en el cuadro Icono y luego:

• Seleccionar icono: elige otro icono de la biblioteca.
• Subir icono: usa otra imagen.
• Eliminar: quita el icono del elemento.

Las imágenes subidas permanecen en el panel Imágenes para reutilizarlas. Para eliminar una de la biblioteca, selecciónala y haz clic en Eliminar.

Consejos

• Usa un único estilo (de contorno o relleno) y un único tamaño para todos los iconos de un menú.
• Si un icono subido se ve borroso, súbelo al doble del tamaño de visualización (48 × 48 px para 24 px) y define un ancho Personalizado.
• Usa un icono distinto para cada idioma en el modo de traducción.

Páginas relacionadas

• Editar un elemento de menúCambia el título, el enlace, el icono, los colores, la insignia, el submenú y la visibilidad de un elemento, o duplícalo, muévelo y elimínalo.
• Agregar un elemento de menúAgrega un elemento de primer nivel a la barra de menú y enlázalo a una página, una colección, un producto o una URL.
• Traducir un menúTraduce los elementos del menú y los textos integrados a cada idioma en el que vende tu tienda.

¿Te ha sido útil?

Informar de un problema