<?php

/**
 * Title: Product Grid Columns 2 with Featured Offer 
 * Slug: storemate/product-grid-with-featured-offer-two
 * Categories: storemate
 */
$storemate_url = trailingslashit(get_template_directory_uri());
$storemate_images = array(
    $storemate_url . 'assets/images/cat_headset.jpg',

);
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"className":"storemate-slide-up","layout":{"type":"constrained","contentSize":"1340px"}} -->
<div class="wp-block-group storemate-slide-up" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
    <div class="wp-block-group"><!-- wp:heading {"level":4,"fontSize":"large"} -->
        <h4 class="wp-block-heading has-large-font-size"><?php esc_html_e('Picks of the Week', 'storemate') ?></h4>
        <!-- /wp:heading -->

        <!-- wp:buttons -->
        <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"transparent","textColor":"heading-color","style":{"elements":{"link":{"color":{"text":"var:preset|color|heading-color"}}},"spacing":{"padding":{"left":"0","right":"0","top":"0","bottom":"0"}},"border":{"radius":"0px","bottom":{"color":"var:preset|color|heading-color","width":"2px"},"top":[],"right":[],"left":[]}},"className":"storemate-more-products is-style-button-hover-secondary-color"} -->
            <div class="wp-block-button storemate-more-products is-style-button-hover-secondary-color"><a class="wp-block-button__link has-heading-color-color has-transparent-background-color has-text-color has-background has-link-color wp-element-button" style="border-radius:0px;border-bottom-color:var(--wp--preset--color--heading-color);border-bottom-width:2px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><?php esc_html_e('View All', 'storemate') ?></a></div>
            <!-- /wp:button -->
        </div>
        <!-- /wp:buttons -->
    </div>
    <!-- /wp:group -->

    <!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"32px"}}}} -->
    <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"16px"}}} -->
        <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"className":"storemate-fade-up","layout":{"type":"constrained","contentSize":"1340px"}} -->
            <div class="wp-block-group storemate-fade-up" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:query {"queryId":3,"query":{"perPage":"4","pages":0,"offset":0,"postType":"product","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"__woocommerceAttributes":[],"__woocommerceStockStatus":["instock","outofstock","onbackorder"]},"namespace":"woocommerce/product-query"} -->
                <div class="wp-block-query"><!-- wp:post-template {"style":{"spacing":{"blockGap":"32px"}},"className":"products-block-post-template","layout":{"type":"grid","columnCount":2},"__woocommerceNamespace":"woocommerce/product-query/product-template"} -->
                    <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"className":"storemate-product-box","layout":{"type":"constrained"}} -->
                    <div class="wp-block-group storemate-product-box"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"14px"}}},"className":"storemate-product-image","layout":{"type":"constrained"}} -->
                        <div class="wp-block-group storemate-product-image" style="margin-bottom:14px"><!-- wp:woocommerce/product-sale-badge {"isDescendentOfQueryLoop":true,"className":"storemate-sales-bade"} /-->

                            <!-- wp:post-featured-image {"isLink":true,"height":"220px","style":{"border":{"radius":"0"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} /-->

                            <!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"1px"}}},"className":"storemate-product-buttons"} -->
                            <div class="wp-block-columns storemate-product-buttons"><!-- wp:column -->
                                <div class="wp-block-column"><!-- wp:woocommerce/product-button {"textAlign":"center","width":100,"isDescendentOfQueryLoop":true,"className":"storemate-cart-button","textColor":"light-color","fontSize":"small","style":{"elements":{"link":{"color":{"text":"var:preset|color|light-color"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"spacing":{"margin":{"top":"0","bottom":"0"}}}} /--></div>
                                <!-- /wp:column -->
                            </div>
                            <!-- /wp:columns -->
                        </div>
                        <!-- /wp:group -->

                        <!-- wp:post-terms {"term":"product_cat","textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|meta-color"},":hover":{"color":{"text":"var:preset|color|secondary"}}}},"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"x-small"} /-->

                        <!-- wp:post-title {"textAlign":"center","level":3,"isLink":true,"style":{"spacing":{"margin":{"left":"0","right":"0","bottom":"0px","top":"4px"}},"elements":{"link":{"color":{"text":"var:preset|color|heading-color"},":hover":{"color":{"text":"var:preset|color|secondary"}}}},"typography":{"fontSize":"18px"}},"__woocommerceNamespace":"woocommerce/product-query/product-title"} /-->

                        <!-- wp:woocommerce/product-rating {"isDescendentOfQueryLoop":true,"textAlign":"center","style":{"spacing":{"margin":{"top":"3px","bottom":"0px","left":"0","right":"0"}}}} /-->

                        <!-- wp:woocommerce/product-price {"isDescendentOfQueryLoop":true,"textAlign":"center","style":{"spacing":{"margin":{"top":"10px","bottom":"0","left":"0","right":"0"}}}} /-->
                    </div>
                    <!-- /wp:group -->
                    <!-- /wp:post-template -->

                    <!-- wp:query-no-results -->
                    <!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results."} -->
                    <p></p>
                    <!-- /wp:paragraph -->
                    <!-- /wp:query-no-results -->
                </div>
                <!-- /wp:query -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"width":"45%"} -->
        <div class="wp-block-column" style="flex-basis:45%"><!-- wp:cover {"url":"<?php echo esc_url($storemate_images[0]) ?>","id":4270,"dimRatio":10,"overlayColor":"border-dark-color","minHeight":700,"contentPosition":"bottom left","isDark":false,"style":{"spacing":{"padding":{"left":"30px","right":"30px","top":"24px","bottom":"24px"},"blockGap":"0rem"},"border":{"radius":"0"}},"className":"storemate-cover-hover storemate-category-box","layout":{"type":"constrained"}} -->
            <div class="wp-block-cover is-light has-custom-content-position is-position-bottom-left storemate-cover-hover storemate-category-box" style="border-radius:0;padding-top:24px;padding-right:30px;padding-bottom:24px;padding-left:30px;min-height:700px"><span aria-hidden="true" class="wp-block-cover__background has-border-dark-color-background-color has-background-dim-10 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-4270" alt="" src="<?php echo esc_url($storemate_images[0]) ?>" data-object-fit="cover" />
                <div class="wp-block-cover__inner-container"><!-- wp:buttons -->
                    <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"light-color","textColor":"dark-color","style":{"border":{"radius":"40px"},"elements":{"link":{"color":{"text":"var:preset|color|dark-color"}}}},"className":"storemate-cat-more is-style-button-hover-secondary-bgcolor"} -->
                        <div class="wp-block-button storemate-cat-more is-style-button-hover-secondary-bgcolor"><a class="wp-block-button__link has-dark-color-color has-light-color-background-color has-text-color has-background has-link-color wp-element-button" href="#" style="border-radius:40px"><?php esc_html_e('More', 'storemate') ?></a></div>
                        <!-- /wp:button -->
                    </div>
                    <!-- /wp:buttons -->

                    <!-- wp:heading {"textAlign":"left","level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|light-color"}}}},"textColor":"light-color","fontSize":"large"} -->
                    <h3 class="wp-block-heading has-text-align-left has-light-color-color has-text-color has-link-color has-large-font-size"><?php esc_html_e('Headphones', 'storemate') ?></h3>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"textAlign":"left","level":3,"style":{"elements":{"link":{"color":{"text":"var:preset|color|light-color"}}}},"textColor":"light-color","fontSize":"large"} -->
                    <h3 class="wp-block-heading has-text-align-left has-light-color-color has-text-color has-link-color has-large-font-size"><?php esc_html_e('Collection', 'storemate') ?></h3>
                    <!-- /wp:heading -->
                </div>
            </div>
            <!-- /wp:cover -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->