banner.php
7 months ago
coming-soon-entire-site.php
1 year ago
coming-soon-store-only.php
1 year ago
coming-soon.php
1 year ago
content-right-image-left.php
3 months ago
featured-category-cover-image.php
1 year ago
featured-category-triple.php
1 year ago
footer-large.php
1 year ago
footer-simple-menu.php
2 years ago
footer-with-3-menus.php
3 months ago
four-image-grid-content-left.php
3 months ago
header-centered-pattern.php
1 year ago
header-distraction-free.php
1 year ago
header-essential.php
1 year ago
header-large.php
1 year ago
header-minimal.php
1 year ago
heading-with-three-columns-of-content-with-link.php
3 months ago
hero-product-3-split.php
7 months ago
hero-product-chessboard.php
7 months ago
hero-product-split.php
7 months ago
intro-centered-content-with-image-below.php
3 months ago
just-arrived-full-hero.php
7 months ago
no-products-found-filters.php
1 year ago
no-products-found.php
2 years ago
page-coming-soon-default.php
1 year ago
page-coming-soon-image-gallery.php
1 year ago
page-coming-soon-minimal-left-image.php
1 year ago
page-coming-soon-modern-black.php
1 year ago
page-coming-soon-split-right-image.php
1 year ago
page-coming-soon-with-header-footer.php
3 months ago
product-collection-3-columns.php
11 months ago
product-collection-4-columns.php
11 months ago
product-collection-5-columns.php
11 months ago
product-collection-featured-products-5-columns.php
7 months ago
product-query-product-gallery.php
6 months ago
product-search-form.php
1 year ago
related-products.php
11 months ago
social-follow-us-in-social-media.php
3 months ago
testimonials-3-columns.php
1 year ago
testimonials-single.php
3 months ago
three-columns-with-images-and-content.php
3 months ago
page-coming-soon-split-right-image.php
62 lines
| 1 | <?php |
| 2 | /** |
| 3 | * Title: Coming Soon Split Right Image |
| 4 | * Slug: woocommerce/page-coming-soon-split-right-image |
| 5 | * Categories: WooCommerce |
| 6 | * Template Types: coming-soon |
| 7 | * Inserter: false |
| 8 | */ |
| 9 | |
| 10 | use Automattic\WooCommerce\Blocks\Templates\ComingSoonTemplate; |
| 11 | |
| 12 | $fonts = ComingSoonTemplate::get_font_families(); |
| 13 | $heading_font_family = $fonts['heading']; |
| 14 | $body_font_family = $fonts['body']; |
| 15 | $paragraph_font_family = isset( $fonts['paragraph'] ) ? $fonts['paragraph'] : null; |
| 16 | |
| 17 | $left_image = plugins_url( 'assets/images/pattern-placeholders/wheel-leaf-bicycle-bike-vehicle-spoke.jpg', WC_PLUGIN_FILE ); |
| 18 | $right_image = plugins_url( 'assets/images/pattern-placeholders/orange-wall-with-bicycle.jpg', WC_PLUGIN_FILE ); |
| 19 | |
| 20 | ?> |
| 21 | <!-- wp:woocommerce/coming-soon {"comingSoonPatternId":"page-coming-soon-split-right-image","className":"woocommerce-coming-soon-split-right-image","style":{"color":{"background":"#f9f9f9","text":"#000000"},"elements":{"link":{"color":{"text":"#000000"}}}}} --> |
| 22 | <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"> |
| 23 | <!-- wp:group {"style":{"dimensions":{"minHeight":"100vh"},"spacing":{"padding":{"top":"0px","bottom":"0px"},"blockGap":"0px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top","orientation":"vertical","justifyContent":"center"}} --> |
| 24 | <div class="wp-block-group" style="min-height:100vh;padding-top:0px;padding-bottom:0px"><!-- wp:group {"style":{"dimensions":{"minHeight":"117px"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} --> |
| 25 | <div class="wp-block-group" style="min-height:117px"><!-- wp:site-title {"textAlign":"center","style":{"typography":{"fontSize":"18px","letterSpacing":"2.7px","fontStyle":"normal","fontWeight":"400"}},"fontFamily":"<?php echo esc_attr( $body_font_family ); ?>"} /--></div> |
| 26 | <!-- /wp:group --> |
| 27 | |
| 28 | <!-- wp:columns {"className":"woocommerce-split-right-image-content","style":{"spacing":{"blockGap":{"top":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}},"layout":{"selfStretch":"fill","flexSize":null}}} --> |
| 29 | <div class="wp-block-columns woocommerce-split-right-image-content" style="margin-top:0px;margin-bottom:0px"><!-- wp:column {"verticalAlignment":"center","layout":{"type":"default"}} --> |
| 30 | <div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"layout":{"type":"constrained","contentSize":"259px"}} --> |
| 31 | <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"fontSize":"14px","letterSpacing":"2.1px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase"}},"fontFamily":"<?php echo esc_attr( $body_font_family ); ?>"} --> |
| 32 | <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> |
| 33 | <!-- /wp:heading --> |
| 34 | <!-- wp:group {"style":{"spacing":{"margin":{"top":"32px","bottom":"32px"}}},"layout":{"type":"constrained"}} --> |
| 35 | <div class="wp-block-group" style="margin-top:32px;margin-bottom:32px"> |
| 36 | <!-- wp:image {"id":33,"width":"259px","height":"285px","scale":"cover","sizeSlug":"full","linkDestination":"none"} --> |
| 37 | <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> |
| 38 | <!-- /wp:image --></div> |
| 39 | <!-- /wp:group --> |
| 40 | |
| 41 | <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"13px","lineHeight":"1.6","letterSpacing":"-0.13px","fontStyle":"normal","fontWeight":"400"},"color":{"text":"#2f2f2f"},"elements":{"link":{"color":{"text":"#2f2f2f"}}},"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> |
| 42 | <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> |
| 43 | <!-- /wp:paragraph --> |
| 44 | |
| 45 | <!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","bottom":"0px"},"margin":{"top":"24px","bottom":"32px"},"blockGap":"0"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"constrained","justifyContent":"center"}} --> |
| 46 | <div class="wp-block-group" style="margin-top:24px;margin-bottom:32px;padding-top:0px;padding-bottom:0px"><!-- wp:template-part {"slug":"coming-soon-social-links","theme":"woocommerce/woocommerce","tagName":"div","align":"center","className":"is-size-fit-content"} /--></div> |
| 47 | <!-- /wp:group --></div> |
| 48 | <!-- /wp:group --></div> |
| 49 | <!-- /wp:column --> |
| 50 | |
| 51 | <!-- wp:column {"verticalAlignment":"stretch","layout":{"type":"default"}} --> |
| 52 | <div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:cover {"url":"<?php echo esc_url( $right_image ); ?>","id":34,"dimRatio":0,"customOverlayColor":"#cd7550","isUserOverlayColor":false,"focalPoint":{"x":0.5,"y":0.8},"minHeight":100,"minHeightUnit":"%","isDark":false,"className":"woocommerce-split-right-image-cover","style":{"elements":{"link":{"color":{"text":"inherit"}}},"color":{"text":"inherit"},"spacing":{"padding":{"top":"126px","bottom":"126px","left":"76px","right":"75px"}}},"layout":{"type":"default"}} --> |
| 53 | <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"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","style":{"typography":{"fontSize":"75px","fontStyle":"normal","fontWeight":"400","lineHeight":"1.3"},"color":{"text":"#ffffff80"},"elements":{"link":{"color":{"text":"#ffffff80"}}}},"fontFamily":"<?php echo esc_attr( $heading_font_family ); ?>"} --> |
| 54 | <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> |
| 55 | <!-- /wp:paragraph --></div></div> |
| 56 | <!-- /wp:cover --></div> |
| 57 | <!-- /wp:column --></div> |
| 58 | <!-- /wp:columns --></div> |
| 59 | <!-- /wp:group --> |
| 60 | </div> |
| 61 | <!-- /wp:woocommerce/coming-soon --> |
| 62 |