FAQ

Freqently Asked Questions

This page contains solutions for general questions

Questions List


Q1: How to set Contact Forms alike Demo site ?


A1: You can easily set Contact Form alike form shown on our demo site. Here are list of forms used on our demo site.
  • Sample code for make a Appointment Form used on HomePage 1 of HealthQo demo site.

    <div class="row tm-make-appoint-form tm-commonform">
    <div class="col-md-12 col-sm-12 col-xs-12 vc_column_container">
      <div class="field-group">
        [select service "Select Department" "Orthopadic" "General"]
      </div>
      <div class="field-group">
        [select service "Select Doctors" "Dr.Roy Coleman" "Dr.Teresa Mayer"]
      </div>
      <div class="field-group">
        [text* your-name  placeholder "Patients Name"]
      </div>
      <div class="field-group">
        [text* your-phone  placeholder "Phone Number"]
      </div>
      <div class="field-group">
       [select gender "Gender" "Male" "Female"]
      </div>
      <div class="field-group">
        [date* date class:hasDatepicker placeholder "Appointment Date"]
      </div>
      <div class="tm-form-submit">[submit class:tm-vc_general class:tm-vc_btn3 class:tm-vc_btn3-style-outline class:tm-vc_btn3-shape-square class:tm-vc_btn3-size-md class:tm-vc_btn3-color-white "Send Your Request"]
      [response]
      </div>
    </div>
    </div>
     <script> jQuery( document ).ready(function($) { var disabledDays = [0, 6]; jQuery('.hasDatepicker').attr('type','text'); jQuery('.hasDatepicker').datepicker({ language: 'en', minDate: new Date(), dateFormat: 'dd/mm/yyyy', onRenderCell: function (date, cellType) { if (cellType == 'day') { var day = date.getDay(), isDisabled = disabledDays.indexOf(day) != -1; return { disabled: isDisabled } } }, onSelect: function onSelect(fd, date) { var myDatepicker = jQuery('.hasDatepicker').datepicker().data('datepicker'); myDatepicker.hide(); } }); });</script>
    
  • Sample code for Make an Appointment Form used on Contact Uspage of HealthQo demo site.

    <div class="row tm-contactpage-form tm-commonform">
     <div class="col-md-12 col-sm-12 col-xs-12 vc_column_container">
        <div class="field-group">[select service "Select Department" "Orthopadic" "General"]</div>
        <div class="field-group">[select service "Select Doctors" "Dr.Roy Coleman" "Dr.Teresa Mayer"]</div>
        <div class="field-group">
           [text* your-name  placeholder "Your Name"]
        </div>
        <div class="field-group">
           [email* your-email  placeholder "Your Email"]
        </div>
        <div class="field-group">
          [text* your-phone  placeholder "Your Number"]
        </div>
        <div class="field-group">
          [date* date class:hasDatepicker  placeholder "Appointment Date"]
        </div>
     <div class="field-group">
    	  [textarea* your-message  placeholder "Your Message"]
        </div>
        <div class="tm-form-submit">
        [submit class:tm-vc_general class:tm-vc_btn3 class:tm-vc_btn3-style-flat class:tm-vc_btn3-size-md class:tm-vc_btn3-color-skincolor  "Make an Appointment"]
           [response]
         </div>
    </div>
    </div>>
    <script> jQuery( document ).ready(function($) { var disabledDays = [0, 6]; jQuery('.hasDatepicker').attr('type','text'); jQuery('.hasDatepicker').datepicker({ language: 'en', minDate: new Date(), dateFormat: 'dd/mm/yyyy', onRenderCell: function (date, cellType) { if (cellType == 'day') { var day = date.getDay(), isDisabled = disabledDays.indexOf(day) != -1; return { disabled: isDisabled } } }, onSelect: function onSelect(fd, date) { var myDatepicker = jQuery('.hasDatepicker').datepicker().data('datepicker'); myDatepicker.hide(); } }); });  </script>
    
  • Sample code for Make an Appointment Form used on HomePage 3page of HealthQo demo site.

     <div class="tm-commonform tm-make-appoint-form2">
     <div class="row">
      <div class="col-md-6">[text* your-name placeholder "Your Full Name"]</div>
      <div class="col-md-6">[email* your-email placeholder "Email Address"]</div>
     </div>
     <div class="row">
      <div class="col-md-6">[text* your-phone placeholder "Phone"]</div>
     <div class="col-md-6">[select service "Select Department" "Orthopadic" "General"]</div>
    </div>
    <div class="row">
     <div class="col-md-6">[date* date class:hasDatepicker placeholder "Appoinment Date"]</div>
      <div class="col-md-6">[text* your-time placeholder "Appoinment Time"]</div>
    </div>
    <div class="">
         [submit class:tm-vc_general class:tm-vc_btn3 class:tm-vc_btn3-style-outline class:tm-vc_btn3- 
         shape-square class:tm-vc_btn3-color-white "Make A Appoinment"]
           [response]
     </div>
    </div>
     <script> jQuery( document ).ready(function($) { var disabledDays = [0, 6]; jQuery('.hasDatepicker').attr('type','text'); jQuery('.hasDatepicker').datepicker({ language: 'en', minDate: new Date(), dateFormat: 'dd/mm/yyyy', onRenderCell: function (date, cellType) { if (cellType == 'day') { var day = date.getDay(), isDisabled = disabledDays.indexOf(day) != -1; return { disabled: isDisabled } } }, onSelect: function onSelect(fd, date) { var myDatepicker = jQuery('.hasDatepicker').datepicker().data('datepicker'); myDatepicker.hide(); } }); });  </script>
    
  • Sample code for Contact Me Form used on Doctor Details page of HealthQo demo site.

    <div class="tm-commonform tm-team-form">
    <div class="row">
     <div class="col-md-6">[text* your-name placeholder "Name*"]</div>
     <div class="col-md-6">[email* your-email placeholder "Email*"]</div>
    </div>
    <div class="row">
     <div class="col-md-6">[text* your-subject placeholder "Subject*"]</div>
     <div class="col-md-6">[text your-phone placeholder "Phone"]</div>
    </div>
    <div class="row">
     <div class="col-md-12">[textarea* your-message 40x10 placeholder "Message*"]</div>
    </div>
    <div>
         [submit class:tm-vc_general class:tm-vc_btn3 class:tm-vc_btn3-style-flat class:tm-vc_btn3-
         shape-square class:tm-vc_btn3-color-skincolor "Send Message"]
           [response]
     </div>
    </div>
    

Q2: How to update HealthQo theme?


A2: We are providing regular bug fixes, enhancements and also features to our all buyers. So we are releasing new version frequently.

  • First download latest version of healthqo theme package from Mojo Server.
  • Unzip this ZIP file on your local pc. After unzip you will get some files. Our main theme file is healthqo.zip
  • Now unzip healthqo.zip on your local pc. This will extract healthqo folder. This is our main theme folder. Now we need to upload this folder via FTP on the server.
  • Connect to your server by FTP and upload this extracted healthqo folder on your server at /wp-content/themes/ folder. There would be already a folder named healthqo. Make sure you overwrite the folder and all files inside it.
  • Done

Q3: How to disable comments from PAGES (and also other post types) ?


A3: There are two steps to disable comments.
  • First, disable comments from existing pages
  • Second, disable comments from new pages so comments would be disabled on new pages too.

Here are steps to disable comments from existing pages:


Here are steps to disable comments from new pages (so comments would be disabled on new pages too) :


Q4: How to set responsive menu breakpoint (from which window size the menu will become responsive) ?


A4: You can set it from Admin > HealthQo Options > Menu Settings section. Just go to this section and select window size (or set pixel) under "Responsive Menu Breakpoint" option. See screenshot below:



Q5: How to set MailChip newsletter form?


A5: We are using MailChimp for WordPress plugin to generate MailChip subscribe form in footer. So first install this plugin. Than follow steps given below:
  • First make sure you link your MailChip account with this plugin. Just go to Admin > MailChip for WP plugin settings section and link your account. You just need to copy/paste the API code from your MailChimp account to here and click "Save Changes" button. See screenshot given below:

  • Now go to Admin > MailChip for WP > Forms section and paste this code:

    <div class="widget_subscribe_form">
    	<input type="email" name="EMAIL" placeholder="Enter Your Email" required />
    	<input type="submit" value="Subscribe" />
    </div>
     

    Like this:



Q6: How to set custom link (e.g. video link) open in lightbox alike display on Make an Appointment section in Home page 3 in Demo Site ?




A6: For this you just need to add an extra class name tm_prettyphoto to the Icon Element. See screenshot below.




Q7: How to set link in header button alike Make Appointment button in Header in infostack Header style ?




A7: This button shortcode is part of Visual Composer Button Element. So you can copy the code generated by Visual Composer plugin directly. So just start to edit a new page and add your shortcode in it. Than set your button link via Visual Composer Button Element. Than go to "Classic Mode" and copy the shortcode an just paste it. Save your changes and it will be done. See screenshot below.




Q8: How to display service box with seperator alike in Special High-quality Services section on Homepage in Demo Site ?




A8: For this you just need to add an extra class name tm-sbox-separator to the row. See screenshot below.