<?php
$faq_field = get_field('section_texts', 'option')['faq_section'];
$faq = get_query_var('faq');
$faq_illustration_mod = get_query_var('faq_illustration_mod');
$custom_faq_image = get_query_var('custom_faq_image');
if ($faq_illustration_mod == 'custom' && $custom_faq_image) {
$faq_field['image'] = $custom_faq_image;
}
$template_directory = get_template_directory_uri();
$srcset = "srcset='{$template_directory}/assets/images/lazyload.png'";
if ($faq):
?>
<section class="faq-section">
<div class="container-big">
<div class="faq-wrapper">
<div class="image --bg-secondary-color">
<img class="-lazyload"
<?php echo $srcset; ?> src="<?php echo $faq_field['image']['url']; ?>"
alt="<?php echo $faq_field['image']['alt']; ?>"
data-animate="swim-top">
</div>
<div class="faq-content">
<h2 class="title title-2" data-animate="word"><?php echo $faq_field['title']; ?></h2>
<div class="faq-items">
<?php
if ($faq) :
foreach ($faq as $item) :
if ($item['faq']['question'] && $item['faq']['answer']) :
?>
<div class="--accordion faq-accordion" data-accordion-group="faq-group"
data-animate="swim-top">
<div class="--accordion__open --cursor-pointer">
<h3 class="question title-5">
<?php echo $item['faq']['question']; ?>
</h3>
<div class="--accordion__arrow"></div>
</div>
<div class="--accordion__content-container">
<div class="--accordion__content">
<div class="accordion-text body-3">
<?php echo $item['faq']['answer']; ?>
</div>
</div>
</div>
</div>
<?php
endif;
endforeach;
endif;
?>
</div>
</div>
</div>
</div>
</section>
<script type="application/ld+json">
<?php
$faq_jsonld = [];
foreach ($faq as $item) {
if (!empty($item['faq']['question']) && !empty($item['faq']['answer'])) {
$faq_jsonld[] = [
"@type" => "Question",
"name" => strip_tags($item['faq']['question']),
"acceptedAnswer" => [
"@type" => "Answer",
"text" => strip_tags($item['faq']['answer']),
]
];
}
}
echo json_encode([
"@context" => "https://schema.org",
"@type" => "FAQPage",
"mainEntity" => $faq_jsonld
], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT);
?>
</script>
<?php endif; ?>