<?php
namespace ElementorPro\Modules\Woocommerce\Widgets;
use Elementor\Controls_Manager;
use Elementor\Core\Kits\Documents\Tabs\Global_Colors;
use Elementor\Core\Kits\Documents\Tabs\Global_Typography;
use Elementor\Group_Control_Typography;
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly
}
class Product_Price extends Base_Widget {
public function get_name() {
return 'woocommerce-product-price';
}
public function get_title() {
return __( 'Product Price', 'elementor-pro' );
}
public function get_icon() {
return 'eicon-product-price';
}
public function get_keywords() {
return [ 'woocommerce', 'shop', 'store', 'price', 'product', 'sale' ];
}
protected function register_controls() {
$this->start_controls_section(
'section_price_style',
[
'label' => __( 'Price', 'elementor-pro' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'wc_style_warning',
[
'type' => Controls_Manager::RAW_HTML,
'raw' => __( 'The style of this widget is often affected by your theme and plugins. If you experience any such issue, try to switch to a basic theme and deactivate related plugins.', 'elementor-pro' ),
'content_classes' => 'elementor-panel-alert elementor-panel-alert-info',
]
);
$this->add_responsive_control(
'text_align',
[
'label' => __( 'Alignment', 'elementor-pro' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'elementor-pro' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => __( 'Center', 'elementor-pro' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => __( 'Right', 'elementor-pro' ),
'icon' => 'eicon-text-align-right',
],
],
'selectors' => [
'{{WRAPPER}}' => 'text-align: {{VALUE}}',
],
]
);
$this->add_control(
'price_color',
[
'label' => __( 'Color', 'elementor-pro' ),
'type' => Controls_Manager::COLOR,
'global' => [
'default' => Global_Colors::COLOR_PRIMARY,
],
'selectors' => [
'.woocommerce {{WRAPPER}} .price' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'typography',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
],
'selector' => '.woocommerce {{WRAPPER}} .price',
]
);
$this->add_control(
'sale_heading',
[
'label' => __( 'Sale Price', 'elementor-pro' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'sale_price_color',
[
'label' => __( 'Color', 'elementor-pro' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'.woocommerce {{WRAPPER}} .price ins' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'sale_price_typography',
'selector' => '.woocommerce {{WRAPPER}} .price ins',
]
);
$this->add_control(
'price_block',
[
'label' => __( 'Stacked', 'elementor-pro' ),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'prefix_class' => 'elementor-product-price-block-',
]
);
$this->add_responsive_control(
'sale_price_spacing',
[
'label' => __( 'Spacing', 'elementor-pro' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em' ],
'range' => [
'em' => [
'min' => 0,
'max' => 5,
'step' => 0.1,
],
],
'selectors' => [
'body:not(.rtl) {{WRAPPER}}:not(.elementor-product-price-block-yes) del' => 'margin-right: {{SIZE}}{{UNIT}}',
'body.rtl {{WRAPPER}}:not(.elementor-product-price-block-yes) del' => 'margin-left: {{SIZE}}{{UNIT}}',
'{{WRAPPER}}.elementor-product-price-block-yes del' => 'margin-bottom: {{SIZE}}{{UNIT}}',
],
]
);
$this->end_controls_section();
}
protected function render() {
global $product;
$product = wc_get_product();
if ( empty( $product ) ) {
return;
}
wc_get_template( '/single-product/price.php' );
}
public function render_plain_content() {}
}