OmbuShop Crea Tu Tienda Online

Artículos para el mes: noviembre, 2016

Cómo agregar un Favicon a tu tienda online

  • Facebook
  • Twitter
  • LinkedIn
  • StumbleUpon
  • Email
  • RSS

En todas las tiendas de OmbuShop es posible editar el diseño desde el panel de administración. En este caso explicaremos cómo agregar un favicon, o ícono de favoritos, para otorgarle más personalidad a tu tienda.

Crear favicon

Si no cuentas con el ícono de antemano, puedes crearlo a partir de alguna imagen que tengas. Para esto existen diversos servicios, uno de ellos es Favicon-Generator.
Si utilizas este servicio, luego de elegir la imagen desde tu computadora, deberás elegir la opción “ Apps” y hacer click en “Create Favicon”. Luego podrás descargar el archivo con el ícono en distintos tamaños y formatos.

Agregar favicon a la tienda

Una vez que cuentes con el ícono en tu computadora, debes ingresar en la tienda, dirigirte a la sección “Diseño” e ir a “Personalizar“. Al final de la página, en la sección “Archivos extra”,  podrás subir el ícono desde tu computadora:

Si creaste el ícono con Favicon-Generator, debes elegir el archivo con nombre “favicon-16×16” con extensión “.png”. Cuando subas el archivo, podrás ver que a la derecha del mismo el sistema habrá creado una URL. Esta dirección remite al archivo que fué cargado en el servidor de OmbuShop. Es importante copiar esta dirección, ya que la utilizarás en el próximo paso.

screen-shot-2016-11-25-at-11-00-11-am

 

Por último, deberás ingresar en el archivo theme.liquid

y agregar la siguiente línea de código en la parte superior del archivo, a continuación de “<head>”, con la salvedad de que donde dice “/favicon-16×16.png” debe ir la dirección del ícono, que copiaste en el paso anterior.

<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">

Recordá agregar la dirección entre comillas (“”). Debería quedar así:

screen-shot-2016-11-25-at-11-13-30-am

Por último hay que hacer click en “Guardar y volver” y ¡Listo! Si ingresas en tu tienda, ya deberías poder ver el Favicon en la pestaña del navegador.

Cómo agregar imágenes a las páginas de tu tienda

  • Facebook
  • Twitter
  • LinkedIn
  • StumbleUpon
  • Email
  • RSS

En muchos casos es importante contar con banners o imágenes en las páginas de inicio o institucionales para mostrar un estilo o identidad de marca. En este post te mostraremos cómo agregarlas en pocos pasos.

 

Subir las imagenes a la tienda

El primer paso es subir las imágenes a la tienda, para guardarlas en nuestro servidor y que luego sea posible mostrarlas en la página que más te guste. Para esto, tienes que ingresar en tu Panel de Administración y dirigirte a la sección “Diseño” -> “Personalizar”. Al final de la página, encontrarás una sección llamada “Archivos Extra” donde podrás seleccionar las imágen desde tu computadora y subirlas a la tienda.

screen-shot-2016-10-28-at-11-24-15-am

Una vez que hayas subido las imágenes a la tienda, verás, para cada una, el nombre del archivo a la izquierda y la dirección o link a la derecha. Copia la dirección de la imagen deseada para luego poder agregarla en la página.

Insertar las imagenes en la página deseada

Para agregar una de las imágenes a la página, ingresaa en el menú “Páginas” y clickea en “Editar” sobre la página a la que quieres agregar la imagen. Esto abrirá el menú de edición de página. Hay que dirigirse al recuadro de contenido y hacer click en el botón “HTML” que aparece en el editor de texto.

screen-shot-2016-10-28-at-2-48-43-pm

Dentro del recuadro que aparece hay que pegar el siguiente código, teniendo en cuenta agregar, entre comillas, el link de la imagen que habíamos copiado antes:

See the Pen link imagen by ignacio (@ignacio_bertotti) on CodePen.dark

Por último hacemos click en “Update” y guardamos los cambios con “Guardar y volver”.
Si quieres agregar más imágenes, puedes repetir los mismos pasos.

¡Listo! ya deberías poder ver la imagen en la página de la tienda 😀