This page contains solutions for general questions
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>
healthqo.zip
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.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.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) :
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: 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:
tm_prettyphoto
to the Icon Element. See screenshot below.
tm-sbox-separator
to the row. See screenshot below.