编辑文件

编辑文件：page-coming-soon-split-right-image.php

<?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>