Como agregar iconos Awesome 4 y emojis ❤️ en nuestra tienda.
My Facil!, empecemos con los Emojis. Hay que tener en cuenta que dependiendo del dispositivo el emoji puede que cargue con distintos dibujos.
Para Mac debes apretar Ctrl + cmd + espacio y esto nos abrirá

Para Windows hay muchas paginas yo te recomiendo http://getemoji.com/ donde podras ver un emoji con todas sus versiones de dibujo.
Si los emojis para tí o el tema de tu pagina son muy infantiles te invito a conocer los Iconos Awesome 4 que son más formales.
Para esto lo primero que debes hacer el pegar esta linea en el theme.liquid debajo de el <header>, esto llamará a la librería de iconos donde sea que quiera ocuparlo en tu web.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
Sólo nos faltaría ver donde queremos poner nuestro icono. El código para insertar nuestro icono será y debemos reemplazar la linea que deje por el código del icono que queramos usar.
<i class="fa ______></i>
Vamos a reemplazar esta linea por el icono que queramos ocupar. Les recomiendo la página para poder verlos todos. https://fontawesome.com/
¿Como le cambio el tamaño o el color?
Te invito a probar aqui tu icono antes de ponerlo en tu pagina web https://www.w3schools.com/
Podemos cambiar con px el tamaño de icono o darle un 2x 5x que multiplicará su tamaño. El código sería así.
<i class=2fa fa-car fa-2x">>/i>
0 comentarios