Okay
  Public Ticket #1457602
button opening a contact form 7 in Avada
Closed

Comments

  • nexustraducciones started the conversation

    Hello,


    I was wondering if the button in my slider could open a formular (created in contact form 7), like the other buttons on the page do, instead of redirecting the user to another page.

    see: www.nexustraducciones.com

    I just can't get the modal right (what I think is the problem).


    Although I was able to do it in another domain I have with the Avada fusion slider:

    www.castilian-spanish.com  (this is what I would like to do in the other page which uses layerslider also in avada)


    Hope you can help me 


    Thanks in advance, kind regards


    Carlos

  • [deleted] replied

    Hello Carlos,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    To open a modal window from the slider you will need to utilize 3rd party integration, like a lightbox. Please refer to the following part of the documentation for more info: https://support.kreaturamedia.com/docs/layersliderwp/documentation.html#integration-guides

    Alternatively, you could create another slider, set it as a popup, and apply a trigger for that button to display it. I believe it would be easier and more simple to achieve.

  • nexustraducciones replied

    Thanks Attila,


    Ok, following your instructions I have created a second slider (in which I have managed to fit the formular), now my problem is how do I apply the trigger to that slider called:

    php:                 <?php layerslider(17) ?>

    shortcode:     [layerslider id="17"]

    to the button in my first slider?

    Thanks in advance for your patience,


    Carlos


  • [deleted] replied

    If you want to trigger the popup slider with a button (layer) from another slider, you will need to enter the following line to the Open By Click field of the popup: #example
    And then set an ID in the Link & Attributes tab, for the button (layer) in the other slider with the same name: example

    Please also make sure that the sliders that you want to use (the popups as well) are added to the page. You can also use the Slider Settings -> Popup -> Target Pages section for this purpose.

  • nexustraducciones replied

    Great, that was fast and easy, thanks a lot Attila.

    Everything worked fine.

    Thanks once again for abusing your patience,

    By the way, I could not help but notice that the button (and not just this one) does not work in phone screens; also on a computer screen does not show the "hand" when hoovering over it. What am I doing wrong here? 

    https://www.nexustraducciones.com/test/

    Also an idea, I like the fixed background image effect, but I would not like to show the image on mobile at all which does not seem to be possible...

    Carlos

  • [deleted] replied

    Please enter " cursor: pointer; " to the Custom CSS field of the button layer. This should adjust it in a way where a pointer appers when hovered over.

    Regarding the mobile display, you can show different content on mobile devices two ways. 

    You can use the device specific layers to display content only on certain devices. This feature gives you the option to create separate layers and layouts for desktop - mobile - tablet view in the same slide, and only show them on the required device.

    Additionally to the device specific layers, you could also build two sliders with different sizes or with different content for dekstop and mobile, include them both to the site, and only display them on the required device. To achieve this you will need to use the Hide over and Hide under options in the Slider Settings. For example create a slider for desktop view with the fixed background and set ~767 for the Hide under. So the slider will only visible on a screen that is higher this value. After that you can create a slider for mobile without it and add Hide over ~766.

  • nexustraducciones replied

    Thank you Attila that was everything I wanted, everything turned out just fine.

    Kind Regards


    Carlos


  • [deleted] replied

    Thank you for the feedback, glad you could solve the problem. If you need further assistance please let us know.