Hi. Hope all is well. So I just purchased this template… here’s my purchase code 07ed2acd-88e5-4559-af74-0b7fbc47c04f.
Please send me the php files for the forms.
Thank you so much!
Download email_processor.php file and place this file in root folder where you are keeping the HTML files.
After that please edit your HTML forms and if <form tag exists then change or add action="email_processor.php" and method="post" if form tag does not exist please wrap your form in <form tags </form and use action="email_processor.php" method="post" Below you can see how the form tag should look like.
<form action="email_processor.php" method="post">
Form fields
</form>
Now please create a hidden field with name contact_form and make its value YES , This is a simple check that email_processor.php file is not accessed directly.
<input type="hidden" name="contact_form" value="YES" />
Now use the fields you want and name them accordingly like name="first_name", name="last_name", name="doctor" so on.
Once submit button is clicked the form will be sent to email_processor.php which will catch the posted values including hidden contact_form value YES which email_processor.php will check and process the form. In email_processor.php make sure you change the names or include more names matching your HTML form names. Below is the view of email_process.php which handles two forms footer form and contact form.
<?php
$mailto = '[email protected]'; //Replace with your Email
//Contact Form Submission
if($_POST['contact_form'] == 'YES') {
$message = '<table><tr><td>';
$message .= 'Your Name</td><td>';
$message .= $_POST['your_name'];
$message .= '</td></tr><tr><td>Your Email</td><td>';
$message .= $_POST['your_email'];
$message .= '</td></tr>';
$message .= '<tr><td>Your Website</td><td>';
$message .= $_POST['your_website'];
$message .= '</td></tr>';
$message .= '<tr><td>Your Message</td><td>';
$message .= $_POST['your_message'];
$message .= '</td></tr>';
$message .= '</table>';
$subject = "Contact Form Submission";
send_email($message, $mailto, $subject);
HEADER("LOCATION: thankyou.html");
}
//Footer Form submission
if($_POST['form_submission'] == 'YES') {
$message = '<table><tr><td>';
$message .= 'Your Name</td><td>';
$message .= $_POST['your_name'];
$message .= '</td></tr><tr><td>Your Phone</td><td>';
$message .= $_POST['your_phone'];
$message .= '</td></tr></table>';
$subject = "Footer Email Submission";
send_email($message, $mailto, $subject);
HEADER("LOCATION: thankyou.html");
}
function send_email($message, $mailto, $subject) {
$from_email = "[email protected]";
$reply_to = "[email protected]";
$mailheaders = "From:".$from_email;
$mailheaders .="Reply-To:".$reply_to;
$from = $from_email;
$headers = "FROM: ".$from;
$semi_rand = md5(time());
$mime_boundary = "==Multipart_Boundary_x{$semi_rand}x";
$headers .= "\nMIME-Version: 1.0\n" .
"Content-Type: multipart/mixed;\n" .
" boundary=\"{$mime_boundary}\"";
$message .= "This is a multi-part message in MIME format.\n\n" .
"--{$mime_boundary}\n" .
"Content-Type:text/html; charset=\"iso-8859-1\"\n" .
"Content-Transfer-Encoding: 7bit\n\n" .
$message . "\n\n";
$message .= "--{$mime_boundary}\n" .
"Content-Type: {$fileatt_type};\n" .
" name=\"{$filename}\"\n" .
"Content-Transfer-Encoding: base64\n\n" .
mail($mailto, $subject, $message, $headers);
}// Send Email Function.
In above form don't forget to change email_from and reply_to inside the function. And don't forget to change email $mail_to at top where you want to receive emails. Reply to and email from should be related to your domain name to avoid emails going to spam.
Excellent. Thank you. I'll test this out. Is there another (or additional) PHP file for the Appointment form?
If you understand PHP a little then you can easily produce similar forms just pass names and then pass the data to php funciton >> send_email($message, $mailto, $subject) a
You can start implementing the data on page, but if you face issue you can send the Form URL and i will tell you exact code to put in PHP file for making your form working thanks.
Thanks. I do know some PHP and are making some changes.
I do have another question/request. I noticed that there doesn't seem to be a class="active" or something like that so people know what page they are on by the highlighted menu item. Am I missing that or that is not a function possible in this template? Seems to be a standard on templates today.
Appreciate all!
So, I did try class="active" and it does highlight the active menu item. However, I would like to change the color aspects of the highlight (background color, font color). Where do I go to do that?
And sorry to ask this too but the client would like to have the slides come in from different directions and/or with alternating styles (fold in, blocks, etc).
Hope I'm not being a pain, sorry!
To disable the Nav Border on top of nav items, you can find the following CSS and remove it on assets >> css >> theme-styles.css on line 493
.nav-border:before {
content: '';
border-top: 2px solid #ff4500;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
To add background on active menu, you can add active class to a tag of navigation when its active.
and the following CSS in theme-styles.css
.dropdown.menu li .active,
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:hover,
.dropdown.menu li a:hover {
background-color:blue;
color:#FFF;
}
CSS above will give you same hover and active effect.
We have been using Owl Carousel for Slider, images movement and that slider do not have any options you are looking for. For such case you would need to find a different slider plugin. Thanks.
You are so responsive. Thanks so much!
Sorry, I'm not explaining properly. I don't have an issue with the Nav Border. That's great!
When I add "active" to the class for a menu item, it highlights that item in a blue box. I would like to be able to change that color only. Otherwise, everything acts perfectly like I'd like it. So, simply, how do I change that blue color?
And fine about the carousel, I understand.
You're great. Thank you.
OR
is there a way to just have the orange Nav Bar stick on top of the menu item on its active page. In other words, can the orange nav bar be on top of the word "Contact" when I'm on the Contact page?
Thanks for your patience!
To change background and color of menu active use
.menu .active>a {
background-color:#666666;
color:#FFF !important;
}Add your CSS somewhere in Assets >> CSS >> theme-styles.css
To place orange bar on top of a nav item you can put this class to a tag >> nav-border
Thanks
hi. any thoughts on adjusting the speed and smoothness for the slides on the home page? thank you!
In your template >> Assets >> Js >> template.js you can find the following code of main banner.
//calling Brand Crousel
$(".main-banner").owlCarousel({
loop:true,
margin:5,
responsiveClass:true,
slideSpeed : 2000,
nav: true,
autoplay: true,
responsiveRefreshRate : 200,
rewind:true,
responsive:{
0:{
items:1,
nav:true,
navText:["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"]
},
600:{
items:1,
nav:false,
navText:["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"]
},
1000:{
items:1,
nav:true,
navText:["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],
loop:true
}
}
});In it Slide speed 2000, is equal to 2 seconds you can increase or decrease it as per your choice.
Here you can read further about the available options in owl Carousel and i recommend you to do some research about Owl carousel that can get you possible solution. https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html