Ir al contenido

Iconos para tus opciones

Cada opción de tu formulario puede llevar una imagen. Si pones una de un sitio y otra de otro, el configurador se ve remendado — y eso lo nota el comprador aunque no sepa decir por qué.

Para evitarlo tienes un pack propio: 28 iconos, dibujados para GetOptical y gratis para usar en tu tienda, con o sin modificaciones. Cubren el catálogo de una óptica de punta a punta: el tipo de gafa, el índice, el área de visión de una progresiva, los tratamientos y los complementos.

Descargar el pack (ZIP, 24 KB)

Qué está comprando el cliente

Icono Para
glasses-prescription Graduadas / monofocal
glasses-progressive Progresivas
glasses-reading Gafas de lectura
glasses-plano Sin graduar
glasses-sun Gafas de sol
contact-lenses Lentillas

Índice de la lente — el perfil en color marca cuál es. Cuanto más a la derecha, más gruesa.

index-150 · index-160 · index-167 · index-174

Área de visión, para progresivas — el corredor nítido se ensancha al subir de gama.

corridor-standard · corridor-wide · corridor-premium

Tratamientos

Icono Para
lens-standard Lente estándar
lens-anti-reflective Antirreflejante
lens-blue-light Filtro de luz azul
lens-photochromic Fotocromática
lens-polarised Polarizada
lens-tint Tintada
lens-driving Conducción
lens-mirror Espejo
lens-water-repellent Hidrofóbico / repelente al agua
lens-scratch-resistant Antiarañazos
lens-anti-fog Antivaho
lens-uv Filtro UV

Complementos

Icono Para
addon-case Estuche
addon-solution Líquido limpiador
addon-cloth Gamuza

Son SVG, así que se ven nítidos a cualquier tamaño y pesan unos 500 bytes cada uno.

  1. En tu admin de Shopify, ve a Contenido → Archivos y sube los que vayas a usar.
  2. Copia la URL de cada archivo.
  3. En tu formulario, abre la opción y pégala en Imagen de la opción.

El pack sigue una gramática sencilla, y respetarla es lo que hace que los iconos parezcan del mismo juego:

  • La lente es siempre la misma elipsecx 72, cy 72, rx 45, ry 36, con trazo de 8, sobre un lienzo de 144 × 144.
  • Dentro va el concepto, y el color de acento señala el sujeto del icono.
  • El gris es para lo secundario, nunca para el sujeto.
  • Los índices y las áreas de visión varían una forma, no una etiqueta: qué perfil va en acento, o cuánto se ensancha el corredor. Sepáralos lo bastante como para que la diferencia se note a 40 px, que es el tamaño al que se usan de verdad.
  • Los complementos no llevan elipse. La elipse significa «esto es una lente», y un estuche no lo es.

Colores: contorno #1F2A28 · acento #0E6E63 · gris #7E8E8B.

Puedes usarlos, modificarlos, recolorearlos y publicarlos en tu escaparate y en tu publicidad, incluidas las tiendas que montes para clientes tuyos. Sin atribución y sin coste.

Lo único que no puedes es revenderlos o redistribuirlos como pack de iconos, por su cuenta o como el grueso de otro producto.