Vamos a explicar los pasos a seguir para colocar el mapa con el tamaño personalizado en OsClass para la versión 3.5.7 que es la actual a la hora de escribir este tutorial.

Editamos el map.png dentro de oc-content/themes/spain/images/map.png con algún editor de imágenes y cambiamos el tamaño al que nos convenga para este ejemplo se ha usado 440x350 px.


1.- Abre el archivo original map.php. ubicado en oc-content/themes/spain/map.php

Para incluir la imagen en el cuadro de texto del map resizer es recomendable dar la url de la imagen en cuestión.


2.- Seleccionamos todo el bloque de código entre las etiquetas < map > y < /map > copiamos y pegamos el código en la siguiente url http://blog.outsharked.com/p/image-map-resizer.html en el campo "Source HTML"



3.- En el campo New Size entramos las dimensiones 440 y 350 y luego le damos al botón Resize It. 

4.- Esto nos convertirá todas las coordenadas adaptadas a nuestras nuevas dimensiones en los campos , ahora bien  copia el contenido del resultado del campo "Resized HTML" sustituye el código en oc-content/themes/spain/map.php


5.- Para terminar debes cambiar las líneas de código que dibujan el mapa con el canvas:

Aquí vendrá lo que copiamos del "Resized HTML".


6.- Hemos terminado.

Bueno como siempre encantados de ayudar y ya sabes si te ha gustado comparte.

Disenialia©

Disenialia

Disenialia©Consultores de diseño gráfico en Zaragoza y en Barcelona, creamos imagen de marca, catálogos, flyers, dossiers, tarjetas de visita, plantillas web en bootstrap3, Wordpress y PrestaShop

Recomendar