banner.php
9 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
4 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
4 months ago
four-image-grid-content-left.php
4 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
4 months ago
hero-product-3-split.php
9 months ago
hero-product-chessboard.php
9 months ago
hero-product-split.php
9 months ago
intro-centered-content-with-image-below.php
4 months ago
just-arrived-full-hero.php
9 months ago
no-products-found-filters.php
2 years 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
4 months ago
product-collection-3-columns.php
1 year ago
product-collection-4-columns.php
1 year ago
product-collection-5-columns.php
1 year ago
product-collection-featured-products-5-columns.php
9 months ago
product-query-product-gallery.php
7 months ago
product-search-form.php
2 years ago
related-products.php
1 year ago
social-follow-us-in-social-media.php
4 months ago
testimonials-3-columns.php
1 year ago
testimonials-single.php
4 months ago
three-columns-with-images-and-content.php
4 months ago
page-coming-soon-image-gallery.php
223 lines
| 1 | <?php |
| 2 | /** |
| 3 | * Title: Coming Soon Image Gallery |
| 4 | * Slug: woocommerce/page-coming-soon-image-gallery |
| 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 | |
| 16 | $featured_image_urls = array( |
| 17 | plugins_url( 'assets/images/pattern-placeholders/gallery-1.jpg', WC_PLUGIN_FILE ), |
| 18 | plugins_url( 'assets/images/pattern-placeholders/gallery-2.jpg', WC_PLUGIN_FILE ), |
| 19 | plugins_url( 'assets/images/pattern-placeholders/gallery-3.jpg', WC_PLUGIN_FILE ), |
| 20 | plugins_url( 'assets/images/pattern-placeholders/gallery-4.jpg', WC_PLUGIN_FILE ), |
| 21 | plugins_url( 'assets/images/pattern-placeholders/gallery-5.jpg', WC_PLUGIN_FILE ), |
| 22 | plugins_url( 'assets/images/pattern-placeholders/gallery-6.jpg', WC_PLUGIN_FILE ), |
| 23 | plugins_url( 'assets/images/pattern-placeholders/gallery-7.jpg', WC_PLUGIN_FILE ), |
| 24 | plugins_url( 'assets/images/pattern-placeholders/gallery-8.jpg', WC_PLUGIN_FILE ), |
| 25 | plugins_url( 'assets/images/pattern-placeholders/gallery-9.jpg', WC_PLUGIN_FILE ), |
| 26 | plugins_url( 'assets/images/pattern-placeholders/gallery-10.jpg', WC_PLUGIN_FILE ), |
| 27 | plugins_url( 'assets/images/pattern-placeholders/gallery-11.jpg', WC_PLUGIN_FILE ), |
| 28 | plugins_url( 'assets/images/pattern-placeholders/gallery-12.jpg', WC_PLUGIN_FILE ), |
| 29 | ); |
| 30 | ?> |
| 31 | |
| 32 | <!-- wp:woocommerce/coming-soon {"comingSoonPatternId":"page-coming-soon-image-gallery","className":"woocommerce-coming-soon-image-gallery"} --> |
| 33 | <div class="wp-block-woocommerce-coming-soon woocommerce-coming-soon-image-gallery"> |
| 34 | <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"right":"90px","left":"90px"}}},"layout":{"type":"constrained","contentSize":"1280px"}} --> |
| 35 | <div class="wp-block-group alignwide" style="padding-right:90px;padding-left:90px"> |
| 36 | <!-- wp:group {"align":"wide","className":"woocommerce-coming-soon-header has-background","style":{"spacing":{"padding":{"bottom":"14px","left":"0px","right":"0px","top":"26px"}}},"layout":{"type":"constrained"}} --> |
| 37 | <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"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} --> |
| 38 | <div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex"}} --> |
| 39 | <div class="wp-block-group"><!-- wp:site-logo {"width":60} /--> |
| 40 | |
| 41 | <!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} --> |
| 42 | <div class="wp-block-group"><!-- wp:site-title {"level":0,"style":{"typography":{"fontSize":"20px","letterSpacing":"0px"},"color":{"text":"#000000"},"elements":{"link":{"color":{"text":"#000000"}}}},"fontFamily":"<?php echo esc_html( $body_font_family ); ?>"} /--></div> |
| 43 | <!-- /wp:group --></div> |
| 44 | <!-- /wp:group --> |
| 45 | |
| 46 | <!-- wp:group {"className":"woocommerce-coming-soon-social-login","style":{"spacing":{"blockGap":"48px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> |
| 47 | <div class="wp-block-group woocommerce-coming-soon-social-login"><!-- wp:template-part {"slug":"coming-soon-social-links","theme":"woocommerce/woocommerce","tagName":"div"} /--> |
| 48 | |
| 49 | <!-- wp:loginout {"style":{"elements":{"link":{"color":{"text":"#ffffff"}}},"color":{"background":"#000000"},"spacing":{"padding":{"top":"12px","bottom":"12px","left":"16px","right":"16px"}},"typography":{"fontSize":"14px","lineHeight":"1.2"},"border":{"radius":"6px"}}, "fontFamily":"<?php echo esc_html( $body_font_family ); ?>"} /--></div> |
| 50 | <!-- /wp:group --></div> |
| 51 | <!-- /wp:group --></div> |
| 52 | <!-- /wp:group --> |
| 53 | |
| 54 | <!-- wp:group {"align":"wide","layout":{"type":"constrained"}} --> |
| 55 | <div class="wp-block-group alignwide"> |
| 56 | <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"100px","bottom":"100px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> |
| 57 | <div class="wp-block-group alignwide"> |
| 58 | <!-- wp:heading {"level":1,"style":{"typography":{"fontSize":"48px","lineHeight":"1.3","fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"top":"100px","bottom":"100px"}}},"fontFamily":"<?php echo esc_html( $heading_font_family ); ?>"} --> |
| 59 | <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> |
| 60 | <!-- /wp:heading --> |
| 61 | </div> |
| 62 | <!-- /wp:group --> |
| 63 | </div> |
| 64 | <!-- /wp:group --> |
| 65 | |
| 66 | <!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":"0","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"},"tagName":"main"} --> |
| 67 | <main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"> |
| 68 | |
| 69 | |
| 70 | <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"100px"}}},"layout":{"type":"constrained"}} --> |
| 71 | <div class="wp-block-group alignfull" style="padding-bottom:100px"> |
| 72 | <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}}} --> |
| 73 | <div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:0"> |
| 74 | <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> |
| 75 | <div class="wp-block-column"> |
| 76 | <?php if ( isset( $featured_image_urls[0] ) ) : ?> |
| 77 | <!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"14px"}}} --> |
| 78 | <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> |
| 79 | <!-- /wp:image --> |
| 80 | <!-- wp:spacer {"height":"var:preset|spacing|50"} --> |
| 81 | <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> |
| 82 | </div> |
| 83 | <!-- /wp:spacer --> |
| 84 | <?php endif ?> |
| 85 | <?php if ( isset( $featured_image_urls[4] ) ) : ?> |
| 86 | <!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"14px"}}} --> |
| 87 | <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> |
| 88 | <!-- /wp:image --> |
| 89 | <!-- wp:spacer {"height":"var:preset|spacing|50"} --> |
| 90 | <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> |
| 91 | </div> |
| 92 | <!-- /wp:spacer --> |
| 93 | <?php endif ?> |
| 94 | <?php if ( isset( $featured_image_urls[8] ) ) : ?> |
| 95 | <!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"14px"}}} --> |
| 96 | <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> |
| 97 | <!-- /wp:image --> |
| 98 | <!-- wp:spacer {"height":"var:preset|spacing|50"} --> |
| 99 | <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> |
| 100 | </div> |
| 101 | <!-- /wp:spacer --> |
| 102 | <?php endif ?> |
| 103 | </div> |
| 104 | <!-- /wp:column --> |
| 105 | |
| 106 | <!-- wp:column {"style":{"spacing":{"blockGap":"0","padding":{"top":"0"}}}} --> |
| 107 | <div class="wp-block-column" style="padding-top:0"> |
| 108 | <!-- wp:spacer {"height":"var:preset|spacing|50"} --> |
| 109 | <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> |
| 110 | </div> |
| 111 | <!-- /wp:spacer --> |
| 112 | |
| 113 | <?php if ( isset( $featured_image_urls[1] ) ) : ?> |
| 114 | <!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"14px"}}} --> |
| 115 | <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> |
| 116 | <!-- /wp:image --> |
| 117 | <!-- wp:spacer {"height":"var:preset|spacing|50"} --> |
| 118 | <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> |
| 119 | </div> |
| 120 | <!-- /wp:spacer --> |
| 121 | <?php endif ?> |
| 122 | <?php if ( isset( $featured_image_urls[5] ) ) : ?> |
| 123 | <!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"14px"}}} --> |
| 124 | <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> |
| 125 | <!-- /wp:image --> |
| 126 | <!-- wp:spacer {"height":"var:preset|spacing|50"} --> |
| 127 | <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> |
| 128 | </div> |
| 129 | <!-- /wp:spacer --> |
| 130 | <?php endif ?> |
| 131 | <?php if ( isset( $featured_image_urls[9] ) ) : ?> |
| 132 | <!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"14px"}}} --> |
| 133 | <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> |
| 134 | <!-- /wp:image --> |
| 135 | <!-- wp:spacer {"height":"var:preset|spacing|50"} --> |
| 136 | <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> |
| 137 | </div> |
| 138 | <!-- /wp:spacer --> |
| 139 | <?php endif ?> |
| 140 | </div> |
| 141 | <!-- /wp:column --> |
| 142 | |
| 143 | <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> |
| 144 | <div class="wp-block-column"> |
| 145 | <?php if ( isset( $featured_image_urls[2] ) ) : ?> |
| 146 | <!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"14px"}}} --> |
| 147 | <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> |
| 148 | <!-- /wp:image --> |
| 149 | <!-- wp:spacer {"height":"var:preset|spacing|50"} --> |
| 150 | <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> |
| 151 | </div> |
| 152 | <!-- /wp:spacer --> |
| 153 | <?php endif ?> |
| 154 | <?php if ( isset( $featured_image_urls[6] ) ) : ?> |
| 155 | <!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"14px"}}} --> |
| 156 | <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> |
| 157 | <!-- /wp:image --> |
| 158 | <!-- wp:spacer {"height":"var:preset|spacing|50"} --> |
| 159 | <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> |
| 160 | </div> |
| 161 | <!-- /wp:spacer --> |
| 162 | <?php endif ?> |
| 163 | <?php if ( isset( $featured_image_urls[10] ) ) : ?> |
| 164 | <!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"14px"}}} --> |
| 165 | <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> |
| 166 | <!-- /wp:image --> |
| 167 | <!-- wp:spacer {"height":"var:preset|spacing|50"} --> |
| 168 | <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> |
| 169 | </div> |
| 170 | <!-- /wp:spacer --> |
| 171 | <?php endif ?> |
| 172 | </div> |
| 173 | <!-- /wp:column --> |
| 174 | |
| 175 | <!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} --> |
| 176 | <div class="wp-block-column"> |
| 177 | <!-- wp:spacer {"height":"var:preset|spacing|50"} --> |
| 178 | <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> |
| 179 | </div> |
| 180 | <!-- /wp:spacer --> |
| 181 | <?php if ( isset( $featured_image_urls[3] ) ) : ?> |
| 182 | <!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"14px"}}} --> |
| 183 | <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> |
| 184 | <!-- /wp:image --> |
| 185 | <!-- wp:spacer {"height":"var:preset|spacing|50"} --> |
| 186 | <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> |
| 187 | </div> |
| 188 | <!-- /wp:spacer --> |
| 189 | <?php endif ?> |
| 190 | <?php if ( isset( $featured_image_urls[7] ) ) : ?> |
| 191 | <!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"14px"}}} --> |
| 192 | <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> |
| 193 | <!-- /wp:image --> |
| 194 | <!-- wp:spacer {"height":"var:preset|spacing|50"} --> |
| 195 | <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> |
| 196 | </div> |
| 197 | <!-- /wp:spacer --> |
| 198 | <?php endif ?> |
| 199 | <?php if ( isset( $featured_image_urls[11] ) ) : ?> |
| 200 | <!-- wp:image {"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"14px"}}} --> |
| 201 | <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> |
| 202 | <!-- /wp:image --> |
| 203 | <!-- wp:spacer {"height":"var:preset|spacing|50"} --> |
| 204 | <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"> |
| 205 | </div> |
| 206 | <!-- /wp:spacer --> |
| 207 | <?php endif ?> |
| 208 | </div> |
| 209 | <!-- /wp:column --> |
| 210 | |
| 211 | |
| 212 | </div> |
| 213 | <!-- /wp:columns --> |
| 214 | </div> |
| 215 | <!-- /wp:group --> |
| 216 | |
| 217 | </main> |
| 218 | <!-- /wp:group --> |
| 219 | </div> |
| 220 | <!-- /wp:group --> |
| 221 | </div> |
| 222 | <!-- /wp:woocommerce/coming-soon --> |
| 223 |