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>

Te invito a donarme un cafe para seguir haciendo más Jonytips!