-
Posts
-
Hello,
A bit of background: I have installed the Convertplug Extension and I am working with the slide-in option. I currently have the slide-in working on the majority of the pages in my website. The purpose of the slide-in is to produce a form where customers can insert their information and send it. I have tried adding a built in form to a few of my pages, but there seems to be a conflict with the JS and how I want the data to be sent. The problem has been solved with the JS regarding the slide-in form and I have decided to just remove the forms built into a few of the pages to avoid that JS problem. However I still need the slide-in form to be accessible through mobile, but the tab on the side is too intrusive on a mobile device. In the place of those built in forms that were removed, I would like to use a button located on the page so the visitors can click that to open the slide-in.
Essentially, in Larger screens, the customer would be able to click on either the slide-in tab to open the form or they would be able to click on the button on the page to open the form. But in smaller mobiles screens, they would just be able to click on the button on the page to open the form. My question is, how can I set it up so the slide-in form can still be opened using a button on the page when the slide-in tab is hidden on mobile devices?The website URL is: http://www.eliteithome.com/lp/pricing/
Thank you for your help
Hello There,
Thanks for writing in! To achieve what you have in mind, please check out this video:
The video mentioned about modal form, but this should have almost the same settings for slide in tab.
Hope this helps.
Hello,
Thank you, this video was very helpful. It does work when you use one of the buttons in the elements, but I would like to use my own button (an image I created). I tried to follow the same steps by added a class name to both the element and the slide-in, but it wouldn’t open the slide-in. Do you have any suggestions to solve this?
Thank you
Hi There,
Add this on a ROW content element.
<a href="#" class="launch-slide-in"><img src="IMAGE URL" /></a>The class launch-slide-in will be your trigger to fire the Slide-in
Thanks.
Hello,
I’m not sure where I would add this in my Row Content element. I am using the image element. In that element, I have input “launch-slide-in” in the Class input box. When I click back to the Row content element portion of the editor, I only see 3 input boxes: ID, Class and Style. I have tried to input that HTML you provided in each box, but it still isn’t working. I am confused as to where I am supposed to be adding that code. Could you please provide a step by step guide?
Thank you for your help.Hi there,
Our apologies, please add the code in a Raw Content element in Cornerstone as it could handle HTML code.
Hope this helps.
Thank you again for your response. I have removed the image element and replaced it with a raw content element. I added the HTML you provided and inserted my image URL to the HTML. I also added “launch-slide-in” to the class input box of the raw content element (I also tried removing it to see if having it in two places may be the problem). The button is still not triggering the slide in form to open. I double checked the class in the slide-in form builder and the classes match. What could be the solution to this problem?
Thank you
Hi There,
No need to add the class on RAW content element class field. It is already added on the
<a>element here:
<a href="#" class="launch-slide-in"><img src="IMAGE URL" /></a>
If it still doesn’t work, please do give us credentials on a private reply so we can check your settings.I have removed the class from the raw element class field. Unfortunately, it still isn’t working. Due to the security of the site I cannot provide you the credentials. What other possible solutions could there be?
Thank you.Hi there,
The easiest way for us to check this if we will get access to your site.
You may create a temporary user that we can use to login which you can disable or delete after we sort our the issue.
Thank you.
Hi,
I understand it would be easier to search for the issue with access to the site, unfortunately, due to the security of the site, I cannot grant outside access. Can we please find a solution to this issue another way?
Thank you
- <script> jQuery(function($){ $("#no-reply-1224148 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
