La pestaña Icons define el grosor de línea de los iconos de tu tienda. Un solo ajuste cambia todos los iconos a la vez.
Dónde encontrarlo
Abre el constructor, haz clic en el icono del engranaje y abre la pestaña Icons. La sección se llama Icons appearance: Choose the stroke weight of your store icons.
Stroke
Stroke tiene dos opciones:
- Default: líneas finas y ligeras. Es el aspecto normal de tu tema.
- Heavy: líneas más gruesas y marcadas. Los iconos destacan más.
El ajuste se aplica a todos los iconos de la tienda: los iconos del carrito, de búsqueda y de la cuenta en el encabezado, las flechas del menú, los botones para cerrar las ventanas emergentes, los iconos de los campos del formulario y los iconos que eliges en secciones como la de ventajas.
Cámbialo paso a paso
- Abre la pestaña Icons en Settings.
- Haz clic en Default o Heavy. La vista previa cambia al instante.
- Revisa el encabezado, una página de producto y el formulario de pedido en la vista previa, en escritorio y en móvil. Consulta Modos de vista previa.
- Haz clic en Publish.
Cuál elegir
- Default va bien con diseños ligeros y aireados y con fuentes finas.
- Heavy va bien con diseños marcados, fuentes gruesas y tiendas donde la mayoría de los compradores usan el móvil, porque los iconos más gruesos se ven mejor en una pantalla pequeña.
Una buena regla: combina tus iconos con tu texto. Si pones Text weight en Medium o Bold en los ajustes de fuentes, los iconos Heavy suelen quedar bien a su lado.
Ajustes relacionados
- Los colores de los iconos vienen del esquema de colores de la sección, no de esta pestaña. Consulta Esquemas de colores.
- Si los campos del formulario muestran iconos se define en la pestaña Inputs. Consulta Ajustes de campos.
- Qué icono muestra un bloque (por ejemplo, en una sección de ventajas) se elige en ese bloque, con su selector de iconos.
Las imágenes no son iconos. Tu logotipo, las fotos de productos y los logotipos de las marcas de pago en el checkout mantienen su aspecto, elijas el Stroke que elijas. Los iconos del propio constructor tampoco cambian, solo los de tu tienda.
Tareas habituales
- Los iconos del carrito y de búsqueda se ven poco: pon Stroke en Heavy. Si siguen viéndose poco, revisa los colores del título y del texto del esquema de tu encabezado.
- Los iconos se ven demasiado gruesos junto a mi fuente fina: vuelve a poner Stroke en Default.
- Los iconos no cambiaron en mi tienda en vivo: haz clic en Publish y comprueba que cambiaste el mercado que usan tus visitantes.
- Quiero iconos más grandes, no más gruesos: el tamaño se define en el bloque o la sección que muestra el icono, cuando tiene un ajuste de tamaño.
Bueno saberlo
- El ajuste pertenece al mercado que estás editando y se aplica a todas sus páginas.
- Los cambios se publican cuando haces clic en Publish.
- También puedes pedírselo a la IA en el constructor, por ejemplo "Haz los iconos más gruesos". Consulta Crear con IA.