LINK´S VENTANAS FLOTANTES HOTSPOT

Buenos días.

Necesitamos saber como desactivar los href de la imagen (imagen hotspot-content-image) y del título (imagen hotspot-content-title) en las ventanas flotantes de un hotspot sin tener que tocar la programación. Si hay que tocar la programación, queremos saber cuál es la página donde se encuentran definidas las ventanas flotantes.

Gracias, saludos.

Attachments:

You must be logged in to view attached files.

Hello,

You can find the file from “woodmart/inc/shortcodes/image-hotspot.php” and customize it at your own risk.

Regards.
Xtemos Studios.

Hola.

Se puede modificar la ruta de los href sin tener que tocar nada en la página “woodmart/inc/shortcodes/image-hotspot.php”?

Saludos.

Hola.

Se puede modificar el lugar de aparición de la ventana flotante del hotspot con css?

Gracias, saludos.

Hello,

Sorry, but it is not possible to remove the href as you required without editing the template file.

And please provide a relevant screenshot of the specific area. How do you want to change the appearance of the floating element with the URL of the page to check it myself and help you out accordingly?

Best Regards.

Hola.

Aquí pasa lo mismo que en el tema que tenemos abierto “PÁGINA CONTENIDAS CON SOCIAL MEDIA”, aparte que querer modificar la ruta del href o directamente anularla en el tema hijo, queremos cambiar el color del botón de la ventana emergente, este style se encuentra en https://lindsaycolchon.com/wp-content/themes/woodmart/css/parts/base.min.css?ver=6.0.4 del tema padre, hemos intentado cambiar el color del botón en el tema hijo, pero no funciona.

No volvemos a poner el código que tenemos instalado para no repetir.

Hello,

Please provide some relevant screenshots of the specific area which buttons you are trying to change the color with the URL of the page to check it myself and help you out accordingly.

Best Regards

Hola.

El selector que tiene definida la acción es .btn, .button, button, .added_to_cart, [type=”submit”], [type=”button”] y los colores de los queremos cambiar son:

*Color botón
– color fondo: background-color: #F3F3F3
– color texto: color: #3E3E3E;

También queremos modificar el selector: .btn.btn-color-default:hover

Los selectores están definido en la hoja de estilos: wp-content > themes > woodmart > css > parts > base.min.css

Lo que queremos es que la ventana flotante aparezca como en vuestra página Image Hotspot (https://woodmart.xtemos.com/image-hotspot/) del apartado
HOVER TO OPEN DEFAULT HOTSPOT WITH TEXT, con el botón del color que nosotros necesitamos (imagen ventana-flotante-hotspot).

Hemos probado este selector en la personalización de css adicional, pero no funcionar el cambio de colores que queremos tener.

Otro de los selectores que queremos modificar es el que posiciona la ventana emergente con el siguiente selector:

.hotspot-dropdown-left {
right: 40px;
}

Está contenido en la hoja de estilos: wp-content > themes > woodmart > css > parts > el-hotspot.min.css

Hemos probado este selector en la personalización de css adicional, pero no funcionar el cambio de colores que queremos tener.

Attachments:

You must be logged in to view attached files.

Hello,

To change the hotspot action to hover please edit the hotspot element and set the behavior.

Screenshot for Clarification: https://gyazo.com/85f7401b5c046dec28cba4aebe700e46

For the position of the hotspot element and button colors please provide the URL of the page to check it myself and help you out accordingly.

Regards.
Xtemos Studios.

Parece que la respuesta no es para nosotros o no nos habéis entendido, no queremos tocar nada de la imagen de fondo del hotspot, lo que queremos es cambiar el color del botón de la ventana flotante y colocar la ventana flotante a la distancia en relación al punto interactivo que queramos (imagen color-boton-mover-ventana). No se puede ver la web porque está en modo construcción.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

To change the color of the button please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.hotspot-content a.btn.btn-color-primary {
background: red;
}

For the position of the hotspot element try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.hotspot-dropdown-right {
left: -50px;
}

Regards.
Xtemos Studios

Hola.

Lo que queremos es saber como modificar altura y lado posicional de forma individual de cada una de las ventanas flotantes del hotspot (imagen cambiar-altura-lados-puntos-hotspot).

El cambio de color del botón no es exactamente como en la respuesta anterior (#291833), el código correcto es:
.hotspot-content .button {
background-color: #000000;
color: #FFFFFF;
}

Saludos.

Attachments:

You must be logged in to view attached files.

Hello,

We are Glad that your issue of button color is fixed.

Sorry but there is no option in Theme Settings available to change the height and positional side of the each hotspot element separately.

It requires customizations and this is beyond our limitations and support policy.

Regards.
Xtemos Studios

[Author]

Posts