Skip to content

M
makura-2025
Commit 0fa82c5c by rajshah
Options

done galleries block

parent e480cbe5
Showing with 23 additions and 91 deletions
blocks/portfolio-text-image-section.php
...@@ -36,6 +36,7 @@ if (isset($content) && is_array($content) && !empty($content)): ...@@ -36,6 +36,7 @@ if (isset($content) && is_array($content) && !empty($content)):
$class_name = $class_name[0]; $class_name = $class_name[0];
$challenges = $content['challenges'] ?: []; $challenges = $content['challenges'] ?: [];
$solutions = $content['solutions'] ?: []; $solutions = $content['solutions'] ?: [];
$galleries = $content['galleries'] ?: [];
if (!empty($title)): if (!empty($title)):
?> ?>
<section class="portfolio-block" id="<?php echo strtolower(str_replace(' ', '-', $title)); ?>"> <section class="portfolio-block" id="<?php echo strtolower(str_replace(' ', '-', $title)); ?>">
...@@ -120,14 +121,23 @@ if (isset($content) && is_array($content) && !empty($content)): ...@@ -120,14 +121,23 @@ if (isset($content) && is_array($content) && !empty($content)):
<?php endif; endif; ?> <?php endif; endif; ?>
<!-- solutions --> <!-- solutions -->
<!-- gallery --> <!-- gallery -->
<?php if (isset($galleries) && is_array($galleries) && !empty($galleries)):
$enable_galleries = $galleries['enable_galleries'];
if ($enable_galleries && isset($enable_galleries)):
$galleries_title = $galleries['galleries_title'] ?: '';
$galleries_desc = $galleries['galleries_desc'] ?: '';
$galleries_img = $galleries['galleries_img'] ?: [];
if (isset($galleries_img) && is_array($galleries_img) && !empty($galleries_img)):
?>
<div class="block-gallery makura-new mb-120"> <div class="block-gallery makura-new mb-120">
<div class="container"> <div class="container">
<div class="section-title slide-up animate"> <div class="section-title slide-up animate">
<?php if (!empty($galleries_title) || !empty($galleries_desc)): ?>
<div class="title"> <div class="title">
<h3>UI/UX Design Galleries</h3> <?php if (!empty($galleries_title)): ?>
<p>Explore a collection of stunning and inspiring graphic design showcases.</p> <h3><?php echo $galleries_title; ?></h3><?php endif; ?>
</div> <?php echo $galleries_desc ?: ''; ?>
</div><?php endif; ?>
<div class="slider-controller d-none d-md-flex justify-content-end"> <div class="slider-controller d-none d-md-flex justify-content-end">
<button type="button" class="prev"> <button type="button" class="prev">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
...@@ -145,100 +155,22 @@ if (isset($content) && is_array($content) && !empty($content)): ...@@ -145,100 +155,22 @@ if (isset($content) && is_array($content) && !empty($content)):
</button> </button>
</div> </div>
</div> </div>
<div class="gallery-slider-wrapper slide-up animate"> <div class="gallery-slider-wrapper slide-up">
<div class="gallery-slider owl-carousel owl-loaded owl-drag" id="ui-ux-gallery"> <div class="gallery-slider owl-carousel " id="ui-ux-gallery">
<?php foreach ($galleries_img as $gi => $img):
?>
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: 0.45s; width: 2096px;">
<div class="owl-item active" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-10.png">
<img decoding="async"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-10.png"
alt="" class="img-fluid">
</a>
</div>
</div>
<div class="owl-item active" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-11.png">
<img decoding="async"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-11.png"
alt="" class="img-fluid">
</a>
</div>
</div>
<div class="owl-item active" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-12.png">
<img decoding="async"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-12.png"
alt="" class="img-fluid">
</a>
</div>
</div>
<div class="owl-item active" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-13.png">
<img decoding="async"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-13.png"
alt="" class="img-fluid">
</a>
</div>
</div>
<div class="owl-item active" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-14.png">
<img decoding="async"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-14.png"
alt="" class="img-fluid">
</a>
</div>
</div>
<div class="owl-item active" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-15.png">
<img decoding="async"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-15.png"
alt="" class="img-fluid">
</a>
</div>
</div>
<div class="owl-item active" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-11.png">
<img decoding="async"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-11.png"
alt="" class="img-fluid">
</a>
</div>
</div>
<div class="owl-item" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item"> <div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-10.png"> <a data-src="<?php echo esc_url($img); ?>">
<img decoding="async" <img src="<?php echo esc_url($img); ?>" alt="<?php echo esc_attr($galleries_title) . $gi; ?>"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-10.png" class="img-fluid">
alt="" class="img-fluid">
</a> </a>
</div> </div>
</div> <?php endforeach; ?>
</div>
</div>
<div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><span
aria-label="Previous">‹</span></button><button type="button" role="presentation"
class="owl-next disabled"><span aria-label="Next">›</span></button></div>
<div class="owl-dots disabled"></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<?php endif; endif; endif; ?>
<!-- gallery --> <!-- gallery -->
</section> </section>
......
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