| Server IP : 51.79.230.26 / Your IP : 216.73.217.128 Web Server : LiteSpeed System : Linux sg2.exonhost.com 5.14.0-611.55.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue May 19 15:19:29 EDT 2026 x86_64 User : mukutpub ( 1151) PHP Version : 8.2.33 Disable Function : eval, show_source, system, shell_exec, passthru, exec, popen, proc_open, allow_url_fopen, symlink, mail MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/mukutpub/joldhi.com/wp-content/themes/fse-ecommerce/patterns/ |
Upload File : |
<?php
/**
* Title: Featured Collection Grid
* Slug: fse-ecommerce/featured-collection
* Description: A modern, asymmetric grid displaying a featured collection. Features a large highlight image on the left and a 2x2 grid of smaller images on the right.
* Categories: fse-ecommerce/patterns-cat, featured, images, banner
* Keywords: collection, grid, gallery, modern, showcase, lookbook, ecommerce, shop
*/
?>
<?php
$fse_ec_shop_url = function_exists( 'wc_get_page_permalink' ) ? wc_get_page_permalink( 'shop' ) : home_url( '/shop' );
$fse_ec_theme_uri = get_stylesheet_directory_uri();
?>
<!-- wp:group {"align":"full","style":{"color":{"background":"#f9f9f9"},"spacing":{"padding":{"top":"80px","bottom":"80px","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#f9f9f9;padding-top:80px;padding-bottom:80px;padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<!-- wp:group {"style":{"spacing":{"margin":{"bottom":"40px"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wp-block-group" style="margin-bottom:40px">
<!-- wp:group {"layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px","fontWeight":"700","letterSpacing":"4px","textTransform":"uppercase"},"color":{"text":"#f66f66"},"spacing":{"margin":{"bottom":"0px"}}}} -->
<p style="color:#f66f66;font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase;margin-bottom:0px"><?php esc_html_e( 'Curated For You', 'fse-ecommerce' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":2,"style":{"typography":{"fontSize":"clamp(1.6rem, 3.5vw, 2.4rem)","fontWeight":"800"},"spacing":{"margin":{"top":"8px","bottom":"0px"}},"color":{"text":"#1a1a1a"}}} -->
<h2 class="wp-block-heading has-text-color" style="color:#1a1a1a;margin-top:8px;margin-bottom:0px;font-size:clamp(1.6rem, 3.5vw, 2.4rem);font-weight:800"><?php esc_html_e( 'New Collection', 'fse-ecommerce' ); ?></h2>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"className":"is-style-outline","style":{"typography":{"fontSize":"0.95rem","fontWeight":"600"},"border":{"radius":"50px","color":"#f66f66","width":"2px"},"color":{"text":"#f66f66"},"spacing":{"padding":{"top":"11px","bottom":"11px","left":"30px","right":"30px"}}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color has-border-color has-custom-font-size wp-element-button" href="<?php echo esc_url( $fse_ec_shop_url ); ?>" style="border-color:#f66f66;border-width:2px;border-radius:50px;color:#f66f66;padding-top:11px;padding-right:30px;padding-bottom:11px;padding-left:30px;font-size:0.95rem;font-weight:600"><?php esc_html_e( 'Shop All', 'fse-ecommerce' ); ?></a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"24px","left":"24px"}}}} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:cover {"url":"<?php echo esc_url( $fse_ec_theme_uri ); ?>/assets/images/category-fashion.webp","dimRatio":30,"customOverlayColor":"#f66f66","isUserOverlayColor":true,"minHeight":640,"minHeightUnit":"px","style":{"border":{"radius":"24px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover" style="border-radius:24px;min-height:640px">
<span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim" style="background-color:#f66f66"></span>
<img class="wp-block-cover__image-background" alt="<?php esc_attr_e( 'Fashion Collection', 'fse-ecommerce' ); ?>" src="<?php echo esc_url( $fse_ec_theme_uri ); ?>/assets/images/category-fashion.webp" data-object-fit="cover"/>
<div class="wp-block-cover__inner-container">
<!-- wp:group {"style":{"spacing":{"padding":{"top":"32px","right":"32px","bottom":"32px","left":"32px"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} -->
<div class="wp-block-group" style="padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.85rem","fontWeight":"700","letterSpacing":"2px","textTransform":"uppercase"},"color":{"background":"#ffffff","text":"#1a1a1a"},"border":{"radius":"50px"},"spacing":{"padding":{"top":"8px","bottom":"8px","left":"20px","right":"20px"}}}} -->
<p class="has-text-color has-background" style="background-color:#ffffff;color:#1a1a1a;border-radius:50px;font-size:0.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding-top:8px;padding-right:20px;padding-bottom:8px;padding-left:20px"><?php esc_html_e( 'Trending', 'fse-ecommerce' ); ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"2.4rem","fontWeight":"800"},"color":{"text":"#ffffff"},"spacing":{"margin":{"bottom":"0px"}}}} -->
<h3 class="wp-block-heading has-text-color" style="color:#ffffff;margin-bottom:0px;font-size:2.4rem;font-weight:800"><?php esc_html_e( 'Coral Style', 'fse-ecommerce' ); ?></h3>
<!-- /wp:heading -->
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"className":"is-style-fill","style":{"typography":{"fontSize":"0.95rem","fontWeight":"600"},"border":{"radius":"50px"},"color":{"background":"#ffffff","text":"#1a1a1a"},"spacing":{"padding":{"top":"12px","bottom":"12px","left":"28px","right":"28px"}}}} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-text-color has-background has-custom-font-size wp-element-button" href="<?php echo esc_url( $fse_ec_shop_url ); ?>" style="border-radius:50px;color:#1a1a1a;background-color:#ffffff;padding-top:12px;padding-right:28px;padding-bottom:12px;padding-left:28px;font-size:0.95rem;font-weight:600"><?php esc_html_e( 'Shop the Look', 'fse-ecommerce' ); ?></a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:cover {"url":"<?php echo esc_url( $fse_ec_theme_uri ); ?>/assets/images/category-home.webp","dimRatio":30,"customOverlayColor":"#f66f66","isUserOverlayColor":true,"minHeight":640,"minHeightUnit":"px","style":{"border":{"radius":"24px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover" style="border-radius:24px;min-height:640px">
<span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim" style="background-color:#f66f66"></span>
<img class="wp-block-cover__image-background" alt="<?php esc_attr_e( 'Fashion Collection', 'fse-ecommerce' ); ?>" src="<?php echo esc_url( $fse_ec_theme_uri ); ?>/assets/images/category-home.webp" data-object-fit="cover"/>
<div class="wp-block-cover__inner-container">
<!-- wp:group {"style":{"spacing":{"padding":{"top":"32px","right":"32px","bottom":"32px","left":"32px"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} -->
<div class="wp-block-group" style="padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.85rem","fontWeight":"700","letterSpacing":"2px","textTransform":"uppercase"},"color":{"background":"#ffffff","text":"#1a1a1a"},"border":{"radius":"50px"},"spacing":{"padding":{"top":"8px","bottom":"8px","left":"20px","right":"20px"}}}} -->
<p class="has-text-color has-background" style="background-color:#ffffff;color:#1a1a1a;border-radius:50px;font-size:0.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding-top:8px;padding-right:20px;padding-bottom:8px;padding-left:20px"><?php esc_html_e( 'Trending', 'fse-ecommerce' ); ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"2.4rem","fontWeight":"800"},"color":{"text":"#ffffff"},"spacing":{"margin":{"bottom":"0px"}}}} -->
<h3 class="wp-block-heading has-text-color" style="color:#ffffff;margin-bottom:0px;font-size:2.4rem;font-weight:800"><?php esc_html_e( 'Urban Style', 'fse-ecommerce' ); ?></h3>
<!-- /wp:heading -->
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"className":"is-style-fill","style":{"typography":{"fontSize":"0.95rem","fontWeight":"600"},"border":{"radius":"50px"},"color":{"background":"#ffffff","text":"#1a1a1a"},"spacing":{"padding":{"top":"12px","bottom":"12px","left":"28px","right":"28px"}}}} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-text-color has-background has-custom-font-size wp-element-button" href="<?php echo esc_url( $fse_ec_shop_url ); ?>" style="border-radius:50px;color:#1a1a1a;background-color:#ffffff;padding-top:12px;padding-right:28px;padding-bottom:12px;padding-left:28px;font-size:0.95rem;font-weight:600"><?php esc_html_e( 'Shop the Look', 'fse-ecommerce' ); ?></a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->