Jump to content

Interactive Image Map prestashop 1.7.5


gazy98

Recommended Posts

Hey people

I need to setup interactive image maps on my main page. So there is a big image (or lots of small one) and if a user has its curser over some areas they get bigger or will be highlighted. 

Is there a module i can start with?

Or do you have an idea how to make this done? 

Where to start if i want to integrate this?

thanks in advance!

Link to comment
Share on other sites

On 3/26/2021 at 8:47 PM, Saky0333 said:

Yo estoy intentándolo con esta web:

https://www.image-maps.com/map_image.php

El problema es que el editor de CMS, al guardar la página, no guarda todo el código, dejándose las referencias de los link. Asi que al final solo te queda la imagen. 

Seguiré intentando cosas, si consigo algo lo pondré.

Gracias por la pagina que genera el mapa.

Hola, creo que el editor "limpia" el código.

Puedes ponerlo directamente en el tpl del cms o de la categoría usando if para que te salga solo en la pagina deseada.

Ejemplo para poner en el tpl de las categorías pero que solo salga en la categoría 6:

{if $category.id == 6}
<div>

poner el código aqui
<div>
{/if}

y puedes repetir para otras categorías

{if $category.id == 6}
<div>

poner el código aquí para la 6
<div>
{/if}

{if $category.id == 7}
<div>

poner el código aquí para la 7
<div>
{/if}

Si son muchas paginas es mejor crear un módulo para eso.

Quizá lo haga y si lo hago pondré aquí disponible. Un saludo.

También hay una manera de modificar el código del editor de texto de prestashop para que no limpie el html, pero en 1.7 no sé exactamente como hacer.

Un saludo.

 

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...