File Manager

📁 Media Files

📁 .. (Parent Directory) 🔧 banner.php 🔧 coming-soon-entire-site.php 🔧 coming-soon-store-only.php 🔧 coming-soon.php 🔧 content-right-image-left.php 📋 error_log 🔧 featured-category-cover-image.php 🔧 featured-category-triple.php 🔧 footer-large.php 🔧 footer-simple-menu.php 🔧 footer-with-3-menus.php 🔧 four-image-grid-content-left.php 🔧 header-centered-pattern.php 🔧 header-distraction-free.php 🔧 header-essential.php 🔧 header-large.php 🔧 header-minimal.php 🔧 heading-with-three-columns-of-content-with-link.php 🔧 hero-product-3-split.php 🔧 hero-product-chessboard.php 🔧 hero-product-split.php 🔧 intro-centered-content-with-image-below.php 🔧 just-arrived-full-hero.php 🔧 no-products-found-filters.php 🔧 no-products-found.php 🔧 page-coming-soon-default.php 🔧 page-coming-soon-image-gallery.php 🔧 page-coming-soon-minimal-left-image.php 🔧 page-coming-soon-modern-black.php 🔧 page-coming-soon-split-right-image.php 🔧 page-coming-soon-with-header-footer.php 🔧 product-collection-3-columns.php 🔧 product-collection-4-columns.php 🔧 product-collection-5-columns.php 🔧 product-collection-featured-products-5-columns.php 🔧 product-query-product-gallery.php 🔧 product-search-form.php 🔧 related-products.php 🔧 social-follow-us-in-social-media.php 🔧 testimonials-3-columns.php 🔧 testimonials-single.php 🔧 three-columns-with-images-and-content.php

⬆️ Upload Files

📁 Create Folder

📄 Create File

💻 Terminal

📦 Extract Archive

🔧 Edit: page-coming-soon-split-right-image.php

PHP

Size: 7.11 KB | Modified: 2026-01-02 07:47:30

<?php
/**
 * Title: Coming Soon Split Right Image
 * Slug: woocommerce/page-coming-soon-split-right-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;

$left_image  = plugins_url( 'assets/images/pattern-placeholders/wheel-leaf-bicycle-bike-vehicle-spoke.jpg', WC_PLUGIN_FILE );
$right_image = plugins_url( 'assets/images/pattern-placeholders/orange-wall-with-bicycle.jpg', WC_PLUGIN_FILE );

?>

<div class="wp-block-woocommerce-coming-soon woocommerce-coming-soon-split-right-image has-text-color has-background has-link-color" style="color:#000000;background-color:#f9f9f9">
	
	<div class="wp-block-group" style="min-height:100vh;padding-top:0px;padding-bottom:0px">
		<div class="wp-block-group" style="min-height:117px"></div>

<div class="wp-block-columns woocommerce-split-right-image-content" style="margin-top:0px;margin-bottom:0px">
			<div class="wp-block-column is-vertically-aligned-center">
				<div class="wp-block-group">
					<h1 class="wp-block-heading has-text-align-center has-<?php echo esc_attr( $body_font_family ); ?>-font-family" style="font-size:14px;font-style:normal;font-weight:700;letter-spacing:2.1px;text-transform:uppercase"><?php echo esc_html_x( 'opening soon', 'Used in the heading of the coming soon page', 'woocommerce' ); ?></h1>
					
					
					<div class="wp-block-group" style="margin-top:32px;margin-bottom:32px">
						
						<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( $left_image ); ?>" alt="" class="wp-image-33" style="object-fit:cover;width:259px;height:285px"/></figure>
						</div>

<p class="has-text-align-center has-text-color has-link-color<?php echo $paragraph_font_family ? ' has-' . esc_attr( $paragraph_font_family ) . '-font-family' : ''; ?>" style="color:#2f2f2f;margin-top:0px;margin-bottom:0px;font-size:13px;font-style:normal;font-weight:400;letter-spacing:-0.13px;line-height:1.6"><?php echo esc_html_x( 'Dedicated to providing top-quality bikes, accessories, and expert advice for riders of all experience levels. Stay tuned.', 'Used in the paragraph of the coming soon page', 'woocommerce' ); ?></p>

<div class="wp-block-group" style="margin-top:24px;margin-bottom:32px;padding-top:0px;padding-bottom:0px"></div>
					</div>
				</div>

<div class="wp-block-column is-vertically-aligned-stretch">
				<div class="wp-block-cover has-text-color has-link-color is-light woocommerce-split-right-image-cover" style="padding-top:126px;padding-right:75px;padding-bottom:126px;padding-left:76px;min-height:100%;color:inherit"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#cd7550"></span><img class="wp-block-cover__image-background wp-image-34" alt="" src="<?php echo esc_url( $right_image ); ?>" style="object-position:50% 80%" data-object-fit="cover" data-object-position="50% 80%"/><div class="wp-block-cover__inner-container">
					<p class="has-text-align-center has-text-color has-link-color has-<?php echo esc_attr( $heading_font_family ); ?>-font-family" style="color:#ffffff80;font-size:75px;font-style:normal;font-weight:400;line-height:1.3"><em><?php echo esc_html_x( 'Where cycling dreams take flight.', 'Used in the heading of the coming soon page', 'woocommerce' ); ?></em></p>
					</div></div>
				</div>
			</div>
		</div>
	
</div>

Supports: PHP, ASPX, HTML, JavaScript, CSS and other text-based files

📥 Download

File manager