Home Forums WoodMart – Premium Template LINK´S VENTANAS FLOTANTES HOTSPOT

This topic contains 12 replies, has 2 voices, and was last updated by Aizaz Imtiaz Awan Aizaz Imtiaz Awan 1 day, 18 hours ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #289591
    DelopWeb
    DelopWeb
    Customer

    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.
    #289648

    Hello,

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

    Regards.
    Xtemos Studios.

    #290145
    DelopWeb
    DelopWeb
    Customer

    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.

    #290153
    DelopWeb
    DelopWeb
    Customer

    Hola.

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

    Gracias, saludos.

    #290333

    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.

    #291084
    DelopWeb
    DelopWeb
    Customer

    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.

    #291134

    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

    #291681
    DelopWeb
    DelopWeb
    Customer

    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.
    #291727

    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.

    #291809
    DelopWeb
    DelopWeb
    Customer

    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.
    #291833

    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

    #292644
    DelopWeb
    DelopWeb
    Customer

    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.
    #292835

    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

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.