22

✏️ Editing: page-coming-soon-minimal-left-image.php

<?php
/**
 * Title: Coming Soon Minimal Left Image
 * Slug: woocommerce/page-coming-soon-minimal-left-image
 * Categories: WooCommerce
 * Template Types: coming-soon
 * Inserter: false
 */

use Automattic\WooCommerce\Blocks\Templates\ComingSoonTemplate;

$fonts                 = ComingSoonTemplate::get_font_families();
$heading_font_family   = $fonts['heading'];
$body_font_family      = $fonts['body'];
$paragraph_font_family = isset( $fonts['paragraph'] ) ? $fonts['paragraph'] : null;

$default_image = plugins_url( 'assets/images/pattern-placeholders/green-glass-jars-on-stairs.jpg', WC_PLUGIN_FILE );

$site_tagline = get_bloginfo( 'description' );

// If the site tagline is empty, use a default copy. Otherwise, use the site tagline.
$store_description = ! empty( $site_tagline )
	? $site_tagline
	: sprintf(
		/* translators: %s: Site name. */
		__( '%s transforms your home with our curated collection of home decor, bringing inspiration and style to every corner.', 'woocommerce' ),
		get_bloginfo( 'name' )
	);

?>

<div class="wp-block-woocommerce-coming-soon woocommerce-coming-soon-default woocommerce-coming-soon-minimal-left-image has-text-color has-background has-link-color" style="color:#000000;background-color:#f9f9f9">
<div class="wp-block-cover coming-soon-is-vertically-aligned-center coming-soon-cover has-text-color has-link-color" style="color:inherit;padding-top:0px;padding-right:24px;padding-bottom:0px;padding-left:24px;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:transparent"></span><div class="wp-block-cover__inner-container">
<div class="wp-block-group alignfull" style="min-height:100vh">
<div class="wp-block-group alignwide woocommerce-coming-soon-header has-background" style="padding-top:26px;padding-bottom:14px">
<div class="wp-block-group alignwide">
<div class="wp-block-group">

<div class="wp-block-group"></div>
</div>

<div class="wp-block-group woocommerce-coming-soon-social-login">

</div>
</div>
</div>

<div class="wp-block-group alignfull woocommerce-coming-soon-minimal-left-image__content" style="margin-top:120px;margin-bottom:120px;padding-top:0;padding-bottom:0">
<div class="wp-block-group">
<div class="wp-block-columns alignfull" style="margin-top:0px;margin-bottom:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-vertically-aligned-bottom woocommerce-coming-soon-minimal-left-image__content-image" style="flex-basis:481px">
<figure class="wp-block-image has-custom-border"><img src="<?php echo esc_url( $default_image ); ?>" alt="Decorative Image" style="border-radius:16px;aspect-ratio:481/576;object-fit:cover"/></figure>
</div>

<div class="wp-block-column is-vertically-aligned-stretch woocommerce-coming-soon-minimal-left-image__content-text" style="padding-top:53px;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:453px">
<div class="wp-block-group" style="min-height:100%">
<h1 class="wp-block-heading is-style-default has-<?php echo esc_html( $heading_font_family ); ?>-font-family" style="margin-bottom:var(--wp--preset--spacing--30);font-size:38px;line-height:1.19"><?php echo esc_html__( 'Something big is brewing! Our store is in the works – Launching shortly!', 'woocommerce' ); ?></h1>

<div class="wp-block-group">
<p class="has-<?php echo esc_html( $paragraph_font_family ?? '' ); ?>-font-family" style="letter-spacing:0px;line-height:1.6"><?php echo esc_html( $store_description ); ?></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div>

</div>

MR SKB