Insertar un logotipo en la cabecera del Sitio Web

En este ejemplo práctico introduciremos un logotipo en la parte superior de nuestra tienda.

Para hacer esta acción haremos click en Herramientas - Manejar Imágenes.

Para introducir la imagen deberemos hacer click en Examinar y seleccionar la imagen de nuestro propio ordenador. Una vez introducida la imagen hacemos click en Añadir para terminar el proceso.

Debemos de tener en cuenta que no podemos introducir una imagen demasiado grande para nuestro logotipo, ya que puede trastocar drásticamente nuestro diseño de la tienda virtual, el tamaño máximo recomendable para el logotipo debe ser de 350 píxeles de ancho x 100 píxeles de alto.

Introducida la imagen de su logotipo en el sistema, haremos click en la imagen para que se abra en el navegador y poder copiar su ruta. Puede ver a continuación unas imágenes de ejemplo del proceso:

Copiada la ruta de la imagen en el portapapeles CONTROL + C pasaremos a insertarla en la plantilla de nuestra tienda virtual. Haremos click en Diseños - Modifica. Se abrirá una página con diferentes opciones para cambiar aspectos de nuestra tienda virtual. Elegiremos la opción Modifica (WYSIWYG).

Se abrirá el Editor Online para modificar la plantilla. Elegiremos la opción de Insertar/Editar Imagen.

Aparecerá un cuadro de diálogo donde nos pedirá la ruta de la imagen (Image URL). En ese cuadro insertaremos nuestra ruta de la imagen copiada en del portapapeles con la combinación de teclas CONTROL-V o con el botón derecho de ratón y seleccionando Pegar. También podemos introducir alguna descripción de la imagen, pero no es necesario. Una vez terminado este proceso hacemos Click en Insertar, para terminar el proceso.

Llegados a este punto ya solo nos queda guardar los cambios en editor online, presionado el icono de Guardar.

Llegados a este punto ya solo nos queda guardar los cambios en editor online, presionado el icono de Guardar.

Categoría: Ejemplos Prácticos,

Déjanos tu comentario

Nombre

Email