bla bla
blabla
Accordion
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
$accordion = $section['accordion'];
?>
<section <?= $anchor ?> class="section section-accordion accordion-section">
<div class="container container-small">
<?php get_template_part( '/template-parts/eyebrows/eyebrows', null, [ 'eyebrows' => $eyebrows ] ); ?>
<?php
if ($accordion): ?>
<div class="column full">
<div class="grid-row">
<?php foreach ($accordion as $v => $tile): ?>
<div class="column full accordion-item entry">
<?php if (!empty($tile['button']['url'])) : ?>
<a href="<?= $tile['button']['url']; ?>" target="<?= $tile['button']['target'] ?>"
class="full-link"></a>
<?php endif; ?>
<div class="accordion-question entry-content">
<div class="content">
<?php if (!empty($tile['icon'])): ?>
<span class="icon <?= $tile['icon']->class ?> large"></span>
<?php endif ?>
<?php
$tags = ['<p>', '</p>', '<h1>', '</h1>', '<h2>', '</h2>', '<h3>', '</h3>'];
$heading = $tile['title'];
$heading = str_replace($tags, '', $heading);
if (!empty($heading)) {
echo "<h3>$heading</h3>";
}
?>
</div>
<span class="icon chevron"></span>
</div>
<div class="accordion-answer">
<?= $tile['content'] ?>
<?php if (!empty(($tile['button']))): ?>
<a class="button button-transparant">
<span><?php echo($tile['button']['title']); ?></span>
<span class="icon arrrow"></span>
</a>
<?php endif; ?>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
<?php endif ?>
</div>
</section>
Cta
index.php
acf.php
<?php
$anchor = '' !== $section['section_attr_id'] ? 'id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
$icon = $section['cta_icon']->class;
$content = $section['content'];
$buttons = $section['buttons'];
$background_image = $section['background_image'];
$parallax = $section['parallax'];
?>
<section <?= $anchor ?> class="section section-cta">
<div class="container">
<?php if ($background_image) {
get_template_part('/template-parts/background-image/background-image', null, ['background_image' => $background_image, 'parallax' => $parallax]);
}
?>
<?php get_template_part('/template-parts/eyebrows/eyebrows', null, ['eyebrows' => $eyebrows]); ?>
<div class="column full">
<div class="cta-container">
<?php if ($icon) : ?>
<div class="cta-icon">
<i class="<?= $icon ?> "></i>
</div>
<?php endif; ?>
<div class="cta-content">
<?php
if ($title) {
get_template_part('/template-parts/headings/heading', null, ['title' => $title]);
}
echo $content;
if ($buttons) {
foreach ($buttons as $button) {
if (!isset($button['button'])) {
continue;
}
get_template_part('/template-parts/buttons/button', null, ['button' => $button]);
}
}
?>
</div>
</div>
</div>
</div>
</section>
Faq
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
$questions = $section['questions'];
?>
<section <?= $anchor ?> class="section section-faq accordion-section">
<div class="container">
<?php get_template_part( '/template-parts/eyebrows/eyebrows', null, [ 'eyebrows' => $eyebrows ] ); ?>
<?php
if ($title) :?>
<div class="column full">
<?php get_template_part('/template-parts/headings/heading', null, ['title' => $title]); ?>
</div>
<?php endif; ?>
<?php if ($questions) : ?>
<div class="accordion">
<?php foreach ($eyebrows as $v) : ?>
<div class="column one-half accordion-item entry">
<div class="accordion-question"><?= get_field("question", $v); ?>
<span class="icon chevron"></span>
</div>
<div class="accordion-answer"><?= get_field("awnser", $v); ?></div>
</div>
<?php endforeach; ?>
</div>
<?php endif; ?>
</div>
</section>
Form
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
$image_container = $section['image'];
$media_align = $section['media_align'];
$element_style = $section['element_style'];
?>
<section <?= $anchor ?> class="section section-form">
<div class="container container-small">
<?php get_template_part( '/template-parts/eyebrows/eyebrows', null, [ 'eyebrows' => $eyebrows ] ); ?>
<?php if ($title) : ?>
<div class="column full">
<?php get_template_part('/template-parts/headings/heading', null, ['title' => $title]); ?>
</div>
<?php endif; ?>
<div class="column one-half">
<?php if (!empty($section['form_id'])) : ?>
<div class="form-container">
<?php gravity_form($section['form_id'], false, false, false, '', true, 5); ?>
</div>
<?php endif ?>
</div>
<?php if ($image_container) : ?>
<div class="column one-half <?= $media_align ?> <?= $element_style ?>">
<?php if ($image_container) {
get_template_part('/template-parts/image-containers/image-container', null, ['image-container' => $image_container]);
}
?>
</div>
<?php endif ?>
</div>
</section>
Header
index.php
acf.php
<?php
$anchor = '' !== $section['section_attr_id'] ? 'id="' . $section['section_attr_id'] . '"' : '';
$title = $section['title'] ? $section['title'] : get_the_title();
$content = $section['content'];
$buttons = $section['buttons'];
$background_image = $section['background_image'];
$parallax = $section['parallax'];
$menu_position = $section['menu_position'];
?>
<?php
if ($menu_position === 'top') {
get_template_part('/template-parts/partials/menu', get_post_type());
}
?>
<section <?= $anchor ?> class="section-header">
<?php if ($background_image) {
get_template_part('/template-parts/background-image/background-image', null, ['background_image' => $background_image, 'parallax' => $parallax]);
}
?>
<div class="container">
<div class="column one-half">
<?php
if ($title) {
get_template_part('/template-parts/headings/heading', null, ['title' => $title, 'font_type' => 'h1']);
}
if ($content) {
echo $content;
}
if ($buttons) {
if (sizeof($buttons) > 1) {
echo '<div class="button-group">';
}
foreach ($buttons as $button) {
if (!isset($button['button'])) {
continue;
}
get_template_part('/template-parts/buttons/button', null, ['button' => $button]);
}
if (sizeof($buttons) > 1) {
echo '</div>';
}
}
?>
</div>
</div>
</section>
<?php
if ($menu_position === 'bottom') {
get_template_part('/template-parts/partials/menu', get_post_type());
}
?>
Header slider
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
$content = $section['content'];
$buttons = $section['buttons'];
?>
<section <?= $anchor ?> class="section section-header slider">
<?php if (!empty($section['background_images'])) : ?>
<ul class="slider">
<?php foreach ($section['background_images'] as $image_id): ?>
<li class="background-image" role="img"
style="background-image: url(<?= wp_get_attachment_image_url($image_id, 'header_content') ?>);"
aria-label="<?php echo get_post_meta($image_id, 'header_content', true) ?>">
<div class="container">
<div class="column one-half">
<?php if ($title) {
get_template_part('/template-parts/title/title', null, ['title' => $title, 'font_type' => 'h1']);
} ?>
<?php if ($content) {
echo $content;
} ?>
<?php if ($buttons) {
foreach ($buttons as $button) {
if (!isset($button['button'])) {
continue;
}
get_template_part('/template-parts/buttons/button', null, ['button' => $button]);
}
} ?>
</div>
</div>
</li>
<?php endforeach; ?>
</ul>
<?php endif; ?>
</section>
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
$instagram_link = get_field('instagram', 'options');
?>
<section <?= $anchor ?> class="section section-instagram">
<div class="container">
<?php get_template_part( '/template-parts/eyebrows/eyebrows', null, [ 'eyebrows' => $eyebrows ] ); ?>
<?php if ($title) : ?>
<div class="column full">
<?php get_template_part('/template-parts/headings/heading', null, ['title' => $title]); ?>
</div>
<?php endif; ?>
<?php
$accessToken = get_field('shortcode', 'options');
$lastRefreshed = get_field('last_refreshed', 'options');
$daysSinceLastRefresh = (time() - strtotime($lastRefreshed)) / (60 * 60 * 24);
if ($daysSinceLastRefresh > 50) {
$refreshApiUrl = "https://graph.instagram.com/refresh_access_token";
$refreshParams = [
'grant_type' => 'ig_refresh_token',
'access_token' => $accessToken,
];
$refreshApiUrl .= '?' . http_build_query($refreshParams);
$response = file_get_contents($refreshApiUrl);
$httpCode = http_response_code();
if ($httpCode === 200 && $response !== false) {
$data = json_decode($response, true);
update_field('shortcode', $data['access_token'], 'options');
update_field('last_refreshed', date('Y-m-d'), 'options');
} else {
echo 'Error refreshing Instagram access token. HTTP Code: ' . $httpCode;
}
}
?>
<?php if (!empty($accessToken)) : ?>
<div class="column full">
<div class="grid-row">
<?php
$mediaApiUrl = 'https://graph.instagram.com/me/media';
$mediaParams = [
'fields' => 'id,caption,media_url,permalink,timestamp,media_type',
'access_token' => $accessToken,
'limit' => 4, // Limit to the last 4 posts
];
$mediaApiUrl .= '?' . http_build_query($mediaParams);
$response = file_get_contents($mediaApiUrl);
if ($response !== false) {
$data = json_decode($response, true);
if (!empty($data['data'])) {
foreach ($data['data'] as $post) {
$caption = $post['caption'] ?? '';
$captionParts = explode('-', $caption);
$captionUntilHash = $captionParts[0];
$mediaUrl = $post['media_url'];
$permalink = $post['permalink'];
$mediaType = $post['media_type'];
?>
<div class="column one-fourth entry">
<a class="full-link" href="<?= $permalink ?>" target="_blank"
rel="noopener noreferrer"></a>
<?php if ($mediaType === 'VIDEO') : ?>
<video class="media" loop autoplay muted playsinline>
<source src="<?= $mediaUrl ?>" type="video/mp4">
Your browser does not support the video tag.
</video>
<?php else : ?>
<img class="media" src="<?= $mediaUrl ?>" alt="Instagram Image">
<?php endif; ?>
</div>
<?php
}
} else {
echo 'No posts found.';
}
} else {
echo 'Error fetching Instagram feed.';
}
?>
</div>
</div>
<?php endif; ?>
<?php if ($instagram_link) : ?>
<div class="column full">
<a class="button" href="<?= $instagram_link ?>" target="_blank" rel="noopener noreferrer">
<span><?= __('Volg ons op Instagram', 'Dotnetmedia')?></span>
<span class="icon instagram"></span>
</a>
</div>
<?php endif; ?>
</div>
</section>
Partner slider
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
$content = $section['content'];
$partners = $section['partners'];
$class1 = !empty($section['content']) ? 'one-third' : 'full';
$class2 = !empty($section['content']) ? 'two-third' : 'full';
?>
<section <?= $anchor ?> class="section section-partner slider">
<div class="container">
<?php get_template_part( '/template-parts/eyebrows/eyebrows', null, [ 'eyebrows' => $eyebrows ] ); ?>
<div class="column <?= $class1 ?>">
<?php
if ($title) {
get_template_part('/template-parts/headings/heading', null, ['title' => $title]);
}
if ($content) {
echo $content;
}
?>
</div>
<?php if ($partners): ?>
<div class="column <?= $class2 ?>">
<ul class="slider">
<?php foreach ($partners as $partner): ?>
<li class="entry">
<?php if (!empty($partner['url'])): ?><a target="_blank" rel="noreferrer noopener"
href="<?php echo $partner['url'] ?>"><?php endif; ?>
<?php echo wp_get_attachment_image($partner['logo_partner'], '', '', get_post_meta($partner['logo_partner'], '_wp_attachment_image_alt', true)); ?>
<?php if (!empty($partner['url'])): ?></a><?php endif; ?>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
</div>
</section>
Review
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
$image_container = $section['image'];
$media_align = $section['media_align'];
$element_style = $section['element_style'];
?>
<section <?= $anchor ?> class="section section-review">
<div class="container container-small">
<?php get_template_part( '/template-parts/eyebrows/eyebrows', null, [ 'eyebrows' => $eyebrows ] ); ?>
<?php if ($title) : ?>
<div class="column full">
<?php get_template_part('/template-parts/headings/heading', null, ['title' => $title]); ?>
</div>
<?php endif; ?>
<div class="column one-half">
<?= do_shortcode('[site_reviews_form]') ?>
</div>
<div class="column one-half <?= $media_align ?> <?= $element_style ?>">
<?php if ($image_container) {
get_template_part('/template-parts/image-containers/image-container', null, ['image-container' => $image_container]);
}
?>
</div>
</div>
</section>
Reviews
index.php
acf.php
<?php
$ancor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
$buttons = $section['buttons'];
$reviews = glsr_get_reviews();
?>
<section <?= $ancor ?> class="section section-reviews">
<div class="container">
<?php get_template_part( '/template-parts/eyebrows/eyebrows', null, [ 'eyebrows' => $eyebrows ] ); ?>
<?php if ($title) : ?>
<div class="column full">
<?php get_template_part('/template-parts/headings/heading', null, ['title' => $title]); ?>
</div>
<?php endif; ?>
<?php if ($reviews): ?>
<div class="column full">
<ul class="slider">
<?php foreach ($reviews as $review): ?>
<li class="entry" style="height: 250px; overflow: auto;">
<div class="entry-header">
<span class="stars"><?= str_repeat('<i class="fas fa-star"></i>', $review['rating']) ?: '' ?></span>
<h3><?= "{$review['title']} - {$review['name']}" ?: '' ?></h3>
</div>
<div class="entry-content">
<p><?= $review['content'] ?: '' ?></p>
<p><?= date('F j, Y', strtotime($review['date'])) ?: '' ?></p>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php if ($buttons) {
foreach ($buttons as $button) {
if (!isset($button['button'])) {
continue;
}
get_template_part('/template-parts/buttons/button', null, ['button' => $button]);
}
} ?>
</div>
<?php endif; ?>
</section>
Textblock
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
$content = $section['content'];
$buttons = $section['buttons'];
?>
<section <?= $anchor ?> class="section section-textblock">
<div class="container container-small">
<?php get_template_part( '/template-parts/eyebrows/eyebrows', null, [ 'eyebrows' => $eyebrows ] ); ?>
<div class="column full">
<?php
if ($title) {
get_template_part('/template-parts/headings/heading', null, ['title' => $title]);
}
echo $content;
if ($buttons) {
foreach ($buttons as $button) {
if (!isset($button['button'])) {
continue;
}
get_template_part('/template-parts/buttons/button', null, ['button' => $button]);
}
}
?>
</div>
</div>
</section>
Textblock media
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
$content = $section['content'];
$buttons = $section['buttons'];
$image_container = $section['image'];
$media_align = $section['media_align'];
$video_type = $section['media_type_lightbox'];
if ($video_type === 'youtube') {
$video_id = $section['lightbox_youtube'];
}elseif ($video_type === 'vimeo') {
$video_id = $section['lightbox_vimeo'];
}else{
$video_id = $section['lightbox_link'];
}
$containerSize = $section['container_size'];
?>
<section <?= $anchor ?> class="section section-textblock-media">
<div class="container <?= $containerSize ?>">
<?php get_template_part('/template-parts/eyebrows/eyebrows', null, ['eyebrows' => $eyebrows]); ?>
<div class="column one-half">
<?php
if ($title) {
get_template_part('/template-parts/headings/heading', null, ['title' => $title]);
}
echo $content;
if ($buttons) {
foreach ($buttons as $button) {
if (!isset($button['button'])) {
continue;
}
get_template_part('/template-parts/buttons/button', null, ['button' => $button]);
}
}
?>
</div>
<div class="column one-half <?= $media_align ?>">
<?php if ($image_container) {
get_template_part('/template-parts/image-containers/image-container', null, ['image-container' => $image_container, 'video_type' => $video_type, 'video_id' => $video_id]);
}
?>
</div>
</div>
</section>
Textblock media large
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
$content = $section['content'];
$buttons = $section['buttons'];
$image_container = $section['image'];
$media_align = $section['media_align'];
?>
<section <?= $anchor ?> class="section section-textblock-media large">
<div class="container <?php echo $section['media_align'] ?>">
<?php get_template_part('/template-parts/eyebrows/eyebrows', null, ['eyebrows' => $eyebrows]); ?>
<div class="column one-half">
<div class="content">
<?php
if ($title) {
get_template_part('/template-parts/headings/heading', null, ['title' => $title]);
}
echo $content;
if ($buttons) {
foreach ($buttons as $button) {
if (!isset($button['button'])) {
continue;
}
get_template_part('/template-parts/buttons/button', null, ['button' => $button]);
}
}
?>
</div>
</div>
<div class="column one-half <?= $media_align ?>">
<?php if ($image_container) {
get_template_part('/template-parts/image-containers/image-container', null, ['image-container' => $image_container]);
}
?>
</div>
</div>
</section>
Tiles
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
$content = $section['content'];
$buttons = $section['buttons'];
$tiles = $section['tiles'];
?>
<section <?= $anchor?> class="section section-tiles">
<?php if (!empty($section['background_image'])) : ?>
<div class="background-image" role="img"
style="background-image: url(<?= wp_get_attachment_image_url($section["background_image"], 'header_content') ?>);"
aria-label="<?php echo get_post_meta($section["background_image"], 'header_content', true) ?>"> <?php endif; ?>
<div class="container">
<?php if ($eyebrows) : ?>
<div class="column full eyebrows">
<?php foreach ($eyebrows as $eyebrow) {
if (!isset($eyebrow['eyebrow'])) {
continue;
}
get_template_part('/template-parts/eyebrows/eyebrow', null, ['eyebrow' => $eyebrow]);
}
?>
</div>
<?php endif; ?>
<?php if ($title || $content || $buttons) : ?>
<div class="column full">
<?php
if ($title) {
get_template_part('/template-parts/headings/heading', null, ['title' => $title]);
}
if ($content) {
echo $content;
}
if ($buttons) {
foreach ($buttons as $button) {
if (!isset($button['button'])) {
continue;
}
get_template_part('/template-parts/buttons/button', null, ['button' => $button]);
}
}
?>
</div>
<?php endif; ?>
<?php
if ($tiles): ?>
<div class="column full">
<div class="grid-row">
<?php foreach ($tiles as $v => $tile): ?>
<div class="column one-third entry">
<?php if (!empty($tile['button']['url'])) : ?>
<a href="<?= $tile['button']['url']; ?>" target="<?= $tile['button']['target'] ?>"
class="full-link"></a>
<?php endif; ?>
<?php if (!empty($tile['icon'])): ?>
<span class="icon <?= $tile['icon']->class ?> large"></span>
<?php endif ?>
<?php
$tags = ['<p>', '</p>', '<h1>', '</h1>', '<h2>', '</h2>', '<h3>', '</h3>'];
$heading = $tile['title'];
$heading = str_replace($tags, '', $heading);
if (!empty($heading)) {
echo "<div class='heading'><h3>$heading</h3></div>";
}
?>
<?php if (!empty($tile['content'])): ?>
<?= $tile['content'] ?>
<?php endif ?>
<?php if (!empty(($tile['button']))): ?>
<a class="button">
<span><?php echo($tile['button']['title']); ?></span>
<span class="icon arrrow"></span>
</a>
<?php endif; ?>
</div>
<?php endforeach; ?>
</div>
</div>
<?php endif ?>
<?php if (!empty($section['background_image'])) : ?>
</div>
<?php endif; ?>
</div>
</section>
Usp
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
$usps = $section['usps'];
?>
<section <?= $anchor ?> class="section section-usp">
<div class="container container-small">
<?php get_template_part( '/template-parts/eyebrows/eyebrows', null, [ 'eyebrows' => $eyebrows ] ); ?>
<?php if (!empty($section['title'])) : ?>
<div class="column full">
<?php
if ($title) {
get_template_part('/template-parts/headings/heading', null, ['title' => $title]);
}
?>
</div>
<?php endif; ?>
<?php if ($usps): ?>
<div class="column full">
<div class="usp-bar">
<?php foreach ($usps as $usp) : ?>
<div class="usp">
<?php if (!empty($usp['icon'])) : ?>
<span class="icon <?= $usp['icon']->class ?>"></span>
<?php endif; ?>
<?php if (!empty($usp['content'])) : ?>
<?= $usp['content'] ?>
<?php endif; ?>
</div>
<?php endforeach; ?>
</div>
</div>
<?php endif ?>
</div>
</section>
All products
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
?>
<section <?= $anchor ?> class="section section-products all-products">
<div class="container">
<?php get_template_part( '/template-parts/eyebrows/eyebrows', null, [ 'eyebrows' => $eyebrows ] ); ?>
<div class="column full">
<?php if ($title) {
get_template_part('/template-parts/headings/heading', null, ['title' => $title]);
}
?>
<div class="grid-row">
<?php
$args = array(
'post_type' => 'product',
'posts_per_page' => -1,
);
$products = new WP_Query($args);
if ($products->have_posts()) {
while ($products->have_posts()) {
$products->the_post();
get_template_part( '/template-parts/cards/card', 'product' );
}
} else {
echo __('Geen producten gevonden', 'Dotnetmedia');
}
wp_reset_query(); ?>
</div>
</div>
</div>
</section>
Popular products
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$eyebrows = $section['eyebrows'];
$title = $section['title'];
?>
<section <?= $anchor ?> class="section section-products popular-products">
<div class="container">
<?php get_template_part( '/template-parts/eyebrows/eyebrows', null, [ 'eyebrows' => $eyebrows ] ); ?>
<div class="column full">
<?php if ($title) {
get_template_part('/template-parts/headings/heading', null, ['title' => $title]);
}
?>
<div class="grid-row">
<?php
$args = array(
'post_type' => 'product',
'posts_per_page' => 4,
'meta_key' => 'total_sales',
'orderby' => 'meta_value_num',
);
$products = new WP_Query($args);
if ($products->have_posts()) {
while ($products->have_posts()) {
$products->the_post();
get_template_part( '/template-parts/cards/card', 'product' );
}
} else {
echo __('Geen producten gevonden', 'Dotnetmedia');
}
wp_reset_query(); ?>
</div>
</div>
</div>
</section>
Search
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
?>
<section <?= $anchor ?> class="section section-search">
<div class="container container-small">
<div class="column full">
<?php echo do_shortcode('[smart_search id="1"]'); ?>
</div>
</div>
</section>
Selected products
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
$title = $section['title'];
$selected_products = $section['selected_products'];
?>
<section <?= $anchor ?> class="section section-products selected-products">
<div class="container">
<div class="column full">
<?php if ($title) {
get_template_part('/template-parts/headings/heading', null, ['title' => $title]);
} ?>
<div class="grid-row">
<?php
$product_ids = [];
if ($selected_products) {
foreach ($selected_products as $product) {
$product_ids[] = $product->ID;
}
}
$args = array(
'post_type' => 'product',
'post__in' => $product_ids,
);
$products = new WP_Query($args);
if ($products->have_posts()) {
while ($products->have_posts()) {
$products->the_post();
get_template_part( '/template-parts/cards/card', 'product' );
}
} else {
echo __('Geen producten gevonden', 'Dotnetmedia');
}
wp_reset_query(); ?>
?>
</div>
</div>
</div>
</section>
Woocommerce
index.php
acf.php
<?php
$anchor = ($section['section_attr_id']) ? ' id="' . $section['section_attr_id'] . '"' : '';
?>
<section <?= $anchor ?> class="section section-woocommerce">
<div class="container">
<div class="column full">
<?php the_content() ?>
</div>
</div>
</section>