22

✏️ Editing: page-coming-soon-image-gallery.php

<?php
/**
 * Title: Coming Soon Image Gallery
 * Slug: woocommerce/page-coming-soon-image-gallery
 * 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'];

$featured_image_urls = array(
	plugins_url( 'assets/images/pattern-placeholders/gallery-1.jpg', WC_PLUGIN_FILE ),
	plugins_url( 'assets/images/pattern-placeholders/gallery-2.jpg', WC_PLUGIN_FILE ),
	plugins_url( 'assets/images/pattern-placeholders/gallery-3.jpg', WC_PLUGIN_FILE ),
	plugins_url( 'assets/images/pattern-placeholders/gallery-4.jpg', WC_PLUGIN_FILE ),
	plugins_url( 'assets/images/pattern-placeholders/gallery-5.jpg', WC_PLUGIN_FILE ),
	plugins_url( 'assets/images/pattern-placeholders/gallery-6.jpg', WC_PLUGIN_FILE ),
	plugins_url( 'assets/images/pattern-placeholders/gallery-7.jpg', WC_PLUGIN_FILE ),
	plugins_url( 'assets/images/pattern-placeholders/gallery-8.jpg', WC_PLUGIN_FILE ),
	plugins_url( 'assets/images/pattern-placeholders/gallery-9.jpg', WC_PLUGIN_FILE ),
	plugins_url( 'assets/images/pattern-placeholders/gallery-10.jpg', WC_PLUGIN_FILE ),
	plugins_url( 'assets/images/pattern-placeholders/gallery-11.jpg', WC_PLUGIN_FILE ),
	plugins_url( 'assets/images/pattern-placeholders/gallery-12.jpg', WC_PLUGIN_FILE ),
);
?>

<div class="wp-block-woocommerce-coming-soon woocommerce-coming-soon-image-gallery">

<div class="wp-block-group alignwide" style="padding-right:90px;padding-left:90px">
	
	<div class="wp-block-group alignwide woocommerce-coming-soon-header has-background" style="padding-top:26px;padding-right:0px;padding-bottom:14px;padding-left:0px">
			<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 alignwide">
			
			<div class="wp-block-group alignwide">
				
					<h1 class="wp-block-heading has-<?php echo esc_html( $heading_font_family ); ?>-font-family" style="padding-top:100px;padding-bottom:100px;font-size:48px;font-style:normal;font-weight:400;line-height:1.3"><em><?php echo esc_html__( 'Great things are coming soon', 'woocommerce' ); ?></em></h1>
				
			</div>
			
		</div>

<main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">

<div class="wp-block-group alignfull" style="padding-bottom:100px">
			
			<div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:0">
				
				<div class="wp-block-column">
					<?php if ( isset( $featured_image_urls[0] ) ) : ?>
					
					<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="<?php echo esc_url( $featured_image_urls[0] ); ?>" alt="" style="border-radius:14px"/></figure>
					
					
					<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
					</div>
					
					<?php endif ?>
					<?php if ( isset( $featured_image_urls[4] ) ) : ?>
					
					<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="<?php echo esc_url( $featured_image_urls[4] ); ?>" alt="" style="border-radius:14px"/></figure>
					
					
					<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
					</div>
					
					<?php endif ?>
					<?php if ( isset( $featured_image_urls[8] ) ) : ?>
					
					<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="<?php echo esc_url( $featured_image_urls[8] ); ?>" alt="" style="border-radius:14px"/></figure>
					
					
					<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
					</div>
					
					<?php endif ?>
				</div>

<div class="wp-block-column" style="padding-top:0">
					
					<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
					</div>

<?php if ( isset( $featured_image_urls[1] ) ) : ?>
					
					<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="<?php echo esc_url( $featured_image_urls[1] ); ?>" alt="" style="border-radius:14px"/></figure>
					
					
					<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
					</div>
					
					<?php endif ?>
					<?php if ( isset( $featured_image_urls[5] ) ) : ?>
					
					<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="<?php echo esc_url( $featured_image_urls[5] ); ?>" alt="" style="border-radius:14px"/></figure>
					
					
					<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
					</div>
					
					<?php endif ?>
					<?php if ( isset( $featured_image_urls[9] ) ) : ?>
					
					<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="<?php echo esc_url( $featured_image_urls[9] ); ?>" alt="" style="border-radius:14px"/></figure>
					
					
					<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
					</div>
					
					<?php endif ?>
				</div>

<div class="wp-block-column">
					<?php if ( isset( $featured_image_urls[2] ) ) : ?>
					
					<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="<?php echo esc_url( $featured_image_urls[2] ); ?>" alt="" style="border-radius:14px"/></figure>
					
					
					<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
					</div>
					
					<?php endif ?>
					<?php if ( isset( $featured_image_urls[6] ) ) : ?>
					
					<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="<?php echo esc_url( $featured_image_urls[6] ); ?>" alt="" style="border-radius:14px"/></figure>
					
					
					<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
					</div>
					
					<?php endif ?>
					<?php if ( isset( $featured_image_urls[10] ) ) : ?>
					
					<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="<?php echo esc_url( $featured_image_urls[10] ); ?>" alt="" style="border-radius:14px"/></figure>
					
					
					<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
					</div>
					
					<?php endif ?>
				</div>

<div class="wp-block-column">
					
					<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
					</div>
					
					<?php if ( isset( $featured_image_urls[3] ) ) : ?>
					
					<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="<?php echo esc_url( $featured_image_urls[3] ); ?>" alt="" style="border-radius:14px"/></figure>
					
					
					<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
					</div>
					
					<?php endif ?>
					<?php if ( isset( $featured_image_urls[7] ) ) : ?>
					
					<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="<?php echo esc_url( $featured_image_urls[7] ); ?>" alt="" style="border-radius:14px"/></figure>
					
					
					<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
					</div>
					
					<?php endif ?>
					<?php if ( isset( $featured_image_urls[11] ) ) : ?>
					
					<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="<?php echo esc_url( $featured_image_urls[11] ); ?>" alt="" style="border-radius:14px"/></figure>
					
					
					<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
					</div>
					
					<?php endif ?>
				</div>

</div>
			
		</div>

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

MR SKB