'none',
'contentAlign' => 'center',
'dimRatio' => 50,
'linkText' => false,
'mediaId' => 0,
'mediaSrc' => '',
'showDesc' => true,
'showPrice' => true,
);
/**
* Render the Featured Product block.
*
* @param array $attributes Block attributes. Default empty array.
* @param string $content Block content. Default empty string.
* @return string Rendered block type output.
*/
public static function render( $attributes, $content ) {
$id = (int) $attributes['productId'];
$product = wc_get_product( $id );
if ( ! $product ) {
return '';
}
$attributes = wp_parse_args( $attributes, self::$defaults );
if ( ! $attributes['linkText'] ) {
$attributes['linkText'] = __( 'Shop now', 'woo-gutenberg-products-block' );
}
$title = sprintf(
'%s
',
esc_html( $product->get_title() )
);
$desc_str = sprintf(
'%s
',
apply_filters( 'woocommerce_short_description', $product->get_short_description() )
);
$price_str = sprintf(
'%s
',
$product->get_price_html()
);
$link_str = sprintf(
'',
$product->get_permalink(),
/* translators: %s is product name */
sprintf( __( 'View product %s', 'woo-gutenberg-products-block' ), $product->get_name() ),
$attributes['linkText']
);
$output = sprintf( '', self::get_classes( $attributes ), self::get_styles( $attributes, $product ) );
$output .= $title;
if ( $attributes['showDesc'] ) {
$output .= $desc_str;
}
if ( $attributes['showPrice'] ) {
$output .= $price_str;
}
$output .= $link_str;
$output .= '
';
return $output;
}
/**
* Get the styles for the wrapper element (background image, color).
*
* @param array $attributes Block attributes. Default empty array.
* @param WC_Product $product Product object.
* @return string
*/
public static function get_styles( $attributes, $product ) {
$image_size = ( 'none' !== $attributes['align'] ) ? 'full' : 'large';
if ( $attributes['mediaId'] ) {
$image = wp_get_attachment_image_url( $attributes['mediaId'], $image_size );
} else {
$image = self::get_image( $product, $image_size );
}
if ( ! empty( $image ) ) {
$style = sprintf( 'background-image:url(%s);', esc_url( $image ) );
}
if ( isset( $attributes['customOverlayColor'] ) ) {
$style .= sprintf( 'background-color:%s;', esc_attr( $attributes['customOverlayColor'] ) );
}
return $style;
}
/**
* Get class names for the block container.
*
* @param array $attributes Block attributes. Default empty array.
* @return string
*/
public static function get_classes( $attributes ) {
$classes = array( 'wc-block-' . self::$block_name );
if ( isset( $attributes['align'] ) ) {
$classes[] = "align{$attributes['align']}";
}
if ( isset( $attributes['dimRatio'] ) && ( 0 !== $attributes['dimRatio'] ) ) {
$classes[] = 'has-background-dim';
if ( 50 !== $attributes['dimRatio'] ) {
$classes[] = 'has-background-dim-' . 10 * round( $attributes['dimRatio'] / 10 );
}
}
if ( isset( $attributes['contentAlign'] ) && 'center' !== $attributes['contentAlign'] ) {
$classes[] = "has-{$attributes['contentAlign']}-content";
}
if ( isset( $attributes['overlayColor'] ) ) {
$classes[] = "has-{$attributes['overlayColor']}-background-color";
}
return implode( $classes, ' ' );
}
/**
* Returns the main product image URL.
*
* @param WC_Product $product Product object.
* @param string $size Image size, defaults to 'full'.
* @return string
*/
public static function get_image( $product, $size = 'full' ) {
$image = '';
if ( $product->get_image_id() ) {
$image = wp_get_attachment_image_url( $product->get_image_id(), $size );
} elseif ( $product->get_parent_id() ) {
$parent_product = wc_get_product( $product->get_parent_id() );
if ( $parent_product ) {
$image = wp_get_attachment_image_url( $parent_product->get_image_id(), $size );
}
}
return $image;
}
}