Okay
  Public Ticket #2817535
header events button
Closed

Comments

  •  4
    7pk2 started the conversation

    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

  •  60
    Olga replied

    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 -

    7007716986.png

    ?



    thanks!

  •  4
    7pk2 replied

    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

  •  4
    7pk2 replied

    if i click on the link i get this url: http://mystiquetenerife.com/about/#

    incomplete

  •  60
    Olga replied

    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>

  •  4
    7pk2 replied

    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

  •  4
  •  60
    Olga replied

    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

    7007716986.png


    the header information button work with modal blocks. You add content for buttons

    structure_header_info_btns.png

    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!

  •  4
    7pk2 replied

    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 


  •  60
    Olga replied

    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!

  •  60
    Olga replied

    Please, be sure that you have the latest version of our theme

  •  60
    Olga replied

    I've checked your code of buttons.

    You have not correct  it - 

    7381778509.png


    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 BUTTONS


  •  4
    7pk2 replied

    Thanks for everything, i have started all over with the template.

    try to not change anything.

    regards Nora

  •  60
    Olga replied

    Hello, Nora.

    Don't forget to back up the workable site version and the database.

    Glad to help!

  •   7pk2 replied privately
  •  60
    Olga replied

    Hello,

    firstly, I've checked that there are some scripts errors on your site

    7833435668.png


    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

    2281623278.png


    In your code

    9297504367.png


    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!

  •  4
    7pk2 replied

    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

  •  60
    Olga replied

    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

    structure_header_info_btns.png

    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):

    forms_private_event.png


    3-insert this code in the corresponding block of Theme Forms

    1258487164.png



    thanks!