WordPress stuff: contact7 redirect / ... /
<script>
jQuery(document).ready(function($) {
$('.faq-answer').hide();
$('.faq-question').click(function(e){
var isOpen = $(this).hasClass('open')
var myAnswer = $(this).next('.faq-answer')
$('.faq-answer').hide()
$('.faq-question').removeClass('open')
if(isOpen == true) {
$(this).removeClass('open')
}else{
$(myAnswer).fadeIn()
$(this).addClass('open')
}
})
});
</script>
<style>
#sec-faqs { background: #f5fbff }
#sec-faqs .faqs-wrap .faq-question {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 4px;
min-height: 45px;
width: 96%;
margin: 2px auto;
}
#sec-faqs .faqs-wrap .faq-question h2 { margin: 10px 0px; font-size: 30px }
#sec-faqs .faqs-wrap .faq-question:hover {
cursor: pointer
}
#sec-faqs .faqs-wrap .faq-question-cont {
width: 1000px;
display: block;
margin: auto;
}
#sec-faqs .faqs-wrap .faq-question.faq-question::after {
content: "\f078";
}
#sec-faqs .faqs-wrap .faq-question::after {
position: relative;
top: -30px;
right: 60px;
display: inline;
width: 20px;
height: 20px;
font-family: 'FontAwesome';
font-size: 14px;
color: #333;
z-index: 222;
float: right;
}
#sec-faqs .faqs-wrap .faq-question.faq-question.open::after {
content: "\f077";
}
#sec-faqs .faqs-wrap .faq-answer {
padding: 25px 15px;
margin: 0px 25px;
background: #FFF
}
#sec-faqs .faqs-wrap .faq-answer h3 { padding: 25px 0px 10px 0px; font-size: 24px }
#sec-faqs .faqs-wrap .faq-answer ul {
width: 400px;
display: block;
margin: auto;
margin-left: ;
padding: 20px 0px 20px 50px;
}
#sec-faqs .faqs-wrap .faq-answer ul > li { text-align: left }
@media only screen and (max-width: 1200px) {
#sec-faqs .faqs-wrap .faq-answer {
margin: 0px 22px;
}
}
@media only screen and (max-width: 990px)
{
#sec-faqs .faqs-wrap .faq-question-cont {
width: 700px;
}
#sec-faqs .faqs-wrap .faq-question h2 { margin: 5px 0px; font-size: 24px }
#sec-faqs .faqs-wrap .faq-question::after {
top: -30px;
right: 5px;
}
#sec-faqs .faqs-wrap .faq-answer {
margin: 0px 16px;
}
#sec-faqs .faqs-wrap .faq-answer h3 { font-size: 18px }
#sec-faqs .faqs-wrap .faq-answer ul {
padding: 20px 0px 20px 50px;
}
}
@media only screen and (max-width: 768px)
{
#sec-faqs .section-faqs { padding: 50px 0px }
#sec-faqs .faqs-wrap .faq-question-cont {
width: 500px;
}
#sec-faqs .faqs-wrap .faq-question h2 { font-size: 20px }
#sec-faqs .faqs-wrap .faq-question::after {
top: -30px;
right: 10px;
}
#sec-faqs .faqs-wrap .faq-answer h3 { font-size: 16px }
#sec-faqs .faqs-wrap .faq-answer ul {
padding: 10px 0px 10px 30px;
}
}
@media only screen and (max-width: 560px)
{
#sec-faqs .faqs-wrap .faq-question {
min-height: 60px;
}
#sec-faqs .faqs-wrap .faq-question-cont {
width: 90%;
height: 32px;
margin: 10px 42px 0px 12px
}
#sec-faqs .faqs-wrap .faq-question h2 { font-size: 20px }
#sec-faqs .faqs-wrap .faq-question::after {
top: -26px;
right: 5px;
}
#sec-faqs .faqs-wrap .faq-answer {
margin: 0px 12px;
}
#sec-faqs .faqs-wrap .faq-answer h3 { font-size: 16px }
#sec-faqs .faqs-wrap .faq-answer p {
font-size: 15px;
line-height: 22px;
}
#sec-faqs .faqs-wrap .faq-answer ul {
width: 450px;
padding: 10px 0px 10px 30px;
}
#sec-faqs .faqs-wrap .faq-answer ul li {
font-size: 16px;
line-height: 26px;
}
}
@media only screen and (max-width: 460px)
{
#sec-faqs .faqs-wrap .faq-question-cont {
margin: 10px 39px 0px 6px;
}
#sec-faqs .faqs-wrap .faq-question h2 { font-size: 18px }
#sec-faqs .faqs-wrap .faq-question::after {
right: 2px;
}
#sec-faqs .faqs-wrap .faq-answer {
margin: 0px 10px;
}
#sec-faqs .faqs-wrap .faq-answer h3 { font-size: 15px }
#sec-faqs .faqs-wrap .faq-answer p {
font-size: 14px;
line-height: 20px;
}
#sec-faqs .faqs-wrap .faq-answer ul {
width: 100%;
}
}
@media only screen and (max-width: 320px) {
#sec-faqs .faqs-wrap .faq-question h2 {
font-size: 17px;
}
}
</style>
<div class="section section-faqs">
<h4>Here Are Answers To</h4>
<h2>Frequently Asked Questions</h2>
<div class="faqs-wrap">
<?php
foreach($faqs as $key => $value): ?>
<div class="faq-question">
<div class="faq-question-cont">
<h2><?php print $value['question']; ?></h2>
</div>
</div>
<div class="faq-answer">
<?php print $value['answer']; ?>
</div>
<?php
endforeach; ?>
</div>
</div>
<?php
$bg_image_src;
if ( has_post_thumbnail() ) :
$large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' );
if ( ! empty( $large_image_url[0] ) ) :
$bg_image_src = $large_image_url[0];
?>
<?php
endif;
endif; ?>
//use $bg_image_src;
/* accordion */
$('.accordion-ul > li').click( function(e){
var myAnswer = $(this).find('.faqs-answer')
$('.accordion-ul .faqs-answer').fadeOut(250);
$(myAnswer).toggle(350);
});
<!-- contact7 -->
<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
if ( '195' == event.detail.contactFormId ) { // Sends user to voucher thank you page
location = 'http://jewelrystoresd.com/thank-you-voucher';
}
else if ( '165' == event.detail.contactFormId ) { // Sends user to newsletter thank you page
location = 'http://jewelrystoresd.com/thank-you-email';
}
}, false );
</script>
<!-- SINGLE TY PAGE -->
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
location = 'http://seooneclick.com/leohamel/thank-you-voucher';
}, false );
</script>
<!-- DEPRICATED -->
<script>
on_sent_ok: "location = 'http://www.domain.com/thank-you/';"
</script>
<!-- on submit reload #anchorId -->
/* e.g. https://maidinoahu.com/contact-us/#form_id_string_placeholder */
var url = window.location.hash.substr(1);
var hash = url.split('#').pop();
if (hash === "wpcf7-f2052-o1") {
location = 'https://maidinoahu.com/thank-you-for-contacting-us/';
}
</script>
<?php
$endpoint = 'https://my.bluehost.com/cgi/wpapi/cdn_purge';
$domain = wp_parse_url( get_option( 'siteurl' ), PHP_URL_HOST );
$query = add_query_arg( array( 'domain' => $domain ), $endpoint );
$refresh_token = get_option( '_mm_refresh_token' );
if ( false === $refresh_token ) {
return;
}
$path = ABSPATH;
$path = explode( 'public_html/', $path );
if ( 2 === count( $path ) ) {
$path = '/public_html/' . $path[1];
} else {
return;
}
$path_hash = bin2hex( $path );
$headers = array(
'x-api-refresh-token' => $refresh_token,
'x-api-path' => $path_hash,
);
$args = array(
'timeout' => 1,
'blocking' => false,
'headers' => $headers,
);
wp_remote_get( $query, $args );
?>