Posted on : 2018-10-14 08:09:16 View Type: public
Ateeq Rafeeq
Staff
Action click on email address
Staff
Posted on : 2018-10-14 08:19:41 View Type: public
Ateeq Rafeeq
hi this feature is not available in theme to achieve this action in Educaiton WordPress theme you have to modify theme. I am going to suggest you the changes.
Please go to wp-admin >> contact Forms and create a contact form which you want to open when clicked on Email addresses. Now as you already have created the form which you want to open in modal clicking on Email address. Note the shortcode of form.
Now its time to edit the theme files to implement the change.
Go to Appearance >> edit >> and find header.php file, after <body tag place the code below change [shortcode] with the shortcode you got from contact form 7
<div class="reveal" id="exampleModal1" data-reveal>
<?php echo do_shortcode('[shortcode]'); ?>
<button class="close-button" data-close aria-label="Close modal" type="button">
<span aria-hidden="true">×</span>
</button>
</div>Now save the file please dont do this if you are not sure what you are doing i suggest you to take help from someone who knows the HTML and a little PHP
Now edit appearance >> Edit >> template-parts >> header >> top-bar >> selective-icons.php in file selective icons find the line which product the email address. Before and after that line place this link please find below line care "wc_socialoptions_email"
case "wc_socialoptions_email":
echo '<li><i class="fa fa-envelope"></i> '.sanitize_email(get_theme_mod('wc_socialoptions_email', $default_email)).'</li>';
break;and place link like this with it.
case "wc_socialoptions_email":
echo '<li><a href="#" data-open="exampleModal1"><i class="fa fa-envelope"></i> '.sanitize_email(get_theme_mod('wc_socialoptions_email', $default_email)).'</a></li>';
break;I have placed the link after <li> and closing tag of line before </li>
Thanks do things carefully if you know how to edit these files via FTP that would be better to avoid any problem. If something goes wrong just re upload the theme through FTP thanks
For footer Email you can do same like above in >> appearance >> edit >> template-parts >> footer >> footer-bottom >> selective-icons.php
Good luck.
How to implement the action of opening the window to write and send an email by clicking on the email address. The location is the Header and Footer.