2023-07-26 15:56:54 +00:00
< ? php
/**
2023-08-31 20:55:38 +00:00
* Title : Social : Follow us on social media
2023-07-26 15:56:54 +00:00
* Slug : woocommerce - blocks / social - follow - us - in - social - media
* Categories : WooCommerce
*/
2023-09-19 07:05:44 +00:00
2023-09-25 09:48:52 +00:00
use Automattic\WooCommerce\Blocks\Patterns\PatternsHelper ;
$content = PatternsHelper :: get_pattern_content ( 'woocommerce-blocks/social-follow-us-in-social-media' );
$images = PatternsHelper :: get_pattern_images ( 'woocommerce-blocks/social-follow-us-in-social-media' );
2023-09-19 07:05:44 +00:00
2023-09-25 09:48:52 +00:00
$image1 = PatternsHelper :: get_image_url ( $images , 0 , 'images/pattern-placeholders/office.png' );
$image2 = PatternsHelper :: get_image_url ( $images , 1 , 'images/pattern-placeholders/living-room.png' );
$image3 = PatternsHelper :: get_image_url ( $images , 2 , 'images/pattern-placeholders/living-room-sofa.png' );
$image4 = PatternsHelper :: get_image_url ( $images , 3 , 'images/pattern-placeholders/dining-room.png' );
2023-07-26 15:56:54 +00:00
?>
2023-09-19 07:05:44 +00:00
2023-07-26 15:56:54 +00:00
<!-- wp : columns { " verticalAlignment " : null , " align " : " wide " } -->
< div class = " wp-block-columns alignwide " >
2023-08-31 20:55:38 +00:00
<!-- wp : column { " verticalAlignment " : " bottom " , " width " : " 75% " , " layout " : { " type " : " constrained " }} -->
< div class = " wp-block-column is-vertically-aligned-bottom " style = " flex-basis:75% " >
2023-07-26 15:56:54 +00:00
<!-- wp : heading { " level " : 3 , " align " : " wide " } -->
2023-09-25 09:48:52 +00:00
< h3 class = " wp-block-heading alignwide " >< ? php echo esc_html ( $content [ 'titles' ][ 0 ][ 'default' ] ); ?> </h3>
2023-07-26 15:56:54 +00:00
<!-- / wp : heading --></ div >
<!-- / wp : column -->
2023-08-31 20:55:38 +00:00
<!-- wp : column { " verticalAlignment " : " center " , " width " : " 25% " } -->
< div class = " wp-block-column is-vertically-aligned-center " style = " flex-basis:25% " >
<!-- wp : social - links { " iconColor " : " contrast " , " openInNewTab " : true , " style " : { " spacing " : { " blockGap " : { " top " : " 0 " }}}, " className " : " is-style-logos-only " , " layout " : { " type " : " flex " , " justifyContent " : " space-between " , " orientation " : " horizontal " }} -->
2023-07-26 15:56:54 +00:00
< ul class = " wp-block-social-links has-icon-color is-style-logos-only " >
<!-- wp : social - link { " url " : " <?php echo esc_url( 'https://twitter.com/' ); ?> " , " service " : " twitter " } /-->
<!-- wp : social - link { " url " : " <?php echo esc_url( 'https://www.instagram.com/' ); ?> " , " service " : " instagram " } /-->
<!-- wp : social - link { " url " : " <?php echo esc_url( 'https://www.facebook.com/' ); ?> " , " service " : " facebook " } /-->
<!-- wp : social - link { " url " : " <?php echo esc_url( 'https://www.twitch.tv/' ); ?> " , " service " : " twitch " } /-->
</ ul >
<!-- / wp : social - links -->
</ div >
<!-- / wp : column -->
</ div >
<!-- / wp : columns -->
<!-- wp : columns { " align " : " wide " , " style " : { " spacing " : { " margin " : { " top " : " var:preset|spacing|40 " , " bottom " : " var:preset|spacing|40 " }}}} -->
< div class = " wp-block-columns alignwide " style = " margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40) " >
<!-- wp : column -->
< div class = " wp-block-column " >
<!-- wp : image { " sizeSlug " : " large " , " linkDestination " : " none " } -->
< figure class = " wp-block-image size-large " >
2023-09-19 07:05:44 +00:00
< img src = " <?php echo esc_url( $image1 ); ?> " alt = " <?php esc_attr_e( 'Placeholder image used to represent products being showcased under the social media icons. 1 out of 4.', 'woo-gutenberg-products-block' ); ?> " />
2023-07-26 15:56:54 +00:00
</ figure >
<!-- / wp : image -->
</ div >
<!-- / wp : column -->
<!-- wp : column -->
< div class = " wp-block-column " >
<!-- wp : image { " sizeSlug " : " large " , " linkDestination " : " none " } -->
< figure class = " wp-block-image size-large " >
2023-09-19 07:05:44 +00:00
< img src = " <?php echo esc_url( $image2 ); ?> " alt = " <?php esc_attr_e( 'Placeholder image used to represent products being showcased under the social media icons. 2 out of 4.', 'woo-gutenberg-products-block' ); ?> " />
2023-07-26 15:56:54 +00:00
</ figure >
<!-- / wp : image -->
</ div >
<!-- / wp : column -->
<!-- wp : column -->
< div class = " wp-block-column " >
<!-- wp : image { " sizeSlug " : " large " , " linkDestination " : " none " } -->
< figure class = " wp-block-image size-large " >
2023-09-19 07:05:44 +00:00
< img src = " <?php echo esc_url( $image3 ); ?> " alt = " <?php esc_attr_e( 'Placeholder image used to represent products being showcased under the social media icons. 3 out of 4.', 'woo-gutenberg-products-block' ); ?> " />
2023-07-26 15:56:54 +00:00
</ figure >
<!-- / wp : image -->
</ div >
<!-- / wp : column -->
<!-- wp : column -->
< div class = " wp-block-column " >
<!-- wp : image { " sizeSlug " : " large " , " linkDestination " : " none " } -->
< figure class = " wp-block-image size-large " >
2023-09-19 07:05:44 +00:00
< img src = " <?php echo esc_url( $image4 ); ?> " alt = " <?php esc_attr_e( 'Placeholder image used to represent products being showcased under the social media icons. 4 out of 4.', 'woo-gutenberg-products-block' ); ?> " />
2023-07-26 15:56:54 +00:00
</ figure >
<!-- / wp : image -->
</ div >
<!-- / wp : column -->
</ div >
<!-- / wp : columns -->
