Hello, I like some help with the Private events & VIP tables forms please in the top information part
I copied the original code from HEADER INFORMATION BUTTONS but the url on the code doesnt work?
Do i have to place a link somewhere? I have changed the contact forms for the Chat, private events and VIP tables and can not seem to find the original form codes anymore....
I tried everything but if i put the original code (from template) in the theme forms (widgets) it shows on the bottum off my page??? see first attachment
Than i use the codes (original) and place this under theme header info button (see attachment2) buttons show up (but not working) on the top off the page but also on the bottum off the page??
I just want the same as on the original.....with popup to events theme form
i cant find out what im doing wrong here
i can make the link to the form page but this is not what i want, i want just simple the popup the same as in the original
I see some custom changes on your site. Maybe, some of them causes conflicts with the theme's functionality.
You can either restore a backup of the working site version, remove the theme and install it from the beginning. It will look like the demo. Or you can give me your admin access. If there are no significant conflicts due to your plugins/custom changes, I will enter for you the desired blocks.
Hello, I like some help with the Private events & VIP tables forms please in the top information part
I copied the original code from HEADER INFORMATION BUTTONS but the url on the code doesnt work?
Do i have to place a link somewhere? I have changed the contact forms for the Chat, private events and VIP tables and can not seem to find the original form codes anymore....
waiing for a quick answer, kind regards Nora
Hello,Nora
Please, find the original forms codes here - https://clubio.softali.net/wp/documentation/forms.html
Or do you mean the content in the widgets with the forms wrapper block like this -
?
thanks!
I know, i have copied the original code into the private events form, not working (opening)
Do i have to put the short code somewhere? [contact-form-7 id="2352" title="Private event"] in the code...
sorry, i´m not an expert, kind regards Nora
if i click on the link i get this url: http://mystiquetenerife.com/about/#
incomplete
we'll add the original codes in the documentation.
but for now please use such code for the Private Events
<div class="modal fade" id="modalPrivateEvent" tabindex="-1" role="dialog" aria-label="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-md"> <div class="modal-content "> <div class="modal-body modal-layout-dafault"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="icon-close"></span></button> <div class="modal-titleblock"> <div class="modal-title">Private Event</div> </div> <div class="form-modal" id="jsFormPrivateEvent"> [contact-form-7 id="1844" title="Private Event"] </div> </div> </div> </div></div>
original code not working, showing up but no contact to url of the contact form!
<ul class="nav-btn"> <li><a href="#" data-toggle="modal" data-target="#modalPrivateEvent">[clubio_icon icon="icon-private"]<span class="tt-text">private <span class="short-hide">events</span></span></a></li> <li><a href="#" data-toggle="modal" data-target="#modalVipTables">[clubio_icon icon="icon-tables"]<span class="tt-text"><span class="short-hide">VIP</span> tables</span></a></li> <li class="tablet-visible" data-toggle="modal" data-target="#modalChat"><a href="#">[clubio_icon icon="icon-chat"]<span class="tt-text">chat</span></a></li></ul>
Where do i put the short code to the private event form, and the VIP tables and the chat???
[contact-form-7 id="2352" title="Private Event"]
[contact-form-7 id="1832" title="Modal Chat"]
[contact-form-7 id="1845" title="Vip Tables"]
The code you just send me not working and not showing on page!!!
<div class="modal fade" id="modalPrivateEvent" tabindex="-1" role="dialog" aria-label="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-md"> <div class="modal-content "> <div class="modal-body modal-layout-dafault"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="icon-close"></span></button> <div class="modal-titleblock"> <div class="modal-title">Private Event</div> </div> <div class="form-modal" id="jsFormPrivateEvent"> [contact-form-7 id="1844" title="Private Event"] </div> </div> </div> </div></div>
this is totally different as the original code
just showing half the url : http://mystiquetenerife.com/home/[contact-form-7%20id=
????
Hello,
regarding the private events modal block.
Please, see in my previous screenshot that you should add the code in the Appearance-> widgets-> Theme forms
the header information button work with modal blocks. You add content for buttons
then you create each modal block in the Theme forms widget
One html content of modal blocks which is Private Event I've written for you.
If you need to link the button just to some page write the path in the href attribute:
<a href="your site link" ...
In such case you don't have create a modal block. Just create a page, add in it a form and link the button to the page
thanks!
sorry but why is this so hard!!!
I tried everything but if i put the original code (from template) in the theme forms (widgets) it shows on the bottum off my page??? see first attachment
Than i use the codes (original) and place this under theme header info button (see attachment2) buttons show up (but not working) on the top off the page but also on the bottum off the page??
I just want the same as on the original.....with popup to events theme form
i cant find out what im doing wrong here
i can make the link to the form page but this is not what i want, i want just simple the popup the same as in the original
Hello,
I see some custom changes on your site. Maybe, some of them causes conflicts with the theme's functionality.
You can either restore a backup of the working site version, remove the theme and install it from the beginning. It will look like the demo. Or you can give me your admin access. If there are no significant conflicts due to your plugins/custom changes, I will enter for you the desired blocks.
thanks!
Please, be sure that you have the latest version of our theme
I've checked your code of buttons.
You have not correct it -
there is the error
You should write it as:
<ul class="nav-btn"> <li><a href="#" data-toggle="modal" data-target="#modalPrivateEvent">[clubio_icon icon="icon-private"]<span class="tt-text">private <span class="short-hide">events</span></span></a></li> <li><a href="#" data-toggle="modal" data-target="#modalVipTables">[clubio_icon icon="icon-tables"]<span class="tt-text"><span class="short-hide">VIP</span> tables</span></a></li> <li class="tablet-visible" data-toggle="modal" data-target="#modalChat"><a href="#">[clubio_icon icon="icon-chat"]<span class="tt-text">chat</span></a></li></ul>
https://clubio.softali.net/wp/documentation/structure.html#structure_header
item 3 -
HEADER INFORMATION BUTTONSThanks for everything, i have started all over with the template.
try to not change anything.
regards Nora
Hello, Nora.
Don't forget to back up the workable site version and the database.
Glad to help!
Hello,
firstly, I've checked that there are some scripts errors on your site
Another thing. Have you added all these modal blocks in the Widgets -> Theme forms ?
https://clubio.softali.net/wp/documentation/structure.html#structure-modal
all modal blocks should be added separately, in each different Clubio Demo Widget.
Each button in the Header Info Buttons should lead to own modal block. They call a block by the attribute by data-target
In your code
I see that some wrapper block has id, but other blocks are not separate blocks. They are placed in this block.
this is not correct.
thanks!
Oke i understand, changed it back an now it is working again.
But i need some help changing the forms and buttons.
I want my button to say "reservations" and go to my reservations form, how can i change this.
Some help with the code please
Hello,
before any changes making please backup your current workable site.
You can use the theme on a local host for developing purposes without license
1-in Theme Header Info Buttons, you can change titles of buttons as you need
so, to change the word events to your word.
2- create own form as you need. Then just add a shortcode of this form
take it from (blue highlighted code):
3-insert this code in the corresponding block of Theme Forms
thanks!