Skip to content

M
makura-2025
Commit 357e464b by rajshah
Options

handle spider interactive animation

parent 1e1b1a93
Showing with 43 additions and 36 deletions
blocks/welcome-banner.php
<?php if (get_field('enable_welcome_banner_section')) : ?> <?php if (get_field('enable_welcome_banner_section')) : ?>
<section class="bg-secondary background-dark py-80 HOME TOP-BANNER-SECTION"> <section class="bg-secondary background-dark py-80 HOME TOP-BANNER-SECTION">
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-lg-5 col-md-5 col-12 mx-auto left-text"> <div class="col-lg-5 col-md-5 col-12 mx-auto left-text">
<div class="position-relative left-text-wrapper"> <div class="position-relative left-text-wrapper">
<h1><?php echo get_field('wb_title') ?></h1> <h1><?php echo get_field('wb_title') ?></h1>
<p><?php echo get_field('wb_subtitle') ?></p> <p><?php echo get_field('wb_subtitle') ?></p>
</div> </div>
<div class="button-wrapper"> <div class="button-wrapper">
<a href="<?php echo get_field('wb_button_link') ?>" <a href="<?php echo get_field('wb_button_link') ?>"
class="btn btn-start-project btn-primary"><?php echo get_field('wb_button_text') ?><svg class="btn btn-start-project btn-primary"><?php echo get_field('wb_button_text') ?><svg
width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" <path fill-rule="evenodd" clip-rule="evenodd"
d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z" d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z"
fill="white"></path> fill="white"></path>
</svg></a> </svg></a>
</div> </div>
<?php <?php
$review_widget = get_field('review_widget') ?: []; $review_widget = get_field('review_widget') ?: [];
if (isset($review_widget) && is_array($review_widget) && !empty($review_widget)) : if (isset($review_widget) && is_array($review_widget) && !empty($review_widget)) :
$enable_review_widget = $review_widget['enable_review_widget'] ?: ''; $enable_review_widget = $review_widget['enable_review_widget'] ?: '';
...@@ -24,34 +24,40 @@ ...@@ -24,34 +24,40 @@
$review_items = $review_widget['widget_items'] ?: ''; $review_items = $review_widget['widget_items'] ?: '';
if (isset($review_items) && is_array($review_items) && !empty($review_items)) : if (isset($review_items) && is_array($review_items) && !empty($review_items)) :
?> ?>
<div class="review-block d-flex"> <div class="review-block d-flex">
<?php foreach ($review_items as $i => $item): <?php foreach ($review_items as $i => $item):
$widget = $item['widget'] ?? ''; $widget = $item['widget'] ?? '';
if (empty($widget)) continue; if (empty($widget)) continue;
if ($i === 1) { if ($i === 1) {
$widget = do_shortcode($widget); $widget = do_shortcode($widget);
}; };
?> ?>
<div class="review d-flex align-items-center bg-white rounded-2"> <div class="review d-flex align-items-center bg-white rounded-2">
<?php echo $widget; ?> <?php echo $widget; ?>
</div> </div>
<?php endforeach; ?> <?php endforeach; ?>
</div> </div>
<?php endif; <?php endif;
endif; endif;
endif; ?> endif; ?>
</div> </div>
<div class="col-lg-6 col-md-6 col-12 mx-auto"> <div class="col-lg-6 col-md-6 col-12 mx-auto">
<?php <?php $enable_interactive_spider = get_field('enable_interactive_spider')?:'';
$image = get_field('banner_image'); if (isset($enable_interactive_spider) && $enable_interactive_spider):
$size = 'full'; // (thumbnail, medium, large, full or custom size) ?>
if ($image) { <canvas id="scratch" style="width: 500px; height: 400px;"></canvas>
echo wp_get_attachment_image($image, $size); <?php else:
} ?> $image = get_field('banner_image');
$size = 'full';
if ($image) {
echo wp_get_attachment_image($image, $size);
}
endif;
?>
</div>
</div> </div>
</div> </div>
</div> </section>
</section>
<?php endif; ?> <?php endif; ?>
<script type="text/javascript" src="https://widget.clutch.co/static/js/widget.js"></script> <script type="text/javascript" src="https://widget.clutch.co/static/js/widget.js"></script>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment