Skip to content

M
makura-2025
Commit 0fa82c5c by rajshah
Options

done galleries block

parent e480cbe5
Showing with 46 additions and 114 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,125 +121,56 @@ if (isset($content) && is_array($content) && !empty($content)): ...@@ -120,125 +121,56 @@ 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)):
<div class="block-gallery makura-new mb-120"> $enable_galleries = $galleries['enable_galleries'];
<div class="container"> if ($enable_galleries && isset($enable_galleries)):
<div class="section-title slide-up animate"> $galleries_title = $galleries['galleries_title'] ?: '';
<div class="title"> $galleries_desc = $galleries['galleries_desc'] ?: '';
<h3>UI/UX Design Galleries</h3> $galleries_img = $galleries['galleries_img'] ?: [];
<p>Explore a collection of stunning and inspiring graphic design showcases.</p> if (isset($galleries_img) && is_array($galleries_img) && !empty($galleries_img)):
</div> ?>
<div class="slider-controller d-none d-md-flex justify-content-end"> <div class="block-gallery makura-new mb-120">
<button type="button" class="prev"> <div class="container">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <div class="section-title slide-up animate">
<path fill-rule="evenodd" clip-rule="evenodd" <?php if (!empty($galleries_title) || !empty($galleries_desc)): ?>
d="M13.6693 7.83341L3.5276 7.83341L8.18594 12.4917L7.0026 13.6667L0.335937 7.00008L7.0026 0.333413L8.1776 1.50841L3.5276 6.16675L13.6693 6.16675L13.6693 7.83341Z" <div class="title">
fill="#58595A"></path> <?php if (!empty($galleries_title)): ?>
</svg> <h3><?php echo $galleries_title; ?></h3><?php endif; ?>
</button> <?php echo $galleries_desc ?: ''; ?>
<button type="button" class="next"> </div><?php endif; ?>
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <div class="slider-controller d-none d-md-flex justify-content-end">
<path fill-rule="evenodd" clip-rule="evenodd" <button type="button" class="prev">
d="M0.33073 7.83341L10.4724 7.83341L5.81406 12.4917L6.9974 13.6667L13.6641 7.00008L6.9974 0.333413L5.8224 1.50841L10.4724 6.16675L0.33073 6.16675L0.33073 7.83341Z" <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
fill="#58595A"></path> <path fill-rule="evenodd" clip-rule="evenodd"
</svg> d="M13.6693 7.83341L3.5276 7.83341L8.18594 12.4917L7.0026 13.6667L0.335937 7.00008L7.0026 0.333413L8.1776 1.50841L3.5276 6.16675L13.6693 6.16675L13.6693 7.83341Z"
</button> fill="#58595A"></path>
</div> </svg>
</div> </button>
<div class="gallery-slider-wrapper slide-up animate"> <button type="button" class="next">
<div class="gallery-slider owl-carousel owl-loaded owl-drag" id="ui-ux-gallery"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.33073 7.83341L10.4724 7.83341L5.81406 12.4917L6.9974 13.6667L13.6641 7.00008L6.9974 0.333413L5.8224 1.50841L10.4724 6.16675L0.33073 6.16675L0.33073 7.83341Z"
fill="#58595A"></path>
</svg>
</button>
<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>
<div class="owl-item" style="width: 253.934px; margin-right: 8px;"> </div>
<div class="gallery-item"> <div class="gallery-slider-wrapper slide-up">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-10.png"> <div class="gallery-slider owl-carousel " id="ui-ux-gallery">
<img decoding="async" <?php foreach ($galleries_img as $gi => $img):
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-10.png" ?>
alt="" class="img-fluid"> <div class="gallery-item">
</a> <a data-src="<?php echo esc_url($img); ?>">
</div> <img src="<?php echo esc_url($img); ?>" alt="<?php echo esc_attr($galleries_title) . $gi; ?>"
class="img-fluid">
</a>
</div>
<?php endforeach; ?>
</div> </div>
</div> </div>
</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> <?php endif; endif; endif; ?>
</div>
</div>
<!-- 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