if ($bg_output) {
return sprintf(
'
',
esc_url($secondary_image_url)
);
} else {
return wp_get_attachment_image($secondary_image_id, $size, false, [
'class' => 'ui-e-post-img ui-e-post-img-secondary'
]);
}
}
function get_product_title($product)
{
if ( $this->is_option('title', 'yes', '!==') ) {
return;
}
?>
get_name()); ?>
get_settings_for_display('excerpt') ) {
return;
}
$summary = $product->get_short_description();
// Get product description if no summary
if( empty($summary) ) {
$summary = $product->get_description();
}
// returns if no description also
if( empty($summary) ) {
return;
}
?>
get_settings_for_display();
$can_purchase = $product->is_purchasable();
$button_classes = 'elementor-button ui-e-readmore ';
// Get purchase button text
if($can_purchase){
// Direct add to cart text
if($product->is_type('simple')){
$button_text = empty($settings['text'])
? $product->add_to_cart_text()
: $settings['text'];
// Select options text
} else {
$button_text = empty($settings['variations_text'])
? $product->add_to_cart_text()
: $settings['variations_text'];
}
// Unpurchasable product text
} else {
$button_text = empty($settings['unavailable_text'])
? $product->add_to_cart_text()
: $settings['unavailable_text'];
}
// Render att slugs
$button_slug = 'button_'.$index;
$content_slug = 'content-wrapper_'.$index;
$icon_slug = 'icon_'.$index;
$text_slug = 'text_'.$index;
// Only simple products should be ajax added to cart for UX purposes.
// Update button classes and adds all atts used by woo on product ajax add to cart.
if( $can_purchase && $product->is_type('simple') ){
$button_classes .= 'button product_type_simple add_to_cart_button ajax_add_to_cart';
$this->add_render_attribute($button_slug, [
'data-quantity' => '1',
'aria-describedby' => 'woocommerce_loop_add_to_cart_link_describedby_' . $product->get_id(),
'data-product_id' => $product->get_id(),
'data-product_sku' => $product->get_sku(),
'aria-label' => sprintf( __('Add to cart: “%s”', 'uicore-elements'), $product->get_name() ),
'data-success-message' => sprintf( __('“%s” has been added to your cart', 'uicore-elements'), $product->get_name() ),
]);
}
// Button and wrapper classes
$this->add_render_attribute($button_slug, 'class', $button_classes);
$this->add_render_attribute($content_slug, 'class', 'elementor-button-content-wrapper');
if (!empty($settings['hover_animation'])) {
$this->add_render_attribute($button_slug, 'class', 'elementor-animation-' . $settings['hover_animation']);
}
$btn_classes = isset($settings['icon_align'])
? ['elementor-button-icon', 'elementor-align-icon-' . $settings['icon_align'] ]
: 'elementor-button-icon';
// Button text and icon classes
$this->add_render_attribute([
$icon_slug => [
'class' => $btn_classes
],
$text_slug => [
'class' => 'elementor-button-text',
],
]);
// Icon alignment
if( isset($settings['icon_align']) ){
$this->add_render_attribute($content_slug, 'class', 'elementor-button-content');
}
$tbn_content = '
get_render_attribute_string($content_slug) . '>';
if (!empty($settings['icon']) || !empty($settings['selected_icon']['value'])) {
$tbn_content .= 'get_render_attribute_string($icon_slug) . '>';
\ob_start();
Icons_Manager::render_icon($settings['selected_icon'], ['aria-hidden' => 'true']);
$tbn_content .= \ob_get_clean();
$tbn_content .= '';
}
$tbn_content .= 'get_render_attribute_string( $text_slug) . '>';
$tbn_content .= $button_text;
$tbn_content .= ' ';
// WooCommerce add to cart button
//phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
echo Helper::esc_svg(apply_filters(
'woocommerce_loop_add_to_cart_link', // WPCS: XSS ok.
sprintf(
'
%3$s ',
esc_url($product->add_to_cart_url()),
//phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
$this->get_render_attribute_string($button_slug),
//phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
Helper::esc_svg($tbn_content)
),
wp_kses_post($product)
));
}
/**
* Renders a product item with various settings and options.
* Important: any changes here should also be considered to `TRAIT_render_item()` from Post Component.
*
* @param WC_Product $product The product object.
* @param int $index The loop index.
* @param bool $carousel Indicates if the item needs carousel classnames.
* @param bool $legacy Indicates if the item is using legacy classnames.
* @param bool $is_ajax Indicates if the item is being rendered through REST API.
*
* @return void
*/
function TRAIT_render_product($product, $index, $carousel = false, $legacy = false, $is_ajax = false)
{
$settings = $this->get_settings_for_display();
// Classnames but checking if we the widget is APG (legacy version)
$item_classes = $legacy ? ['ui-e-post-item', 'ui-e-item'] : ['ui-e-item'] ; // Single item lower wrap class receptor
$hover_item_class = $legacy ? 'anim_item' : 'item_hover_animation'; // item hover animation class
// If widget is not carousel type, we set animations classes directly on item selector
if(!$carousel) {
$item_classes[] = 'ui-e-animations-wrp';
$item_classes[] = $settings['animate_items'] === 'ui-e-grid-animate' ? 'elementor-invisible' : '';
$item_classes[] = $settings[$hover_item_class] !== '' ? $settings[$hover_item_class] : '';
} else {
// Get entrance and item hover animation classes
$entrance = $this->is_option('animate_items', 'ui-e-grid-animate') ? 'elementor-invisible' : '';
$hover = isset($settings[$hover_item_class]) ? $settings[$hover_item_class] : '';
$animations = sprintf('%s %s', $entrance, $hover);
// Check if entrance or hover animation are set
$has_animation = !empty($entrance) || !empty($hover)
// Prints extra wrappers required by the carousel script
?>
>
get_product_image($product); ?>
get_post_meta('top'); ?>
get_purchase_button($index);
}
?>
get_post_meta('before_title'); ?>
get_product_title($product);?>
get_post_meta('after_title'); ?>
get_product_summary($product, $settings['excerpt_trim']); ?>
get_post_meta('bottom'); // button
?>
=') && $this->is_option('show_swatches', 'yes') ){
// ajax requests works under minimal conditions, wich means Swatches class is not present
if ( $is_ajax ) {
require_once UICORE_INCLUDES . '/woocommerce/components/class-swatches.php';
}
// In guterberg we might experience an `Class not found` error, so we insist in checking it even
// though we just required the file. For more see https://uicore.atlassian.net/browse/ELM-432
if ( class_exists('\UiCore\WooCommerce\Swatches') ) {
\UiCore\WooCommerce\Swatches::print_swatches($product);
}
}
if ( $this->is_option('show_button', 'yes') ) {
// Add match height spacing element if carousel. May look intrusive, but is the simplest method compared
// to absolute positioning or catching last content element to apply margin.
if($carousel && $this->is_option('match_height', 'yes') ){
?>
get_purchase_button($index);
}
}
?>