woocommerce/plugins/woocommerce-blocks/patterns/just-arrived-full-hero.php

45 lines
2.0 KiB
PHP
Raw Normal View History

<?php
/**
Consistent Pattern Titles (https://github.com/woocommerce/woocommerce-blocks/pull/9814) * Update featured-category-cover-image.php * Update featured-category-focus.php * Update featured-category-triple.php * Update featured-products-5-cols.php * Update filters.php * Update footer-large-dark.php * Update footer-large.php * Update footer-simple-dark.php * Update footer-simple.php * Update footer-simple-menu-and-cart.php * Update footer-with-2-menus-dark.php * Update footer-with-2-menus.php * Update footer-with-3-menus.php * Update header-centered-search-pattern.php * Update header-essential-dark.php * Update header-essential.php * Update header-large-dark.php * Update header-large.php * Update header-minimal.php * Update hero-product-3-split.php * Update hero-product-chessboard.php * Update hero-product-split.php * Update just-arrived-full-hero.php * Update no-products-found.php * Update product-collections-featured-collection.php * Update product-collections-featured-collections.php * Update product-collections-newest-arrivals.php * Update product-details-listing.php * Update product-details-pattern.php * Update product-featured-2-columns.php * Update product-hero-2-col-2-row.php * Update product-hero.php * Update product-listing-with-gallery-and-description.php * Update product-query-1-1-image-4-column-products-row.php * Update product-query-3-column-product-row.php * Update product-query-4-column-product-row.php * Update product-query-large-image-product-gallery.php * Update product-query-minimal-5-column-products-row.php * Update product-query-minimal-product-list.php * Update product-query-product-gallery.php * Update product-query-product-list-with-1-1-images.php * Update product-query-product-list-with-full-product-description.php * Update product-search-form.php * Update shop-by-price.php * Update store-info-alt-image-and-text.php * Update testimonials-3-columns.php * Update testimonials-single.php * Create readme.md * Update featured-category-cover-image.php * Update featured-category-focus.php * Update featured-category-triple.php * Update featured-products-5-cols.php * Update filters.php * Update footer-large-dark.php * Update footer-large.php * Update testimonials-single.php * Update testimonials-3-columns.php * Update store-info-alt-image-and-text.php * Update shop-by-price.php * Update readme.md * Update product-search-form.php * Update product-query-product-list-with-full-product-description.php * Update product-query-product-list-with-1-1-images.php * Update product-query-product-gallery.php * Update product-query-minimal-product-list.php * Update footer-simple-dark.php * Update footer-simple-menu-and-cart.php * Update footer-simple.php * Update footer-with-2-menus-dark.php * Update footer-with-2-menus.php * Update footer-with-3-menus.php * Update product-query-minimal-5-column-products-row.php * Update product-query-large-image-product-gallery.php * Update product-query-4-column-product-row.php * Update product-query-3-column-product-row.php * Update product-query-1-1-image-4-column-products-row.php * Update product-listing-with-gallery-and-description.php * Update product-hero.php * Update product-hero-2-col-2-row.php * Update product-featured-2-columns.php * Update product-details-pattern.php * Update product-details-listing.php * Update product-collections-newest-arrivals.php * Update product-collections-featured-collections.php * Update product-collections-featured-collection.php * Update no-products-found.php * Update just-arrived-full-hero.php * Update hero-product-split.php * Update hero-product-chessboard.php * Update hero-product-3-split.php * Update header-minimal.php * Update header-large.php * Update header-large-dark.php * Update header-essential.php * Update header-essential-dark.php * Update header-centered-search-pattern.php * Update readme.md * Update and rename readme.md to README.md * Update patterns/README.md Co-authored-by: Karol Manijak <karol.manijak@automattic.com> --------- Co-authored-by: Karol Manijak <karol.manijak@automattic.com> Co-authored-by: Niels Lange <info@nielslange.de>
2023-06-21 07:50:12 +00:00
* Title: Just Arrived Full Hero
* Slug: woocommerce-blocks/just-arrived-full-hero
* Categories: WooCommerce
*/
use Automattic\WooCommerce\Blocks\Patterns\PatternsHelper;
$content = PatternsHelper::get_pattern_content( 'woocommerce-blocks/just-arrived-full-hero' );
$images = PatternsHelper::get_pattern_images( 'woocommerce-blocks/just-arrived-full-hero' );
$pattern_title = $content['titles'][0]['default'] ?? '';
$pattern_description = $content['descriptions'][0]['default'] ?? '';
$pattern_button = $content['buttons'][0]['default'] ?? '';
$pattern_image = PatternsHelper::get_image_url( $images, 0, 'images/pattern-placeholders/plant-in-vase.jpg' );
?>
<!-- wp:cover {"url":"<?php echo esc_url( $pattern_image ); ?>","dimRatio":30,"minHeight":739,"contentPosition":"center right","align":"wide","style":{"spacing":{"padding":{"right":"4em"}}}} -->
<div class="wp-block-cover alignwide has-custom-content-position is-position-center-right" style="padding-right:4em;min-height:739px">
<span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span>
<img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( $pattern_image ); ?>" data-object-fit="cover"/>
<div class="wp-block-cover__inner-container">
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:heading {"anchor":"just-arrived"} -->
<h2 class="wp-block-heading" id="just-arrived"><?php echo esc_html( $pattern_title ); ?></h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><?php echo esc_html( $pattern_description ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button -->
<div class="wp-block-button">
<a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( get_permalink( wc_get_page_id( 'shop' ) ) ); ?>"><?php echo esc_html( $pattern_button ); ?></a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div></div>
<!-- /wp:cover -->