Use the focal point on the frontend display

woocommerce · Apr 29, 2019 · fd41a32 · fd41a32
1 parent 2fc1f56
commit fd41a32
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/assets/php/class-wgpb-block-featured-product.php b/assets/php/class-wgpb-block-featured-product.php
@@ -31,6 +31,7 @@ class WGPB_Block_Featured_Product {
 		'align'        => 'none',
 		'contentAlign' => 'center',
 		'dimRatio'     => 50,
+		'focalPoint'   => false,
 		'height'       => false,
 		'mediaId'      => 0,
 		'mediaSrc'     => '',
@@ -118,6 +119,14 @@ public static function get_styles( $attributes, $product ) {
 			$style .= sprintf( 'min-height:%dpx;', intval( $attributes['height'] ) );
 		}
 
+		if ( isset( $attributes['focalPoint'] ) && 2 === count( $attributes['focalPoint'] ) ) {
+			$style .= sprintf(
+				'background-position: %s%% %s%%',
+				$attributes['focalPoint']['x'] * 100,
+				$attributes['focalPoint']['y'] * 100
+			);
+		}
+
 		return $style;
 	}