3868 lines
154 KiB
PHP
3868 lines
154 KiB
PHP
<?php
|
|
/**
|
|
* Add an element to fusion-builder.
|
|
*
|
|
* @package fusion-builder
|
|
* @since 3.2
|
|
*/
|
|
|
|
if ( fusion_is_element_enabled( 'fusion_tb_woo_cart' ) ) {
|
|
|
|
if ( ! class_exists( 'FusionTB_Woo_Cart' ) ) {
|
|
/**
|
|
* Shortcode class.
|
|
*
|
|
* @since 3.2
|
|
*/
|
|
class FusionTB_Woo_Cart extends Fusion_Woo_Component {
|
|
|
|
/**
|
|
* An array of the shortcode extras.
|
|
*
|
|
* @access protected
|
|
* @since 3.2
|
|
* @var array
|
|
*/
|
|
protected $extras;
|
|
|
|
/**
|
|
* An array of the unmerged shortcode arguments.
|
|
*
|
|
* @access protected
|
|
* @since 3.2
|
|
* @var array
|
|
*/
|
|
protected $params;
|
|
|
|
/**
|
|
* Whether we are requesting from editor.
|
|
*
|
|
* @access protected
|
|
* @since 3.2
|
|
* @var array
|
|
*/
|
|
protected $live_ajax = false;
|
|
|
|
/**
|
|
* The internal container counter.
|
|
*
|
|
* @access private
|
|
* @since 3.2
|
|
* @var int
|
|
*/
|
|
private $counter = 1;
|
|
|
|
/**
|
|
* Base selector class.
|
|
*
|
|
* @var string
|
|
*/
|
|
private $base_selector = '';
|
|
|
|
/**
|
|
* Constructor.
|
|
*
|
|
* @access public
|
|
* @since 3.2
|
|
*/
|
|
public function __construct() {
|
|
parent::__construct( 'fusion_tb_woo_cart' );
|
|
add_filter( 'fusion_attr_fusion_tb_woo_cart-shortcode', [ $this, 'attr' ] );
|
|
add_filter( 'fusion_attr_cart-icon', [ $this, 'icon_attr' ] );
|
|
|
|
// Ajax mechanism for live editor.
|
|
add_action( 'wp_ajax_get_fusion_tb_woo_cart', [ $this, 'ajax_render' ] );
|
|
|
|
$this->add_third_party_hooks();
|
|
}
|
|
|
|
/**
|
|
* Render for live editor.
|
|
*
|
|
* @static
|
|
* @access public
|
|
* @since 3.2
|
|
* @return void
|
|
*/
|
|
public function ajax_render() {
|
|
check_ajax_referer( 'fusion_load_nonce', 'fusion_load_nonce' );
|
|
|
|
$return_data = [];
|
|
// From Ajax Request.
|
|
if ( isset( $_POST['model'] ) && isset( $_POST['model']['params'] ) && ! apply_filters( 'fusion_builder_live_request', false ) ) { // phpcs:ignore WordPress.Security.NonceVerification
|
|
$args = $_POST['model']['params']; // phpcs:ignore WordPress.Security
|
|
fusion_set_live_data();
|
|
|
|
// Ensure legacy templates are not used.
|
|
fusion_library()->woocommerce->init_single_product();
|
|
add_filter( 'fusion_builder_live_request', '__return_true' );
|
|
$this->live_ajax = true;
|
|
|
|
$return_data['markup'] = $this->render( $args );
|
|
}
|
|
|
|
echo wp_json_encode( $return_data );
|
|
wp_die();
|
|
}
|
|
|
|
/**
|
|
* Used to set any other variables for use on front-end editor template.
|
|
*
|
|
* @static
|
|
* @access public
|
|
* @since 2.0.0
|
|
* @return array
|
|
*/
|
|
public static function get_element_extras() {
|
|
$fusion_settings = awb_get_fusion_settings();
|
|
return [
|
|
'woocommerce_variations' => $fusion_settings->get( 'woocommerce_variations' ),
|
|
'body_font_size' => $fusion_settings->get( 'body_typography', 'font-size' ),
|
|
];
|
|
}
|
|
|
|
/**
|
|
* Maps settings to extra variables.
|
|
*
|
|
* @static
|
|
* @access public
|
|
* @since 2.0.0
|
|
* @return array
|
|
*/
|
|
public static function settings_to_extras() {
|
|
|
|
return [
|
|
'woocommerce_variations' => 'woocommerce_variations',
|
|
'body_typography' => 'body_font_size',
|
|
];
|
|
}
|
|
|
|
/**
|
|
* Check if component should render
|
|
*
|
|
* @access public
|
|
* @since 3.2
|
|
* @return boolean
|
|
*/
|
|
public function should_render() {
|
|
return is_singular();
|
|
}
|
|
|
|
/**
|
|
* Gets the default values.
|
|
*
|
|
* @static
|
|
* @access public
|
|
* @since 3.2
|
|
* @return array
|
|
*/
|
|
public static function get_element_defaults() {
|
|
$fusion_settings = awb_get_fusion_settings();
|
|
return [
|
|
'margin_bottom' => '',
|
|
'margin_left' => '',
|
|
'margin_right' => '',
|
|
'margin_top' => '',
|
|
'hide_on_mobile' => fusion_builder_default_visibility( 'string' ),
|
|
'class' => '',
|
|
'id' => '',
|
|
'animation_type' => '',
|
|
'animation_direction' => 'down',
|
|
'animation_speed' => '0.1',
|
|
'animation_delay' => '',
|
|
'animation_offset' => $fusion_settings->get( 'animation_offset' ),
|
|
'animation_color' => '',
|
|
|
|
// Variation tab.
|
|
'border_sizes_top' => '',
|
|
'border_sizes_right' => '',
|
|
'border_sizes_bottom' => '',
|
|
'border_sizes_left' => '',
|
|
'border_color' => '',
|
|
'cell_padding_top' => '',
|
|
'cell_padding_right' => '',
|
|
'cell_padding_bottom' => '',
|
|
'cell_padding_left' => '',
|
|
'cell_background' => '',
|
|
'variation_layout' => 'floated',
|
|
'label_area_width' => '',
|
|
'text_align' => '',
|
|
'label_color' => '',
|
|
'label_font_size' => '',
|
|
'label_text_transform' => '',
|
|
'label_line_height' => '',
|
|
'label_letter_spacing' => '',
|
|
'fusion_font_family_label_typography' => 'inherit',
|
|
'fusion_font_variant_label_typography' => '400',
|
|
'select_style' => '',
|
|
'select_height' => '',
|
|
'select_font_size' => '',
|
|
'select_color' => '',
|
|
'select_background' => '',
|
|
'select_border_color' => '',
|
|
'select_border_sizes_top' => '',
|
|
'select_border_sizes_right' => '',
|
|
'select_border_sizes_bottom' => '',
|
|
'select_border_sizes_left' => '',
|
|
'border_radius_top_left' => '',
|
|
'border_radius_top_right' => '',
|
|
'border_radius_bottom_right' => '',
|
|
'border_radius_bottom_left' => '',
|
|
'swatch_style' => '',
|
|
'swatch_margin_top' => '',
|
|
'swatch_margin_right' => '',
|
|
'swatch_margin_bottom' => '',
|
|
'swatch_margin_left' => '',
|
|
'swatch_background_color' => '',
|
|
'swatch_background_color_active' => '',
|
|
'swatch_border_sizes_top' => '',
|
|
'swatch_border_sizes_right' => '',
|
|
'swatch_border_sizes_bottom' => '',
|
|
'swatch_border_sizes_left' => '',
|
|
'swatch_border_color' => '',
|
|
'swatch_border_color_active' => '',
|
|
'color_swatch_height' => '',
|
|
'color_swatch_width' => '',
|
|
'color_swatch_padding_top' => '',
|
|
'color_swatch_padding_right' => '',
|
|
'color_swatch_padding_bottom' => '',
|
|
'color_swatch_padding_left' => '',
|
|
'color_swatch_border_radius_top_left' => '',
|
|
'color_swatch_border_radius_top_right' => '',
|
|
'color_swatch_border_radius_bottom_right' => '',
|
|
'color_swatch_border_radius_bottom_left' => '',
|
|
'image_swatch_height' => '',
|
|
'image_swatch_width' => '',
|
|
'image_swatch_padding_top' => '',
|
|
'image_swatch_padding_right' => '',
|
|
'image_swatch_padding_bottom' => '',
|
|
'image_swatch_padding_left' => '',
|
|
'image_swatch_border_radius_top_left' => '',
|
|
'image_swatch_border_radius_top_right' => '',
|
|
'image_swatch_border_radius_bottom_right' => '',
|
|
'image_swatch_border_radius_bottom_left' => '',
|
|
'button_swatch_height' => '',
|
|
'button_swatch_width' => '',
|
|
'button_swatch_padding_top' => '',
|
|
'button_swatch_padding_right' => '',
|
|
'button_swatch_padding_bottom' => '',
|
|
'button_swatch_padding_left' => '',
|
|
'button_swatch_border_radius_top_left' => '',
|
|
'button_swatch_border_radius_top_right' => '',
|
|
'button_swatch_border_radius_bottom_right' => '',
|
|
'button_swatch_border_radius_bottom_left' => '',
|
|
'button_swatch_font_size' => '',
|
|
'button_swatch_color' => '',
|
|
'button_swatch_color_active' => '',
|
|
|
|
// Details.
|
|
'info_padding_top' => '',
|
|
'info_padding_right' => '',
|
|
'info_padding_bottom' => '',
|
|
'info_padding_left' => '',
|
|
'info_background' => '',
|
|
'info_border_sizes_top' => '',
|
|
'info_border_sizes_right' => '',
|
|
'info_border_sizes_bottom' => '',
|
|
'info_border_sizes_left' => '',
|
|
'info_border_color' => '',
|
|
'info_border_radius_top_left' => '',
|
|
'info_border_radius_top_right' => '',
|
|
'info_border_radius_bottom_right' => '',
|
|
'info_border_radius_bottom_left' => '',
|
|
'info_align' => 'flex-start',
|
|
'description_color' => '',
|
|
'description_font_size' => '',
|
|
'description_text_transform' => '',
|
|
'description_line_height' => '',
|
|
'description_letter_spacing' => '',
|
|
'fusion_font_family_description_typography' => 'inherit',
|
|
'fusion_font_variant_description_typography' => '400',
|
|
'description_order' => 'before',
|
|
'show_sale' => 'yes',
|
|
'sale_order' => 'after',
|
|
'show_price' => 'yes',
|
|
'price_font_size' => '',
|
|
'price_text_transform' => '',
|
|
'price_line_height' => '',
|
|
'price_letter_spacing' => '',
|
|
'price_color' => '',
|
|
'sale_font_size' => '',
|
|
'sale_text_transform' => '',
|
|
'sale_line_height' => '',
|
|
'sale_letter_spacing' => '',
|
|
'sale_color' => '',
|
|
'show_stock' => 'yes',
|
|
'stock_font_size' => '',
|
|
'stock_text_transform' => '',
|
|
'stock_line_height' => '',
|
|
'stock_letter_spacing' => '',
|
|
'stock_color' => '',
|
|
'fusion_font_family_price_typography' => 'inherit',
|
|
'fusion_font_variant_price_typography' => '400',
|
|
'fusion_font_family_sale_typography' => 'inherit',
|
|
'fusion_font_variant_sale_typography' => '400',
|
|
'fusion_font_family_stock_typography' => 'inherit',
|
|
'fusion_font_variant_stock_typography' => '400',
|
|
'variation_clear' => 'absolute',
|
|
'clear_content' => '',
|
|
'clear_icon' => '',
|
|
'clear_text' => '',
|
|
'clear_margin_top' => '',
|
|
'clear_margin_right' => '',
|
|
'clear_margin_bottom' => '',
|
|
'clear_margin_left' => '',
|
|
'clear_color' => '',
|
|
'clear_color_hover' => '',
|
|
|
|
// Cart.
|
|
'button_margin_top' => '',
|
|
'button_margin_right' => '',
|
|
'button_margin_bottom' => '',
|
|
'button_margin_left' => '',
|
|
'button_layout' => 'floated',
|
|
'button_align' => 'flex-start',
|
|
'button_justify' => 'flex-start',
|
|
'quantity_style' => '',
|
|
'quantity_width' => '',
|
|
'quantity_height' => '',
|
|
'quantity_radius_top_left' => '',
|
|
'quantity_radius_top_right' => '',
|
|
'quantity_radius_bottom_right' => '',
|
|
'quantity_radius_bottom_left' => '',
|
|
'quantity_font_size' => '',
|
|
'quantity_color' => '',
|
|
'quantity_background' => '',
|
|
'quantity_border_sizes_top' => '',
|
|
'quantity_border_sizes_right' => '',
|
|
'quantity_border_sizes_bottom' => '',
|
|
'quantity_border_sizes_left' => '',
|
|
'quantity_border_color' => '',
|
|
'qbutton_border_sizes_top' => '',
|
|
'qbutton_border_sizes_right' => '',
|
|
'qbutton_border_sizes_bottom' => '',
|
|
'qbutton_border_sizes_left' => '',
|
|
'qbutton_color' => '',
|
|
'qbutton_background' => '',
|
|
'qbutton_border_color' => '',
|
|
'qbutton_color_hover' => '',
|
|
'qbutton_background_hover' => '',
|
|
'qbutton_border_color_hover' => '',
|
|
'button_style' => '',
|
|
'button_size' => '',
|
|
'button_stretch' => 'no',
|
|
'button_border_top' => '',
|
|
'button_border_right' => '',
|
|
'button_border_bottom' => '',
|
|
'button_border_left' => '',
|
|
|
|
'button_icon' => '',
|
|
'icon_position' => 'left',
|
|
'button_color' => '',
|
|
'button_gradient_top' => $fusion_settings->get( 'button_gradient_top_color' ),
|
|
'button_gradient_bottom' => $fusion_settings->get( 'button_gradient_bottom_color' ),
|
|
'button_border_color' => $fusion_settings->get( 'button_gradient_top_color_hover' ),
|
|
'button_color_hover' => $fusion_settings->get( 'button_gradient_bottom_color_hover' ),
|
|
'button_gradient_top_hover' => '',
|
|
'button_gradient_bottom_hover' => '',
|
|
'button_border_color_hover' => '',
|
|
];
|
|
}
|
|
|
|
/**
|
|
* Render the shortcode
|
|
*
|
|
* @access public
|
|
* @since 3.2
|
|
* @param array $args Shortcode parameters.
|
|
* @param string $content Content between shortcode.
|
|
* @return string HTML output.
|
|
*/
|
|
public function render( $args, $content = '' ) {
|
|
global $avada_woocommerce;
|
|
|
|
$this->emulate_product();
|
|
|
|
if ( ! $this->is_product() ) {
|
|
return;
|
|
}
|
|
$this->params = $args;
|
|
$this->defaults = self::get_element_defaults();
|
|
$this->args = FusionBuilder::set_shortcode_defaults( self::get_element_defaults(), $args, 'fusion_tb_woo_cart' );
|
|
$this->extras = self::get_element_extras();
|
|
|
|
// Legacy single border width.
|
|
if ( isset( $args['button_border_width'] ) && ! isset( $args['button_border_top'] ) ) {
|
|
$this->args['button_border_top'] = $args['button_border_width'];
|
|
$this->args['button_border_right'] = $this->args['button_border_top'];
|
|
$this->args['button_border_bottom'] = $this->args['button_border_top'];
|
|
$this->args['button_border_left'] = $this->args['button_border_top'];
|
|
}
|
|
|
|
if ( 'always' === $this->args['show_price'] ) {
|
|
add_filter( 'woocommerce_show_variation_price', [ $this, 'always_show_price' ], 10, 3 );
|
|
}
|
|
|
|
if ( ! empty( $this->args['button_icon'] ) ) {
|
|
add_filter( 'woocommerce_product_single_add_to_cart_text', [ $this, 'add_icon_placeholder' ], 20 );
|
|
}
|
|
|
|
add_action( 'woocommerce_before_add_to_cart_button', [ $this, 'button_wrapper_open' ] );
|
|
add_action( 'woocommerce_after_add_to_cart_button', [ $this, 'button_wrapper_close' ] );
|
|
|
|
remove_action( 'woocommerce_reset_variations_link', [ $avada_woocommerce, 'add_single_variation_markup' ] );
|
|
|
|
if ( ! $this->is_default( 'clear_content' ) ) {
|
|
add_filter( 'woocommerce_reset_variations_link', [ $this, 'clear_link' ], 20 );
|
|
}
|
|
|
|
if ( $this->live_ajax ) {
|
|
$html = $this->get_cart();
|
|
} else {
|
|
$html = '<div ' . FusionBuilder::attributes( 'fusion_tb_woo_cart-shortcode' ) . '>' . $this->get_cart() . $this->get_styles() . '</div>';
|
|
}
|
|
|
|
if ( 'always' === $this->args['show_price'] ) {
|
|
remove_filter( 'woocommerce_show_variation_price', [ $this, 'always_show_price' ], 10, 3 );
|
|
}
|
|
|
|
if ( ! empty( $this->args['button_icon'] ) ) {
|
|
remove_filter( 'woocommerce_product_single_add_to_cart_text', [ $this, 'add_icon_placeholder' ], 20 );
|
|
$html = str_replace( '@|@', '<i ' . FusionBuilder::attributes( 'cart-icon' ) . '></i>', $html );
|
|
}
|
|
if ( ( 'text' === $this->args['clear_content'] && ! $this->is_default( 'clear_text' ) ) || ( 'icon' === $this->args['clear_content'] && ! $this->is_default( 'clear_icon' ) ) ) {
|
|
remove_filter( 'woocommerce_reset_variations_link', [ $this, 'clear_link' ], 20 );
|
|
}
|
|
|
|
add_action( 'woocommerce_reset_variations_link', [ $avada_woocommerce, 'add_single_variation_markup' ] );
|
|
|
|
remove_action( 'woocommerce_before_add_to_cart_button', [ $this, 'button_wrapper_open' ] );
|
|
remove_action( 'woocommerce_after_add_to_cart_button', [ $this, 'button_wrapper_close' ] );
|
|
|
|
$this->restore_product();
|
|
|
|
$this->counter++;
|
|
|
|
$this->on_render();
|
|
|
|
return apply_filters( 'fusion_component_' . $this->shortcode_handle . '_content', $html, $args );
|
|
}
|
|
|
|
/**
|
|
* Show the variation price, even if all variations share the same price.
|
|
*
|
|
* @access public
|
|
* @since 3.7
|
|
* @param bool $show_price Holds if the variation price should be shown.
|
|
* @param WC_Product_Variable $variation Current product variation.
|
|
* @param WC_Product $product The current variable product.
|
|
* @return bool Will always be true to make sure price is shown regardless.
|
|
*/
|
|
public function always_show_price( $show_price, $variation, $product ) {
|
|
return true;
|
|
}
|
|
|
|
|
|
/**
|
|
* Add an icon to the button text.
|
|
*
|
|
* @access public
|
|
* @since 3.2
|
|
* @param string $text Button text.
|
|
* @return string
|
|
*/
|
|
public function add_icon_placeholder( $text = '' ) {
|
|
if ( 'left' === $this->args['icon_position'] ) {
|
|
return '@|@' . $text;
|
|
}
|
|
return $text . '@|@';
|
|
}
|
|
|
|
/**
|
|
* Wrap button and quantity for consistent styling.
|
|
*
|
|
* @access public
|
|
* @since 3.2
|
|
* @return void
|
|
*/
|
|
public function button_wrapper_open() {
|
|
echo '<div class="fusion-button-wrapper">';
|
|
}
|
|
|
|
/**
|
|
* Closing button wrapper.
|
|
*
|
|
* @access public
|
|
* @since 3.2
|
|
* @return void
|
|
*/
|
|
public function button_wrapper_close() {
|
|
echo '</div>';
|
|
}
|
|
|
|
/**
|
|
* Builds HTML for Woo Cart element.
|
|
*
|
|
* @access public
|
|
* @since 3.2
|
|
* @return string
|
|
*/
|
|
public function get_cart() {
|
|
$content = '';
|
|
ob_start();
|
|
do_action( 'awb_before_woo_add_to_cart_content' );
|
|
woocommerce_template_single_add_to_cart();
|
|
do_action( 'awb_after_woo_add_to_cart_content' );
|
|
$content .= ob_get_clean();
|
|
|
|
return apply_filters( 'fusion_woo_component_content', $content, $this->shortcode_handle, $this->args );
|
|
}
|
|
|
|
/**
|
|
* Get the styles.
|
|
*
|
|
* @access protected
|
|
* @since 3.0
|
|
* @return string
|
|
*/
|
|
protected function get_styles() {
|
|
$this->base_selector = '.fusion-woo-cart-' . $this->counter;
|
|
$this->dynamic_css = [];
|
|
$fusion_settings = awb_get_fusion_settings();
|
|
|
|
// Variation margins.
|
|
$table = $this->base_selector . ' table.variations';
|
|
if ( ! $this->is_default( 'margin_top' ) ) {
|
|
$this->add_css_property( $table, 'margin-top', fusion_library()->sanitize->get_value_with_unit( $this->args['margin_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'margin_right' ) ) {
|
|
$this->add_css_property( $table, 'margin-right', fusion_library()->sanitize->get_value_with_unit( $this->args['margin_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'margin_bottom' ) ) {
|
|
$this->add_css_property( $table, 'margin-bottom', fusion_library()->sanitize->get_value_with_unit( $this->args['margin_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'margin_left' ) ) {
|
|
$this->add_css_property( $table, 'margin-left', fusion_library()->sanitize->get_value_with_unit( $this->args['margin_left'] ) );
|
|
}
|
|
|
|
$table_td = $this->base_selector . ' table tr > *';
|
|
|
|
// Border size.
|
|
if ( ! $this->is_default( 'border_sizes_top' ) ) {
|
|
$this->add_css_property( $table_td, 'border-top-width', fusion_library()->sanitize->get_value_with_unit( $this->args['border_sizes_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'border_sizes_right' ) ) {
|
|
$this->add_css_property( $table_td, 'border-right-width', fusion_library()->sanitize->get_value_with_unit( $this->args['border_sizes_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'border_sizes_bottom' ) ) {
|
|
$this->add_css_property( $table_td, 'border-bottom-width', fusion_library()->sanitize->get_value_with_unit( $this->args['border_sizes_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'border_sizes_left' ) ) {
|
|
$this->add_css_property( $table_td, 'border-left-width', fusion_library()->sanitize->get_value_with_unit( $this->args['border_sizes_left'] ) );
|
|
}
|
|
|
|
// Border color.
|
|
if ( ! $this->is_default( 'border_color' ) ) {
|
|
$this->add_css_property( $table_td, 'border-color', $this->args['border_color'] );
|
|
}
|
|
|
|
// Cell padding.
|
|
if ( ! $this->is_default( 'cell_padding_top' ) ) {
|
|
$this->add_css_property( $table_td, 'padding-top', fusion_library()->sanitize->get_value_with_unit( $this->args['cell_padding_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'cell_padding_right' ) ) {
|
|
$this->add_css_property( $table_td, 'padding-right', fusion_library()->sanitize->get_value_with_unit( $this->args['cell_padding_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'cell_padding_bottom' ) ) {
|
|
$this->add_css_property( $table_td, 'padding-bottom', fusion_library()->sanitize->get_value_with_unit( $this->args['cell_padding_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'cell_padding_left' ) ) {
|
|
$this->add_css_property( $table_td, 'padding-left', fusion_library()->sanitize->get_value_with_unit( $this->args['cell_padding_left'] ) );
|
|
}
|
|
|
|
// Cell background.
|
|
if ( ! $this->is_default( 'cell_background' ) ) {
|
|
$this->add_css_property( $table_td, 'background-color', $this->args['cell_background'] );
|
|
}
|
|
|
|
// Variation layout.
|
|
$label = $this->base_selector . ' tr .label';
|
|
if ( 'floated' !== $this->args['variation_layout'] ) {
|
|
$table_tr = $this->base_selector . ' table tr';
|
|
$this->add_css_property( $table_tr, 'display', 'flex' );
|
|
$this->add_css_property( $table_tr, 'flex-direction', 'column' );
|
|
$this->add_css_property( $table_tr, 'width', '100%' );
|
|
} elseif ( ! $this->is_default( 'label_area_width' ) ) {
|
|
$this->add_css_property( $label, 'width', fusion_library()->sanitize->get_value_with_unit( $this->args['label_area_width'] ) );
|
|
}
|
|
|
|
// Label align.
|
|
if ( ! $this->is_default( 'text_align' ) ) {
|
|
$this->add_css_property( $label, 'text-align', $this->args['text_align'] );
|
|
|
|
$map_flex = [
|
|
'center' => 'center',
|
|
'left' => ( is_rtl() ? 'flex-end' : 'flex-start' ),
|
|
'right' => ( is_rtl() ? 'flex-start' : 'flex-end' ),
|
|
];
|
|
$this->add_css_property( $table . ' .avada-select-wrapper', 'justify-content', $map_flex[ $this->args['text_align'] ] );
|
|
}
|
|
|
|
// Label text styling, share with grouped.
|
|
$label = [
|
|
$this->base_selector . ' tr .label',
|
|
$this->base_selector . ' .woocommerce-grouped-product-list label',
|
|
$this->base_selector . ' .woocommerce-grouped-product-list label a',
|
|
$this->base_selector . ' .woocommerce-grouped-product-list .amount',
|
|
];
|
|
|
|
// Label text color.
|
|
if ( ! $this->is_default( 'label_color' ) ) {
|
|
$this->add_css_property( $label, 'color', $this->args['label_color'] );
|
|
}
|
|
|
|
// Label font size.
|
|
if ( ! $this->is_default( 'label_font_size' ) ) {
|
|
$this->add_css_property( $label, 'font-size', fusion_library()->sanitize->get_value_with_unit( $this->args['label_font_size'] ) );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'label_line_height' ) ) {
|
|
$this->add_css_property( $label, 'line-height', $this->args['label_line_height'] );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'label_letter_spacing' ) ) {
|
|
$this->add_css_property( $label, 'letter-spacing', fusion_library()->sanitize->get_value_with_unit( $this->args['label_letter_spacing'] ) );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'label_text_transform' ) ) {
|
|
$this->add_css_property( $label, 'text-transform', $this->args['label_text_transform'] );
|
|
}
|
|
|
|
// Font family and weight.
|
|
$text_styles = Fusion_Builder_Element_Helper::get_font_styling( $this->args, 'label_typography', 'array' );
|
|
foreach ( $text_styles as $rule => $value ) {
|
|
$this->add_css_property( $label, $rule, $value );
|
|
}
|
|
|
|
// Select variation type styling.
|
|
if ( ! $this->is_default( 'select_style' ) ) {
|
|
$select = $table . ' select';
|
|
$arrow = $table . ' .select-arrow';
|
|
$both = [ $select, $arrow ];
|
|
|
|
// Select height.
|
|
if ( ! $this->is_default( 'select_height' ) ) {
|
|
$this->add_css_property( $select, 'height', fusion_library()->sanitize->get_value_with_unit( $this->args['select_height'] ) );
|
|
}
|
|
|
|
// Select text size.
|
|
if ( ! $this->is_default( 'select_font_size' ) ) {
|
|
$this->add_css_property( $select, 'font-size', fusion_library()->sanitize->get_value_with_unit( $this->args['select_font_size'] ) );
|
|
$this->add_css_property( $arrow, 'font-size', 'calc( ( ' . fusion_library()->sanitize->get_value_with_unit( $this->args['select_font_size'] ) . ' ) * .75 )', true );
|
|
}
|
|
|
|
// Select text color.
|
|
if ( ! $this->is_default( 'select_color' ) ) {
|
|
$this->add_css_property( $both, 'color', $this->args['select_color'] );
|
|
}
|
|
|
|
// Select background.
|
|
if ( ! $this->is_default( 'select_background' ) ) {
|
|
$this->add_css_property( $select, 'background-color', $this->args['select_background'] );
|
|
}
|
|
|
|
// Border color.
|
|
if ( ! $this->is_default( 'select_border_color' ) ) {
|
|
$border_colors = [
|
|
$select,
|
|
$select . ':focus',
|
|
];
|
|
$this->add_css_property( $border_colors, 'border-color', $this->args['select_border_color'] );
|
|
}
|
|
|
|
// Select borders.
|
|
if ( ! $this->is_default( 'select_border_sizes_top' ) && '' !== $this->args['select_border_sizes_top'] ) {
|
|
$this->add_css_property( $select, 'border-top-width', fusion_library()->sanitize->get_value_with_unit( $this->args['select_border_sizes_top'] ) );
|
|
$this->add_css_property( $arrow, 'top', fusion_library()->sanitize->get_value_with_unit( $this->args['select_border_sizes_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'select_border_sizes_right' ) && '' !== $this->args['select_border_sizes_right'] ) {
|
|
$this->add_css_property( $select, 'border-right-width', fusion_library()->sanitize->get_value_with_unit( $this->args['select_border_sizes_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'select_border_sizes_bottom' ) && '' !== $this->args['select_border_sizes_bottom'] ) {
|
|
$this->add_css_property( $select, 'border-bottom-width', fusion_library()->sanitize->get_value_with_unit( $this->args['select_border_sizes_bottom'] ) );
|
|
$this->add_css_property( $arrow, 'bottom', fusion_library()->sanitize->get_value_with_unit( $this->args['select_border_sizes_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'select_border_sizes_left' ) && '' !== $this->args['select_border_sizes_left'] ) {
|
|
$this->add_css_property( $select, 'border-left-width', fusion_library()->sanitize->get_value_with_unit( $this->args['select_border_sizes_left'] ) );
|
|
}
|
|
|
|
// Border separator with arrow.
|
|
if ( ! $this->is_default( 'select_border_color' ) && ! $this->is_default( 'select_border_sizes_right' ) && ! $this->is_default( 'select_border_sizes_left' ) ) {
|
|
$this->add_css_property( $arrow, 'border-left', fusion_library()->sanitize->get_value_with_unit( $this->args['select_border_sizes_left'] ) . ' solid ' . $this->args['select_border_color'] );
|
|
}
|
|
|
|
// Select border radius.
|
|
if ( ! $this->is_default( 'border_radius_top_left' ) ) {
|
|
$this->add_css_property( $select, 'border-top-left-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['border_radius_top_left'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'border_radius_top_right' ) ) {
|
|
$this->add_css_property( $select, 'border-top-right-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['border_radius_top_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'border_radius_bottom_right' ) ) {
|
|
$this->add_css_property( $select, 'border-bottom-right-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['border_radius_bottom_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'border_radius_bottom_left' ) ) {
|
|
$this->add_css_property( $select, 'border-bottom-left-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['border_radius_bottom_left'] ) );
|
|
}
|
|
}
|
|
|
|
// Swatch styling if enabled.
|
|
if ( ! $this->is_default( 'swatch_style' ) && $fusion_settings->get( 'woocommerce_variations' ) ) {
|
|
$color_swatch = $table . ' .avada-color-select';
|
|
$image_swatch = $table . ' .avada-image-select';
|
|
$button_swatch = $table . ' .avada-button-select';
|
|
$swatches = [
|
|
$color_swatch,
|
|
$image_swatch,
|
|
$button_swatch,
|
|
];
|
|
$active_swatches = [
|
|
$color_swatch . '[data-checked]',
|
|
$image_swatch . '[data-checked]',
|
|
$button_swatch . '[data-checked]',
|
|
];
|
|
$hover_swatches = [
|
|
$color_swatch . ':hover',
|
|
$image_swatch . ':hover',
|
|
$button_swatch . ':hover',
|
|
$color_swatch . ':focus:not( [data-checked] )',
|
|
$image_swatch . ':focus:not( [data-checked] )',
|
|
$button_swatch . ':focus:not( [data-checked] )',
|
|
];
|
|
|
|
// General swatch styling.
|
|
if ( ! $this->is_default( 'swatch_margin_top' ) ) {
|
|
$this->add_css_property( $swatches, 'margin-top', fusion_library()->sanitize->get_value_with_unit( $this->args['swatch_margin_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'swatch_margin_right' ) ) {
|
|
$this->add_css_property( $swatches, 'margin-right', fusion_library()->sanitize->get_value_with_unit( $this->args['swatch_margin_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'swatch_margin_bottom' ) ) {
|
|
$this->add_css_property( $swatches, 'margin-bottom', fusion_library()->sanitize->get_value_with_unit( $this->args['swatch_margin_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'swatch_margin_left' ) ) {
|
|
$this->add_css_property( $swatches, 'margin-left', fusion_library()->sanitize->get_value_with_unit( $this->args['swatch_margin_left'] ) );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'swatch_background_color' ) ) {
|
|
$this->add_css_property( $swatches, 'background-color', $this->args['swatch_background_color'] );
|
|
}
|
|
if ( ! $this->is_default( 'swatch_background_color_active' ) ) {
|
|
$this->add_css_property( $active_swatches, 'background-color', $this->args['swatch_background_color_active'] );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'swatch_border_sizes_top' ) && '' !== $this->args['swatch_border_sizes_top'] ) {
|
|
$this->add_css_property( $swatches, 'border-top-width', fusion_library()->sanitize->get_value_with_unit( $this->args['swatch_border_sizes_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'swatch_border_sizes_right' ) && '' !== $this->args['swatch_border_sizes_right'] ) {
|
|
$this->add_css_property( $swatches, 'border-right-width', fusion_library()->sanitize->get_value_with_unit( $this->args['swatch_border_sizes_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'swatch_border_sizes_bottom' ) && '' !== $this->args['swatch_border_sizes_bottom'] ) {
|
|
$this->add_css_property( $swatches, 'border-bottom-width', fusion_library()->sanitize->get_value_with_unit( $this->args['swatch_border_sizes_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'swatch_border_sizes_left' ) && '' !== $this->args['swatch_border_sizes_left'] ) {
|
|
$this->add_css_property( $swatches, 'border-left-width', fusion_library()->sanitize->get_value_with_unit( $this->args['swatch_border_sizes_left'] ) );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'swatch_border_color' ) ) {
|
|
$this->add_css_property( $swatches, 'border-color', $this->args['swatch_border_color'] );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'swatch_border_color_active' ) ) {
|
|
$this->add_css_property( $active_swatches, 'border-color', $this->args['swatch_border_color_active'] );
|
|
|
|
$hover_color = Fusion_Color::new_color( $this->args['swatch_border_color_active'] )->get_new( 'alpha', '0.5' )->to_css_var_or_rgba();
|
|
$this->add_css_property( $hover_swatches, 'border-color', $hover_color );
|
|
}
|
|
|
|
// Color swatch.
|
|
if ( ! $this->is_default( 'color_swatch_height' ) ) {
|
|
$this->add_css_property( $color_swatch, 'height', fusion_library()->sanitize->get_value_with_unit( $this->args['color_swatch_height'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'color_swatch_width' ) ) {
|
|
$width = 'auto' === $this->args['color_swatch_width'] ? 'auto' : fusion_library()->sanitize->get_value_with_unit( $this->args['color_swatch_width'] );
|
|
$this->add_css_property( $color_swatch, 'width', $width );
|
|
}
|
|
if ( ! $this->is_default( 'color_swatch_padding_top' ) && '' !== $this->args['color_swatch_padding_top'] ) {
|
|
$this->add_css_property( $color_swatch, 'padding-top', fusion_library()->sanitize->get_value_with_unit( $this->args['color_swatch_padding_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'color_swatch_padding_right' ) && '' !== $this->args['color_swatch_padding_right'] ) {
|
|
$this->add_css_property( $color_swatch, 'padding-right', fusion_library()->sanitize->get_value_with_unit( $this->args['color_swatch_padding_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'color_swatch_padding_bottom' ) && '' !== $this->args['color_swatch_padding_bottom'] ) {
|
|
$this->add_css_property( $color_swatch, 'padding-bottom', fusion_library()->sanitize->get_value_with_unit( $this->args['color_swatch_padding_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'color_swatch_padding_left' ) && '' !== $this->args['color_swatch_padding_left'] ) {
|
|
$this->add_css_property( $color_swatch, 'padding-left', fusion_library()->sanitize->get_value_with_unit( $this->args['color_swatch_padding_left'] ) );
|
|
}
|
|
|
|
$color_swatch_radius = [
|
|
$color_swatch,
|
|
$color_swatch . ' span',
|
|
];
|
|
if ( ! $this->is_default( 'color_swatch_border_radius_top_left' ) ) {
|
|
$this->add_css_property( $color_swatch_radius, 'border-top-left-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['color_swatch_border_radius_top_left'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'color_swatch_border_radius_top_right' ) ) {
|
|
$this->add_css_property( $color_swatch_radius, 'border-top-right-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['color_swatch_border_radius_top_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'color_swatch_border_radius_bottom_right' ) ) {
|
|
$this->add_css_property( $color_swatch_radius, 'border-bottom-right-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['color_swatch_border_radius_bottom_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'color_swatch_border_radius_bottom_left' ) ) {
|
|
$this->add_css_property( $color_swatch_radius, 'border-bottom-left-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['color_swatch_border_radius_bottom_left'] ) );
|
|
}
|
|
|
|
// Image swatch.
|
|
if ( ! $this->is_default( 'image_swatch_height' ) ) {
|
|
$this->add_css_property( $image_swatch, 'height', fusion_library()->sanitize->get_value_with_unit( $this->args['image_swatch_height'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'image_swatch_width' ) ) {
|
|
$width = 'auto' === $this->args['image_swatch_width'] ? 'auto' : fusion_library()->sanitize->get_value_with_unit( $this->args['image_swatch_width'] );
|
|
$this->add_css_property( $image_swatch, 'width', $width );
|
|
if ( 'auto' !== $this->args['image_swatch_width'] ) {
|
|
$this->add_css_property( $image_swatch . ' img', 'width', '100%' );
|
|
}
|
|
}
|
|
if ( ! $this->is_default( 'image_swatch_padding_top' ) && '' !== $this->args['image_swatch_padding_top'] ) {
|
|
$this->add_css_property( $image_swatch, 'padding-top', fusion_library()->sanitize->get_value_with_unit( $this->args['image_swatch_padding_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'image_swatch_padding_right' ) && '' !== $this->args['image_swatch_padding_right'] ) {
|
|
$this->add_css_property( $image_swatch, 'padding-right', fusion_library()->sanitize->get_value_with_unit( $this->args['image_swatch_padding_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'image_swatch_padding_bottom' ) && '' !== $this->args['image_swatch_padding_bottom'] ) {
|
|
$this->add_css_property( $image_swatch, 'padding-bottom', fusion_library()->sanitize->get_value_with_unit( $this->args['image_swatch_padding_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'image_swatch_padding_left' ) && '' !== $this->args['image_swatch_padding_left'] ) {
|
|
$this->add_css_property( $image_swatch, 'padding-left', fusion_library()->sanitize->get_value_with_unit( $this->args['image_swatch_padding_left'] ) );
|
|
}
|
|
|
|
$image_swatch_radius = [
|
|
$image_swatch,
|
|
$image_swatch . ' img',
|
|
];
|
|
if ( ! $this->is_default( 'image_swatch_border_radius_top_left' ) ) {
|
|
$this->add_css_property( $image_swatch_radius, 'border-top-left-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['image_swatch_border_radius_top_left'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'image_swatch_border_radius_top_right' ) ) {
|
|
$this->add_css_property( $image_swatch_radius, 'border-top-right-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['image_swatch_border_radius_top_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'image_swatch_border_radius_bottom_right' ) ) {
|
|
$this->add_css_property( $image_swatch_radius, 'border-bottom-right-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['image_swatch_border_radius_bottom_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'image_swatch_border_radius_bottom_left' ) ) {
|
|
$this->add_css_property( $image_swatch_radius, 'border-bottom-left-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['image_swatch_border_radius_bottom_left'] ) );
|
|
}
|
|
|
|
// Button swatch.
|
|
if ( ! $this->is_default( 'button_swatch_height' ) ) {
|
|
$this->add_css_property( $button_swatch, 'height', fusion_library()->sanitize->get_value_with_unit( $this->args['button_swatch_height'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'button_swatch_width' ) ) {
|
|
$width = 'auto' === $this->args['button_swatch_width'] ? 'auto' : fusion_library()->sanitize->get_value_with_unit( $this->args['button_swatch_width'] );
|
|
$this->add_css_property( $button_swatch, 'width', $width );
|
|
}
|
|
if ( ! $this->is_default( 'button_swatch_padding_top' ) && '' !== $this->args['button_swatch_padding_top'] ) {
|
|
$this->add_css_property( $button_swatch, 'padding-top', fusion_library()->sanitize->get_value_with_unit( $this->args['button_swatch_padding_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'button_swatch_padding_right' ) && '' !== $this->args['button_swatch_padding_right'] ) {
|
|
$this->add_css_property( $button_swatch, 'padding-right', fusion_library()->sanitize->get_value_with_unit( $this->args['button_swatch_padding_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'button_swatch_padding_bottom' ) && '' !== $this->args['button_swatch_padding_bottom'] ) {
|
|
$this->add_css_property( $button_swatch, 'padding-bottom', fusion_library()->sanitize->get_value_with_unit( $this->args['button_swatch_padding_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'button_swatch_padding_left' ) && '' !== $this->args['button_swatch_padding_left'] ) {
|
|
$this->add_css_property( $button_swatch, 'padding-left', fusion_library()->sanitize->get_value_with_unit( $this->args['button_swatch_padding_left'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'button_swatch_border_radius_top_left' ) ) {
|
|
$this->add_css_property( $button_swatch, 'border-top-left-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['button_swatch_border_radius_top_left'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'button_swatch_border_radius_top_right' ) ) {
|
|
$this->add_css_property( $button_swatch, 'border-top-right-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['button_swatch_border_radius_top_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'button_swatch_border_radius_bottom_right' ) ) {
|
|
$this->add_css_property( $button_swatch, 'border-bottom-right-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['button_swatch_border_radius_bottom_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'button_swatch_border_radius_bottom_left' ) ) {
|
|
$this->add_css_property( $button_swatch, 'border-bottom-left-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['button_swatch_border_radius_bottom_left'] ) );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'button_swatch_font_size' ) ) {
|
|
$this->add_css_property( $button_swatch, 'font-size', fusion_library()->sanitize->get_value_with_unit( $this->args['button_swatch_font_size'] ) );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'button_swatch_color' ) ) {
|
|
$this->add_css_property( $button_swatch, 'color', $this->args['button_swatch_color'] );
|
|
}
|
|
if ( ! $this->is_default( 'button_swatch_color_active' ) ) {
|
|
$full_swatches = [
|
|
$color_swatch . '[data-checked]',
|
|
$image_swatch . '[data-checked]',
|
|
$button_swatch . '[data-checked]',
|
|
$color_swatch . ':hover',
|
|
$image_swatch . ':hover',
|
|
$button_swatch . ':hover',
|
|
$color_swatch . ':focus',
|
|
$image_swatch . ':focus',
|
|
$button_swatch . ':focus',
|
|
];
|
|
$this->add_css_property( $full_swatches, 'color', $this->args['button_swatch_color_active'] );
|
|
}
|
|
}
|
|
|
|
$info = $this->base_selector . ' .woocommerce-variation';
|
|
|
|
// Info padding.
|
|
if ( ! $this->is_default( 'info_padding_top' ) ) {
|
|
$this->add_css_property( $info, 'padding-top', fusion_library()->sanitize->get_value_with_unit( $this->args['info_padding_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'info_padding_right' ) ) {
|
|
$this->add_css_property( $info, 'padding-right', fusion_library()->sanitize->get_value_with_unit( $this->args['info_padding_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'info_padding_bottom' ) ) {
|
|
$this->add_css_property( $info, 'padding-bottom', fusion_library()->sanitize->get_value_with_unit( $this->args['info_padding_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'info_padding_left' ) ) {
|
|
$this->add_css_property( $info, 'padding-left', fusion_library()->sanitize->get_value_with_unit( $this->args['info_padding_left'] ) );
|
|
}
|
|
|
|
// Info background.
|
|
if ( ! $this->is_default( 'info_background' ) ) {
|
|
$this->add_css_property( $info, 'background-color', $this->args['info_background'] );
|
|
}
|
|
|
|
// Info border size.
|
|
if ( ! $this->is_default( 'info_border_sizes_top' ) ) {
|
|
$this->add_css_property( $info, 'border-top-width', fusion_library()->sanitize->get_value_with_unit( $this->args['info_border_sizes_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'info_border_sizes_right' ) ) {
|
|
$this->add_css_property( $info, 'border-right-width', fusion_library()->sanitize->get_value_with_unit( $this->args['info_border_sizes_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'info_border_sizes_bottom' ) ) {
|
|
$this->add_css_property( $info, 'border-bottom-width', fusion_library()->sanitize->get_value_with_unit( $this->args['info_border_sizes_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'info_border_sizes_left' ) ) {
|
|
$this->add_css_property( $info, 'border-left-width', fusion_library()->sanitize->get_value_with_unit( $this->args['info_border_sizes_left'] ) );
|
|
}
|
|
|
|
// Info border color.
|
|
if ( ! $this->is_default( 'info_border_color' ) ) {
|
|
$this->add_css_property( $info, 'border-color', $this->args['info_border_color'] );
|
|
}
|
|
|
|
// Info border radius.
|
|
if ( ! $this->is_default( 'info_border_radius_top_left' ) ) {
|
|
$this->add_css_property( $info, 'border-top-left-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['info_border_radius_top_left'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'info_border_radius_top_right' ) ) {
|
|
$this->add_css_property( $info, 'border-top-right-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['info_border_radius_top_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'info_border_radius_bottom_right' ) ) {
|
|
$this->add_css_property( $info, 'border-bottom-right-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['info_border_radius_bottom_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'info_border_radius_bottom_left' ) ) {
|
|
$this->add_css_property( $info, 'border-bottom-left-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['info_border_radius_bottom_left'] ) );
|
|
}
|
|
|
|
$description = $info . ' .woocommerce-variation-description';
|
|
|
|
// Info text align.
|
|
if ( ! $this->is_default( 'info_align' ) ) {
|
|
$this->add_css_property( $info, 'justify-content', $this->args['info_align'] );
|
|
|
|
$direction = is_rtl() ? 'right' : 'left';
|
|
if ( 'flex-end' === $this->args['info_align'] ) {
|
|
$direction = is_rtl() ? 'left' : 'right';
|
|
} elseif ( 'center' === $this->args['info_align'] ) {
|
|
$direction = 'center';
|
|
}
|
|
$this->add_css_property( $description, 'text-align', $direction );
|
|
}
|
|
|
|
// Description text color.
|
|
if ( ! $this->is_default( 'description_color' ) ) {
|
|
$this->add_css_property( $description, 'color', $this->args['description_color'] );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'description_font_size' ) ) {
|
|
$this->add_css_property( $description, 'font-size', fusion_library()->sanitize->get_value_with_unit( $this->args['description_font_size'] ) );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'description_line_height' ) ) {
|
|
$this->add_css_property( $description, 'line-height', $this->args['description_line_height'] );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'description_letter_spacing' ) ) {
|
|
$this->add_css_property( $description, 'letter-spacing', fusion_library()->sanitize->get_value_with_unit( $this->args['description_letter_spacing'] ) );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'description_text_transform' ) ) {
|
|
$this->add_css_property( $description, 'text-transform', $this->args['description_text_transform'] );
|
|
}
|
|
|
|
// Description font family and weight.
|
|
$text_styles = Fusion_Builder_Element_Helper::get_font_styling( $this->args, 'description_typography', 'array' );
|
|
foreach ( $text_styles as $rule => $value ) {
|
|
$this->add_css_property( $description, $rule, $value );
|
|
}
|
|
|
|
// Order for description.
|
|
if ( 'after' === $this->args['description_order'] ) {
|
|
$this->add_css_property( $description, 'order', '2' );
|
|
}
|
|
|
|
// Hide old sale price.
|
|
if ( 'no' === $this->args['show_sale'] ) {
|
|
$this->add_css_property( $info . ' .price del', 'display', 'none' );
|
|
}
|
|
|
|
// Sale order.
|
|
if ( 'before' === $this->args['sale_order'] ) {
|
|
$this->add_css_property( $info . ' .price del', 'margin-' . ( is_rtl() ? 'left' : 'right' ), '0.5em' );
|
|
} else {
|
|
$this->add_css_property( $info . ' .price', 'flex-direction', 'row-reverse' );
|
|
$this->add_css_property( $info . ' .price del', 'margin-' . ( is_rtl() ? 'right' : 'left' ), '0.5em' );
|
|
}
|
|
|
|
// Price font size.
|
|
$prices = [
|
|
$info . ' .price',
|
|
$info . ' .price > .amount',
|
|
$info . ' .price ins .amount',
|
|
];
|
|
if ( ! $this->is_default( 'price_font_size' ) ) {
|
|
$this->add_css_property( $prices, 'font-size', $this->args['price_font_size'] );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'price_line_height' ) ) {
|
|
$this->add_css_property( $prices, 'line-height', $this->args['price_line_height'] );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'price_letter_spacing' ) ) {
|
|
$this->add_css_property( $prices, 'letter-spacing', fusion_library()->sanitize->get_value_with_unit( $this->args['price_letter_spacing'] ) );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'price_text_transform' ) ) {
|
|
$this->add_css_property( $prices, 'text-transform', $this->args['price_text_transform'] );
|
|
}
|
|
|
|
// Price font color.
|
|
if ( ! $this->is_default( 'price_color' ) ) {
|
|
$this->add_css_property( $prices, 'color', $this->args['price_color'] );
|
|
}
|
|
|
|
// Price font family and weight.
|
|
$text_styles = Fusion_Builder_Element_Helper::get_font_styling( $this->args, 'price_typography', 'array' );
|
|
foreach ( $text_styles as $rule => $value ) {
|
|
$this->add_css_property( $prices, $rule, $value );
|
|
}
|
|
|
|
// Sale font size.
|
|
$sales = [
|
|
$info . ' .price del',
|
|
$info . ' .price del .amount',
|
|
];
|
|
if ( ! $this->is_default( 'sale_font_size' ) ) {
|
|
$this->add_css_property( $sales, 'font-size', $this->args['sale_font_size'] );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'sale_line_height' ) ) {
|
|
$this->add_css_property( $sales, 'line-height', $this->args['sale_line_height'] );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'sale_letter_spacing' ) ) {
|
|
$this->add_css_property( $sales, 'letter-spacing', fusion_library()->sanitize->get_value_with_unit( $this->args['sale_letter_spacing'] ) );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'sale_text_transform' ) ) {
|
|
$this->add_css_property( $sales, 'text-transform', $this->args['sale_text_transform'] );
|
|
}
|
|
|
|
// Sale font color.
|
|
if ( ! $this->is_default( 'sale_color' ) ) {
|
|
$this->add_css_property( $sales, 'color', $this->args['sale_color'] );
|
|
}
|
|
|
|
// Sale font family and weight.
|
|
$text_styles = Fusion_Builder_Element_Helper::get_font_styling( $this->args, 'sale_typography', 'array' );
|
|
foreach ( $text_styles as $rule => $value ) {
|
|
$this->add_css_property( $sales, $rule, $value );
|
|
}
|
|
|
|
// Stock font size.
|
|
$stock = [
|
|
$this->base_selector . ' .stock',
|
|
$info . ' .woocommerce-variation-availability',
|
|
];
|
|
if ( ! $this->is_default( 'stock_font_size' ) ) {
|
|
$this->add_css_property( $stock, 'font-size', $this->args['stock_font_size'] );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'stock_line_height' ) ) {
|
|
$this->add_css_property( $stock, 'line-height', $this->args['stock_line_height'] );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'stock_letter_spacing' ) ) {
|
|
$this->add_css_property( $stock, 'letter-spacing', fusion_library()->sanitize->get_value_with_unit( $this->args['stock_letter_spacing'] ) );
|
|
}
|
|
|
|
if ( ! $this->is_default( 'stock_text_transform' ) ) {
|
|
$this->add_css_property( $stock, 'text-transform', $this->args['stock_text_transform'] );
|
|
}
|
|
|
|
// Stock font color.
|
|
if ( ! $this->is_default( 'stock_color' ) ) {
|
|
$this->add_css_property( $stock, 'color', $this->args['stock_color'] );
|
|
}
|
|
|
|
// Stock font family and weight.
|
|
$text_styles = Fusion_Builder_Element_Helper::get_font_styling( $this->args, 'stock_typography', 'array' );
|
|
foreach ( $text_styles as $rule => $value ) {
|
|
$this->add_css_property( $stock, $rule, $value );
|
|
}
|
|
|
|
// Variation clear.
|
|
$variation_clear = $this->base_selector . ' .reset_variations';
|
|
if ( 'hide' !== $this->args['variation_clear'] ) {
|
|
|
|
if ( 'absolute' !== $this->args['variation_clear'] ) {
|
|
$this->add_css_property( $variation_clear, 'position', 'static' );
|
|
$this->add_css_property( $variation_clear, 'display', 'inline-block' );
|
|
$this->add_css_property( $variation_clear, 'right', 'initial' );
|
|
$this->add_css_property( $variation_clear, 'top', 'initial' );
|
|
|
|
// Offset the label cell so text vertically alignment ignores reset link.
|
|
if ( 'floated' === $this->args['variation_layout'] ) {
|
|
$top_margin = empty( $this->args['clear_margin_top'] ) ? '0px' : fusion_library()->sanitize->get_value_with_unit( $this->args['clear_margin_top'] );
|
|
$bottom_margin = empty( $this->args['clear_margin_bottom'] ) ? '0px' : fusion_library()->sanitize->get_value_with_unit( $this->args['clear_margin_bottom'] );
|
|
$this->add_css_property( $this->base_selector . ' .variations tr:last-of-type .label', 'padding-bottom', Fusion_Sanitize::add_css_values( [ $this->extras['body_font_size'], $top_margin, $bottom_margin ] ) );
|
|
}
|
|
}
|
|
|
|
// Variation clear margin.
|
|
if ( ! $this->is_default( 'clear_margin_top' ) ) {
|
|
$this->add_css_property( $variation_clear, 'margin-top', fusion_library()->sanitize->get_value_with_unit( $this->args['clear_margin_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'clear_margin_right' ) ) {
|
|
$this->add_css_property( $variation_clear, 'margin-right', fusion_library()->sanitize->get_value_with_unit( $this->args['clear_margin_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'clear_margin_bottom' ) ) {
|
|
$this->add_css_property( $variation_clear, 'margin-bottom', fusion_library()->sanitize->get_value_with_unit( $this->args['clear_margin_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'clear_margin_left' ) ) {
|
|
$this->add_css_property( $variation_clear, 'margin-left', fusion_library()->sanitize->get_value_with_unit( $this->args['clear_margin_left'] ) );
|
|
}
|
|
|
|
// Variation clear color.
|
|
if ( ! $this->is_default( 'clear_color' ) ) {
|
|
$this->add_css_property( $variation_clear, 'color', $this->args['clear_color'] );
|
|
}
|
|
|
|
// Variation clear color.
|
|
if ( ! $this->is_default( 'clear_color_hover' ) ) {
|
|
$this->add_css_property( $variation_clear . ':hover', 'color', $this->args['clear_color_hover'] );
|
|
}
|
|
} else {
|
|
$this->add_css_property( $variation_clear, 'display', 'none', true );
|
|
}
|
|
|
|
// Button area alignment and spacing.
|
|
$button_wrapper = $this->base_selector . ' .fusion-button-wrapper';
|
|
|
|
// Button alignment.
|
|
if ( 'stacked' === $this->args['button_layout'] ) {
|
|
$this->add_css_property( $button_wrapper, 'flex-direction', 'column' );
|
|
$this->add_css_property( $button_wrapper, 'align-items', $this->args['button_align'] );
|
|
|
|
$button_wrapper_quantity = $button_wrapper . ' .quantity';
|
|
$this->add_css_property( $button_wrapper_quantity, 'margin-bottom', '1.2em' );
|
|
$this->add_css_property( $button_wrapper_quantity, 'margin-right', '0' );
|
|
} elseif ( ! $this->is_default( 'button_justify' ) ) {
|
|
$this->add_css_property( $button_wrapper, 'justify-content', $this->args['button_justify'] );
|
|
|
|
$direction = is_rtl() ? 'left' : 'right';
|
|
$this->add_css_property( $button_wrapper . ' .quantity', 'margin-' . $direction, '1.2em' );
|
|
}
|
|
|
|
// Button area margin.
|
|
if ( ! $this->is_default( 'button_margin_top' ) ) {
|
|
$this->add_css_property( $button_wrapper, 'margin-top', fusion_library()->sanitize->get_value_with_unit( $this->args['button_margin_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'button_margin_right' ) ) {
|
|
$this->add_css_property( $button_wrapper, 'margin-right', fusion_library()->sanitize->get_value_with_unit( $this->args['button_margin_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'button_margin_bottom' ) ) {
|
|
$this->add_css_property( $button_wrapper, 'margin-bottom', fusion_library()->sanitize->get_value_with_unit( $this->args['button_margin_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'button_margin_left' ) ) {
|
|
$this->add_css_property( $button_wrapper, 'margin-left', fusion_library()->sanitize->get_value_with_unit( $this->args['button_margin_left'] ) );
|
|
}
|
|
|
|
// Custom quantity styling if enabled.
|
|
if ( ! $this->is_default( 'quantity_style' ) ) {
|
|
$quantity_input = '.fusion-body #main ' . $this->base_selector . ' .quantity input[type="number"].qty';
|
|
$quantity_buttons = '.fusion-body #main ' . $this->base_selector . ' .quantity input[type="button"]';
|
|
$quantity_both = [ $quantity_input, $quantity_buttons ];
|
|
|
|
// Quantity height.
|
|
$height = '36px';
|
|
if ( ! $this->is_default( 'quantity_height' ) ) {
|
|
$height = fusion_library()->sanitize->get_value_with_unit( $this->args['quantity_height'] );
|
|
$this->add_css_property( $quantity_both, 'height', $height );
|
|
$this->add_css_property( $quantity_buttons, 'width', $height );
|
|
}
|
|
|
|
// Quantity width.
|
|
$width = '36px';
|
|
if ( ! $this->is_default( 'quantity_width' ) ) {
|
|
$width = fusion_library()->sanitize->get_value_with_unit( $this->args['quantity_width'] );
|
|
|
|
if ( false !== strpos( $width, '%' ) ) {
|
|
$this->add_css_property( $quantity_input, 'width', 'calc( 100% - ' . $height . ' - ' . $height . ' )' );
|
|
} else {
|
|
$this->add_css_property( $quantity_input, 'width', $width );
|
|
}
|
|
}
|
|
|
|
// Quantity wrapper.
|
|
if ( ! $this->is_default( 'quantity_width' ) || ! $this->is_default( 'quantity_height' ) ) {
|
|
$this->add_css_property( $this->base_selector . ' .quantity', 'width', 'calc( ' . $width . ' + ' . $height . ' + ' . $height . ' )' );
|
|
}
|
|
|
|
// Quantity border radius left side.
|
|
if ( ! $this->is_default( 'quantity_radius_top_left' ) ) {
|
|
$this->add_css_property( $this->base_selector . ' .quantity .minus', 'border-top-left-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['quantity_radius_top_left'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'quantity_radius_bottom_left' ) ) {
|
|
$this->add_css_property( $this->base_selector . ' .quantity .minus', 'border-bottom-left-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['quantity_radius_bottom_left'] ) );
|
|
}
|
|
|
|
// Quantity border radius right side.
|
|
if ( ! $this->is_default( 'quantity_radius_top_right' ) ) {
|
|
$this->add_css_property( $this->base_selector . ' .quantity .plus', 'border-top-right-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['quantity_radius_top_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'quantity_radius_bottom_left' ) ) {
|
|
$this->add_css_property( $this->base_selector . ' .quantity .plus', 'border-bottom-right-radius', fusion_library()->sanitize->get_value_with_unit( $this->args['quantity_radius_bottom_right'] ) );
|
|
}
|
|
|
|
// Quantity input font size.
|
|
if ( ! $this->is_default( 'quantity_font_size' ) ) {
|
|
$quantity_font = [
|
|
$quantity_input,
|
|
$quantity_buttons,
|
|
$this->base_selector . ' .quantity',
|
|
];
|
|
$this->add_css_property( $quantity_font, 'font-size', fusion_library()->sanitize->get_value_with_unit( $this->args['quantity_font_size'] ) );
|
|
}
|
|
|
|
// Quantity input text color.
|
|
if ( ! $this->is_default( 'quantity_color' ) ) {
|
|
$this->add_css_property( $quantity_input, 'color', $this->args['quantity_color'] );
|
|
}
|
|
|
|
// Quantity input background color.
|
|
if ( ! $this->is_default( 'quantity_background' ) ) {
|
|
$this->add_css_property( $quantity_input, 'background-color', $this->args['quantity_background'] );
|
|
}
|
|
|
|
// Quantity input border size.
|
|
if ( ! $this->is_default( 'quantity_border_sizes_top' ) ) {
|
|
$this->add_css_property( $quantity_input, 'border-top-width', fusion_library()->sanitize->get_value_with_unit( $this->args['quantity_border_sizes_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'quantity_border_sizes_right' ) ) {
|
|
$this->add_css_property( $quantity_input, 'border-right-width', fusion_library()->sanitize->get_value_with_unit( $this->args['quantity_border_sizes_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'quantity_border_sizes_bottom' ) ) {
|
|
$this->add_css_property( $quantity_input, 'border-bottom-width', fusion_library()->sanitize->get_value_with_unit( $this->args['quantity_border_sizes_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'quantity_border_sizes_left' ) ) {
|
|
$this->add_css_property( $quantity_input, 'border-left-width', fusion_library()->sanitize->get_value_with_unit( $this->args['quantity_border_sizes_left'] ) );
|
|
}
|
|
|
|
// Quantity input border color.
|
|
if ( ! $this->is_default( 'quantity_border_color' ) ) {
|
|
$this->add_css_property( $quantity_input, 'border-color', $this->args['quantity_border_color'] );
|
|
}
|
|
|
|
// Quantity buttons border size.
|
|
if ( ! $this->is_default( 'qbutton_border_sizes_top' ) ) {
|
|
$this->add_css_property( $quantity_buttons, 'border-top-width', fusion_library()->sanitize->get_value_with_unit( $this->args['qbutton_border_sizes_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'qbutton_border_sizes_right' ) ) {
|
|
$this->add_css_property( $quantity_buttons, 'border-right-width', fusion_library()->sanitize->get_value_with_unit( $this->args['qbutton_border_sizes_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'qbutton_border_sizes_bottom' ) ) {
|
|
$this->add_css_property( $quantity_buttons, 'border-bottom-width', fusion_library()->sanitize->get_value_with_unit( $this->args['qbutton_border_sizes_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'qbutton_border_sizes_left' ) ) {
|
|
$this->add_css_property( $quantity_buttons, 'border-left-width', fusion_library()->sanitize->get_value_with_unit( $this->args['qbutton_border_sizes_left'] ) );
|
|
}
|
|
|
|
// Quantity button text color.
|
|
if ( ! $this->is_default( 'qbutton_color' ) ) {
|
|
$this->add_css_property( $quantity_buttons, 'color', $this->args['qbutton_color'] );
|
|
}
|
|
|
|
// Quantity button background color.
|
|
if ( ! $this->is_default( 'qbutton_background' ) ) {
|
|
$this->add_css_property( $quantity_buttons, 'background-color', $this->args['qbutton_background'] );
|
|
}
|
|
|
|
// Quantity button border color.
|
|
if ( ! $this->is_default( 'qbutton_border_color' ) ) {
|
|
$this->add_css_property( $quantity_buttons, 'border-color', $this->args['qbutton_border_color'] );
|
|
}
|
|
|
|
$hover_buttons = [
|
|
$quantity_buttons . ':hover',
|
|
$quantity_buttons . ':focus',
|
|
];
|
|
|
|
// Quantity button hover text color.
|
|
if ( ! $this->is_default( 'qbutton_color_hover' ) ) {
|
|
$this->add_css_property( $hover_buttons, 'color', $this->args['qbutton_color_hover'] );
|
|
}
|
|
|
|
// Quantity button hover background color.
|
|
if ( ! $this->is_default( 'qbutton_background_hover' ) ) {
|
|
$this->add_css_property( $hover_buttons, 'background-color', $this->args['qbutton_background_hover'] );
|
|
}
|
|
|
|
// Quantity button hover border color.
|
|
if ( ! $this->is_default( 'qbutton_border_color_hover' ) ) {
|
|
$this->add_css_property( $hover_buttons, 'border-color', $this->args['qbutton_border_color_hover'] );
|
|
}
|
|
}
|
|
|
|
// Custom add to cart button styling.
|
|
if ( ! $this->is_default( 'button_style' ) ) {
|
|
|
|
$button = '.fusion-body ' . $this->base_selector . ' .fusion-button-wrapper .button';
|
|
|
|
// Button size.
|
|
if ( ! $this->is_default( 'button_size' ) ) {
|
|
|
|
$button_size_map = [
|
|
'small' => [
|
|
'padding' => '9px 20px',
|
|
'line_height' => '14px',
|
|
'font_size' => '12px',
|
|
],
|
|
'medium' => [
|
|
'padding' => '11px 23px',
|
|
'line_height' => '16px',
|
|
'font_size' => '13px',
|
|
],
|
|
'large' => [
|
|
'padding' => '13px 29px',
|
|
'line_height' => '17px',
|
|
'font_size' => '14px',
|
|
],
|
|
'xlarge' => [
|
|
'padding' => '17px 40px',
|
|
'line_height' => '21px',
|
|
'font_size' => '18px',
|
|
],
|
|
];
|
|
|
|
if ( isset( $button_size_map[ $this->args['button_size'] ] ) ) {
|
|
$button_dimensions = $button_size_map[ $this->args['button_size'] ];
|
|
$this->add_css_property( $button, 'padding', $button_dimensions['padding'] );
|
|
$this->add_css_property( $button, 'line-height', $button_dimensions['line_height'] );
|
|
$this->add_css_property( $button, 'font-size', $button_dimensions['font_size'] );
|
|
}
|
|
}
|
|
|
|
// Button stretch.
|
|
if ( ! $this->is_default( 'button_stretch' ) ) {
|
|
$this->add_css_property( $button, 'flex', '1' );
|
|
$this->add_css_property( $button, 'width', '100%' );
|
|
}
|
|
|
|
// Button border width.
|
|
if ( ! $this->is_default( 'button_border_top' ) ) {
|
|
$this->add_css_property( $button, 'border-top-width', fusion_library()->sanitize->get_value_with_unit( $this->args['button_border_top'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'button_border_right' ) ) {
|
|
$this->add_css_property( $button, 'border-right-width', fusion_library()->sanitize->get_value_with_unit( $this->args['button_border_right'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'button_border_bottom' ) ) {
|
|
$this->add_css_property( $button, 'border-bottom-width', fusion_library()->sanitize->get_value_with_unit( $this->args['button_border_bottom'] ) );
|
|
}
|
|
if ( ! $this->is_default( 'button_border_left' ) ) {
|
|
$this->add_css_property( $button, 'border-left-width', fusion_library()->sanitize->get_value_with_unit( $this->args['button_border_left'] ) );
|
|
}
|
|
|
|
// Button text color.
|
|
if ( ! $this->is_default( 'button_color' ) ) {
|
|
$this->add_css_property( $button, 'color', $this->args['button_color'] );
|
|
}
|
|
|
|
// Button gradient.
|
|
if ( ( isset( $this->params['button_gradient_top'] ) && '' !== $this->params['button_gradient_top'] ) || ( isset( $this->params['button_gradient_bottom'] ) && '' !== $this->params['button_gradient_bottom'] ) ) {
|
|
$this->add_css_property( $button, 'background', $this->args['button_gradient_top'] );
|
|
$this->add_css_property( $button, 'background-image', 'linear-gradient( to top, ' . $this->args['button_gradient_bottom'] . ', ' . $this->args['button_gradient_top'] . ' )' );
|
|
}
|
|
|
|
// Button border color.
|
|
if ( ! $this->is_default( 'button_border_color' ) ) {
|
|
$this->add_css_property( $button, 'border-color', $this->args['button_border_color'] );
|
|
}
|
|
|
|
$button_hover = $button . ':hover';
|
|
|
|
// Button hover text color.
|
|
if ( ! $this->is_default( 'button_color_hover' ) ) {
|
|
$this->add_css_property( $button_hover, 'color', $this->args['button_color_hover'] );
|
|
}
|
|
|
|
// Button gradient.
|
|
if ( ( isset( $this->params['button_gradient_top_hover'] ) && '' !== $this->params['button_gradient_top_hover'] ) || ( isset( $this->params['button_gradient_bottom_hover'] ) && '' !== $this->params['button_gradient_bottom_hover'] ) ) {
|
|
$this->add_css_property( $button_hover, 'background', $this->args['button_gradient_top_hover'] );
|
|
$this->add_css_property( $button_hover, 'background-image', 'linear-gradient( to top, ' . $this->args['button_gradient_bottom_hover'] . ', ' . $this->args['button_gradient_top_hover'] . ' )' );
|
|
}
|
|
|
|
// Button border color.
|
|
if ( ! $this->is_default( 'button_border_color_hover' ) ) {
|
|
$this->add_css_property( $button_hover, 'border-color', $this->args['button_border_color_hover'] );
|
|
}
|
|
}
|
|
|
|
$css = $this->parse_css();
|
|
|
|
return $css ? '<style>' . $css . '</style>' : '';
|
|
}
|
|
|
|
/**
|
|
* Builds the attributes array.
|
|
*
|
|
* @access public
|
|
* @since 3.2
|
|
* @return array
|
|
*/
|
|
public function attr() {
|
|
$attr = [
|
|
'class' => 'fusion-woo-cart fusion-woo-cart-' . $this->counter,
|
|
'style' => '',
|
|
'data-type' => esc_attr( $this->product->get_type() ),
|
|
'data-layout' => $this->args['variation_layout'],
|
|
];
|
|
|
|
$attr = fusion_builder_visibility_atts( $this->args['hide_on_mobile'], $attr );
|
|
|
|
if ( '' !== $this->args['animation_type'] ) {
|
|
$attr = Fusion_Builder_Animation_Helper::add_animation_attributes( $this->args, $attr );
|
|
}
|
|
|
|
if ( $this->args['class'] ) {
|
|
$attr['class'] .= ' ' . $this->args['class'];
|
|
}
|
|
|
|
if ( $this->args['id'] ) {
|
|
$attr['id'] = $this->args['id'];
|
|
}
|
|
|
|
if ( 'no' === $this->args['show_price'] ) {
|
|
$attr['class'] .= ' hide-price';
|
|
}
|
|
|
|
if ( 'no' === $this->args['show_stock'] ) {
|
|
$attr['class'] .= ' hide-stock';
|
|
}
|
|
return $attr;
|
|
}
|
|
|
|
/**
|
|
* Builds the attributes array.
|
|
*
|
|
* @access public
|
|
* @since 3.2
|
|
* @return array
|
|
*/
|
|
public function icon_attr() {
|
|
|
|
$attr = [
|
|
'class' => fusion_font_awesome_name_handler( $this->args['button_icon'] ),
|
|
'aria-hidden' => 'true',
|
|
];
|
|
|
|
$attr['class'] .= ' button-icon-' . $this->args['icon_position'];
|
|
|
|
return $attr;
|
|
}
|
|
|
|
/**
|
|
* Change clear variaion link content.
|
|
*
|
|
* @access public
|
|
* @since 3.2
|
|
* @param string $html The link markup.
|
|
* @return string
|
|
*/
|
|
public function clear_link( $html = '' ) {
|
|
if ( 'text' === $this->args['clear_content'] ) {
|
|
return '<a class="reset_variations" href="#">' . esc_html( $this->args['clear_text'] ) . '</a>';
|
|
} elseif ( 'icon' === $this->args['clear_content'] ) {
|
|
$icon_class = fusion_font_awesome_name_handler( $this->args['clear_icon'] );
|
|
return '<a class="reset_variations" href="#" aria-label="' . esc_attr__( 'Clear', 'woocommerce' ) . '"><i aria-hidden="true" class="' . $icon_class . '"></i></a>';
|
|
}
|
|
return $html;
|
|
}
|
|
|
|
/**
|
|
* Load base CSS.
|
|
*
|
|
* @access public
|
|
* @since 3.2
|
|
* @return void
|
|
*/
|
|
public function add_css_files() {
|
|
FusionBuilder()->add_element_css( FUSION_BUILDER_PLUGIN_DIR . 'assets/css/components/woo-cart.min.css' );
|
|
}
|
|
|
|
/**
|
|
* Add third party hooks to our awb_after_woo_add_to_cart_content action.
|
|
*
|
|
* @access public
|
|
* @since 3.2
|
|
* @return void
|
|
*/
|
|
public function add_third_party_hooks() {
|
|
|
|
// Change action for the WooCommerce Paypal Payments plugin.
|
|
if ( class_exists( 'WooCommerce\PayPalCommerce\Button\Assets\SmartButton' ) ) {
|
|
add_filter(
|
|
'woocommerce_paypal_payments_single_product_renderer_hook',
|
|
function () {
|
|
return 'awb_woocommerce_paypal_payments_single_product_renderer_hook';
|
|
}
|
|
);
|
|
add_action( 'wp', [ $this, 'catch_woocommerce_paypal_payments_single_product' ], 20 );
|
|
}
|
|
|
|
if ( ( class_exists( 'WC_Zipmoney_Payment_Gateway_Widget' ) || class_exists( 'Woocommerce_Catalog_Enquiry' ) ) && ! is_admin() && ! fusion_doing_ajax() ) {
|
|
add_action( 'wp', [ $this, 'adjust_woocommerce_single_product_summary_actions' ] );
|
|
}
|
|
|
|
if ( class_exists( 'YITH_YWGC_Frontend' ) ) {
|
|
add_action( 'awb_after_woo_add_to_cart_content', [ $this, 'change_yith_ywgc_action' ] );
|
|
}
|
|
|
|
// YITH Waiting List Premium plugin.
|
|
if ( class_exists( 'YITH_WCWTL_Frontend' ) && function_exists( 'YITH_WCWTL_Frontend' ) ) {
|
|
add_action( 'awb_before_woo_add_to_cart_content', [ YITH_WCWTL_Frontend(), 'add_form' ] );
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Catches the PayPal button render from WooCommerce Paypal Payments plugin and moves it to correct hook.
|
|
*
|
|
* @access public
|
|
* @since 3.8
|
|
* @return void
|
|
*/
|
|
public function catch_woocommerce_paypal_payments_single_product() {
|
|
ob_start();
|
|
do_action( 'awb_woocommerce_paypal_payments_single_product_renderer_hook' );
|
|
$paypal_button = ob_get_clean();
|
|
|
|
$action_name = 'woocommerce_single_product_summary';
|
|
$layout_product = fusion_library()->woocommerce->is_product_layout();
|
|
|
|
if ( $layout_product ) {
|
|
$action_name = 'awb_after_woo_add_to_cart_content';
|
|
}
|
|
|
|
add_action(
|
|
$action_name,
|
|
function () use ( $paypal_button ) {
|
|
echo $paypal_button; // phpcs:ignore WordPress.Security.EscapeOutput
|
|
}
|
|
);
|
|
}
|
|
|
|
|
|
/**
|
|
* Adjust plugin functions hooking into woocommerce_single_product_summary to our awb_before_woo_add_to_cart_content action.
|
|
*
|
|
* @access public
|
|
* @since 3.2
|
|
* @return void
|
|
*/
|
|
public function adjust_woocommerce_single_product_summary_actions() {
|
|
// phpcs:disable WordPress.NamingConventions
|
|
global $wp_filter;
|
|
|
|
if ( class_exists( 'Woocommerce_Catalog_Enquiry_Pro' ) ) {
|
|
global $Woocommerce_Catalog_Enquiry_Pro;
|
|
$Woocommerce_Catalog_Enquiry_Pro->frontend->catalog_woocommerce_template_single();
|
|
} elseif ( class_exists( 'Woocommerce_Catalog_Enquiry' ) ) {
|
|
global $Woocommerce_Catalog_Enquiry;
|
|
$Woocommerce_Catalog_Enquiry->frontend->catalog_woocommerce_template_single();
|
|
}
|
|
|
|
if ( isset( $wp_filter['woocommerce_single_product_summary'] ) ) {
|
|
foreach ( $wp_filter['woocommerce_single_product_summary'] as $index => $actions ) {
|
|
foreach ( $actions as $name => $action ) {
|
|
|
|
// Change WooCommerce Catalog Enquiry plugin action.
|
|
if ( false !== strpos( $name, 'add_form_for_enquiry' ) || false !== strpos( $name, 'add_form_for_enquiry_without_popup' ) ) {
|
|
add_action( 'awb_before_woo_add_to_cart_content', $action['function'] );
|
|
}
|
|
|
|
if ( false !== strpos( $name, 'render_widget_product' ) ) {
|
|
add_action( 'awb_before_woo_add_to_cart_content', $action['function'] );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// phpcs:enable WordPress.NamingConventions
|
|
}
|
|
|
|
/**
|
|
* Add YITH Gift Cards plugin hooks to our awb_after_woo_add_to_cart_content action.
|
|
*
|
|
* @access public
|
|
* @since 3.8
|
|
* @return void
|
|
*/
|
|
public function change_yith_ywgc_action() {
|
|
$yith_gift_cards_class = YITH_YWGC_Frontend::get_instance();
|
|
ob_start();
|
|
$yith_gift_cards_class->show_gift_card_product_template();
|
|
$gift_card = ob_get_clean();
|
|
$gift_card = str_replace( 'gift_card_template_button', 'gift_card_template_button fusion-button-wrapper', $gift_card );
|
|
|
|
echo $gift_card; // phpcs:ignore WordPress.Security.EscapeOutput
|
|
}
|
|
}
|
|
}
|
|
|
|
new FusionTB_Woo_Cart();
|
|
}
|
|
|
|
/**
|
|
* Map shortcode to Avada Builder
|
|
*
|
|
* @since 3.2
|
|
*/
|
|
function fusion_component_woo_cart() {
|
|
$fusion_settings = awb_get_fusion_settings();
|
|
|
|
fusion_builder_map(
|
|
fusion_builder_frontend_data(
|
|
'FusionTB_Woo_Cart',
|
|
[
|
|
'name' => esc_attr__( 'Woo Add To Cart', 'fusion-builder' ),
|
|
'shortcode' => 'fusion_tb_woo_cart',
|
|
'icon' => 'fusiona-woo-add-to-cart',
|
|
'component' => true,
|
|
'templates' => [ 'content' ],
|
|
'subparam_map' => [
|
|
'margin_top' => 'margin',
|
|
'margin_right' => 'margin',
|
|
'margin_bottom' => 'margin',
|
|
'margin_left' => 'margin',
|
|
'border_sizes_top' => 'border_sizes',
|
|
'border_sizes_right' => 'border_sizes',
|
|
'border_sizes_bottom' => 'border_sizes',
|
|
'border_sizes_left' => 'border_sizes',
|
|
'cell_padding_top' => 'padding_dimensions',
|
|
'cell_padding_right' => 'padding_dimensions',
|
|
'cell_padding_bottom' => 'padding_dimensions',
|
|
'cell_padding_left' => 'padding_dimensions',
|
|
'label_area_width' => 'label_width',
|
|
'select_height' => 'field_height',
|
|
'select_border_sizes_top' => 'select_border_sizes',
|
|
'select_border_sizes_right' => 'select_border_sizes',
|
|
'select_border_sizes_bottom' => 'select_border_sizes',
|
|
'select_border_sizes_left' => 'select_border_sizes',
|
|
'border_radius_top_left' => 'border_radius',
|
|
'border_radius_top_right' => 'border_radius',
|
|
'border_radius_bottom_right' => 'border_radius',
|
|
'border_radius_bottom_left' => 'border_radius',
|
|
'clear_margin_top' => 'clear_margin_dimensions',
|
|
'clear_margin_right' => 'clear_margin_dimensions',
|
|
'clear_margin_bottom' => 'clear_margin_dimensions',
|
|
'clear_margin_left' => 'clear_margin_dimensions',
|
|
'info_padding_top' => 'info_padding_dimensions',
|
|
'info_padding_right' => 'info_padding_dimensions',
|
|
'info_padding_bottom' => 'info_padding_dimensions',
|
|
'info_padding_left' => 'info_padding_dimensions',
|
|
'info_border_sizes_top' => 'info_border_sizes',
|
|
'info_border_sizes_right' => 'info_border_sizes',
|
|
'info_border_sizes_bottom' => 'info_border_sizes',
|
|
'info_border_sizes_left' => 'info_border_sizes',
|
|
'info_border_radius_top_left' => 'info_border_radius',
|
|
'info_border_radius_top_right' => 'info_border_radius',
|
|
'info_border_radius_bottom_right' => 'info_border_radius',
|
|
'info_border_radius_bottom_left' => 'info_border_radius',
|
|
'button_margin_top' => 'button_margin',
|
|
'button_margin_right' => 'button_margin',
|
|
'button_margin_bottom' => 'button_margin',
|
|
'button_margin_left' => 'button_margin',
|
|
'quantity_width' => 'quantity_height_field',
|
|
'quantity_height' => 'quantity_height_field',
|
|
'quantity_radius_top_left' => 'quantity_border_radius',
|
|
'quantity_radius_top_right' => 'quantity_border_radius',
|
|
'quantity_radius_bottom_right' => 'quantity_border_radius',
|
|
'quantity_radius_bottom_left' => 'quantity_border_radius',
|
|
'quantity_border_sizes_top' => 'quantity_border_sizes',
|
|
'quantity_border_sizes_right' => 'quantity_border_sizes',
|
|
'quantity_border_sizes_bottom' => 'quantity_border_sizes',
|
|
'quantity_border_sizes_left' => 'quantity_border_sizes',
|
|
'qbutton_border_sizes_top' => 'qbutton_border_sizes',
|
|
'qbutton_border_sizes_right' => 'qbutton_border_sizes',
|
|
'qbutton_border_sizes_bottom' => 'qbutton_border_sizes',
|
|
'qbutton_border_sizes_left' => 'qbutton_border_sizes',
|
|
'fusion_font_family_label_typography' => 'label_fonts',
|
|
'fusion_font_variant_label_typography' => 'label_fonts',
|
|
'label_font_size' => 'label_fonts',
|
|
'label_text_transform' => 'label_fonts',
|
|
'label_line_height' => 'label_fonts',
|
|
'label_letter_spacing' => 'label_fonts',
|
|
'label_color' => 'label_fonts',
|
|
'fusion_font_family_price_typography' => 'price_fonts',
|
|
'fusion_font_variant_price_typography' => 'price_fonts',
|
|
'price_font_size' => 'price_fonts',
|
|
'price_text_transform' => 'price_fonts',
|
|
'price_line_height' => 'price_fonts',
|
|
'price_letter_spacing' => 'price_fonts',
|
|
'price_color' => 'price_fonts',
|
|
'fusion_font_family_sale_typography' => 'sale_fonts',
|
|
'fusion_font_variant_sale_typography' => 'sale_fonts',
|
|
'sale_font_size' => 'sale_fonts',
|
|
'sale_text_transform' => 'sale_fonts',
|
|
'sale_line_height' => 'sale_fonts',
|
|
'sale_letter_spacing' => 'sale_fonts',
|
|
'sale_color' => 'sale_fonts',
|
|
'fusion_font_family_stock_typography' => 'stock_fonts',
|
|
'fusion_font_variant_stock_typography' => 'stock_fonts',
|
|
'stock_font_size' => 'stock_fonts',
|
|
'stock_text_transform' => 'stock_fonts',
|
|
'stock_line_height' => 'stock_fonts',
|
|
'stock_letter_spacing' => 'stock_fonts',
|
|
'stock_color' => 'stock_fonts',
|
|
'description_font_size' => 'description_fonts',
|
|
'description_text_transform' => 'description_fonts',
|
|
'description_line_height' => 'description_fonts',
|
|
'description_letter_spacing' => 'description_fonts',
|
|
'description_color' => 'description_fonts',
|
|
'fusion_font_family_description_typography' => 'description_fonts',
|
|
'fusion_font_variant_description_typography' => 'description_fonts',
|
|
],
|
|
'params' => [
|
|
[
|
|
'type' => 'checkbox_button_set',
|
|
'heading' => esc_attr__( 'Element Visibility', 'fusion-builder' ),
|
|
'param_name' => 'hide_on_mobile',
|
|
'value' => fusion_builder_visibility_options( 'full' ),
|
|
'default' => fusion_builder_default_visibility( 'array' ),
|
|
'description' => esc_attr__( 'Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.', 'fusion-builder' ),
|
|
],
|
|
[
|
|
'type' => 'textfield',
|
|
'heading' => esc_attr__( 'CSS Class', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Add a class to the wrapping HTML element.', 'fusion-builder' ),
|
|
'param_name' => 'class',
|
|
'value' => '',
|
|
],
|
|
[
|
|
'type' => 'textfield',
|
|
'heading' => esc_attr__( 'CSS ID', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Add an ID to the wrapping HTML element.', 'fusion-builder' ),
|
|
'param_name' => 'id',
|
|
'value' => '',
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_attr__( 'Variations Margin', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'In pixels or percentage, ex: 10px or 10%.', 'fusion-builder' ),
|
|
'param_name' => 'margin',
|
|
'value' => [
|
|
'margin_top' => '',
|
|
'margin_right' => '',
|
|
'margin_bottom' => '',
|
|
'margin_left' => '',
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'heading' => esc_attr__( 'Cell Border Size', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border size of the variation table cells.', 'fusion-builder' ),
|
|
'param_name' => 'border_sizes',
|
|
'value' => [
|
|
'border_sizes_top' => '',
|
|
'border_sizes_right' => '',
|
|
'border_sizes_bottom' => '',
|
|
'border_sizes_left' => '',
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Cell Border Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border color of the variation table cells', 'fusion-builder' ),
|
|
'param_name' => 'border_color',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'sep_color' ),
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_attr__( 'Cell Padding', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the padding of the variation table cells. Enter values including any valid CSS unit, ex: 10px or 10%.', 'fusion-builder' ),
|
|
'param_name' => 'padding_dimensions',
|
|
'value' => [
|
|
'cell_padding_top' => '',
|
|
'cell_padding_right' => '',
|
|
'cell_padding_bottom' => '',
|
|
'cell_padding_left' => '',
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Cell Background Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the background color of the variation table cells.', 'fusion-builder' ),
|
|
'param_name' => 'cell_background',
|
|
'value' => '',
|
|
'default' => 'rgba(255,255,255,0)',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Variation Layout', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Select the layout for the variations. Floated will have the label and select side by side. Stacked will have one per row.', 'fusion-builder' ),
|
|
'param_name' => 'variation_layout',
|
|
'default' => 'floated',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'value' => [
|
|
'floated' => esc_attr__( 'Floated', 'fusion-builder' ),
|
|
'stacked' => esc_attr__( 'Stacked', 'fusion-builder' ),
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_html__( 'Label Width', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Leave empty for automatic width. Enter values including any valid CSS unit, ex: 10px.', 'fusion-builder' ),
|
|
'param_name' => 'label_width',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'value' => [
|
|
'label_area_width' => '',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'variation_layout',
|
|
'value' => 'floated',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Text Alignment', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Select the text alignment for the variation label and variation swatches.', 'fusion-builder' ),
|
|
'param_name' => 'text_align',
|
|
'default' => '',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'value' => [
|
|
'' => esc_attr__( 'Text Flow', 'fusion-builder' ),
|
|
'left' => esc_attr__( 'Left', 'fusion-builder' ),
|
|
'center' => esc_attr__( 'Center', 'fusion-builder' ),
|
|
'right' => esc_attr__( 'Right', 'fusion-builder' ),
|
|
],
|
|
],
|
|
[
|
|
'type' => 'typography',
|
|
'heading' => esc_attr__( 'Label Typography', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Controls the typography of the label text. Leave empty for the global font family.', 'fusion-builder' ),
|
|
'param_name' => 'label_fonts',
|
|
'choices' => [
|
|
'font-family' => 'label_typography',
|
|
'font-size' => 'label_font_size',
|
|
'text-transform' => 'label_text_transform',
|
|
'line-height' => 'label_line_height',
|
|
'letter-spacing' => 'label_letter_spacing',
|
|
'color' => 'label_color',
|
|
],
|
|
'default' => [
|
|
'font-family' => '',
|
|
'variant' => '400',
|
|
'font-size' => '',
|
|
'text-transform' => '',
|
|
'line-height' => '',
|
|
'letter-spacing' => '',
|
|
'color' => $fusion_settings->get( 'body_typography', 'color' ),
|
|
],
|
|
'remove_from_atts' => true,
|
|
'global' => true,
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Select Style', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Select whether you want to custom style the select fields for variations.', 'fusion-builder' ),
|
|
'param_name' => 'select_style',
|
|
'value' => [
|
|
'' => esc_attr__( 'Default', 'fusion-builder' ),
|
|
'custom' => esc_attr__( 'Custom', 'fusion-builder' ),
|
|
],
|
|
'default' => '',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_html__( 'Select Height', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Enter values including any valid CSS unit, ex: 10px.', 'fusion-builder' ),
|
|
'param_name' => 'field_height',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'value' => [
|
|
'select_height' => '',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'select_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'textfield',
|
|
'heading' => esc_attr__( 'Select Font Size', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Controls the font size of the select field. Enter value including any valid CSS unit, ex: 20px.', 'fusion-builder' ),
|
|
'param_name' => 'select_font_size',
|
|
'value' => '',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'select_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Select Text Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the text color of the select fields.', 'fusion-builder' ),
|
|
'param_name' => 'select_color',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'form_text_color' ),
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'select_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Select Background Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the background color of the select fields.', 'fusion-builder' ),
|
|
'param_name' => 'select_background',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'form_bg_color' ),
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'select_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'heading' => esc_attr__( 'Select Border Size', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border size of the select fields.', 'fusion-builder' ),
|
|
'param_name' => 'select_border_sizes',
|
|
'value' => [
|
|
'select_border_sizes_top' => '',
|
|
'select_border_sizes_right' => '',
|
|
'select_border_sizes_bottom' => '',
|
|
'select_border_sizes_left' => '',
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'select_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Select Border Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border color of the select fields.', 'fusion-builder' ),
|
|
'param_name' => 'select_border_color',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'form_border_color' ),
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'select_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_html__( 'Select Border Radius', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Enter values including any valid CSS unit, ex: 10px.', 'fusion-builder' ),
|
|
'param_name' => 'border_radius',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'select_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'value' => [
|
|
'border_radius_top_left' => '',
|
|
'border_radius_top_right' => '',
|
|
'border_radius_bottom_right' => '',
|
|
'border_radius_bottom_left' => '',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Swatch Style', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Select whether you want to custom style the Avada variation swatches.', 'fusion-builder' ),
|
|
'param_name' => 'swatch_style',
|
|
'value' => [
|
|
'' => esc_attr__( 'Default', 'fusion-builder' ),
|
|
'custom' => esc_attr__( 'Custom', 'fusion-builder' ),
|
|
],
|
|
'default' => '',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_attr__( 'Swatch Item Margin', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'In pixels or percentage, ex: 10px or 10%.', 'fusion-builder' ),
|
|
'param_name' => 'swatch_margin',
|
|
'value' => [
|
|
'swatch_margin_top' => '',
|
|
'swatch_margin_right' => '',
|
|
'swatch_margin_bottom' => '',
|
|
'swatch_margin_left' => '',
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Swatch Background Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the background color of the color, image and button swatch fields.', 'fusion-builder' ),
|
|
'param_name' => 'swatch_background_color',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'form_bg_color' ),
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Swatch Active Background Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the background color of the color, image and button swatch fields when active.', 'fusion-builder' ),
|
|
'param_name' => 'swatch_background_color_active',
|
|
'value' => '',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'heading' => esc_attr__( 'Swatch Border Size', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border size of the color, image and button swatch fields.', 'fusion-builder' ),
|
|
'param_name' => 'swatch_border_sizes',
|
|
'value' => [
|
|
'swatch_border_sizes_top' => '',
|
|
'swatch_border_sizes_right' => '',
|
|
'swatch_border_sizes_bottom' => '',
|
|
'swatch_border_sizes_left' => '',
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Swatch Border Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border color of the color, image and button swatch fields.', 'fusion-builder' ),
|
|
'param_name' => 'swatch_border_color',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'form_border_color' ),
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Swatch Active Border Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border color of the color, image and button swatch fields when active.', 'fusion-builder' ),
|
|
'param_name' => 'swatch_border_color_active',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'form_focus_border_color' ),
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_html__( 'Color Swatch Dimensions', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Enter values including any valid CSS unit, ex: 10px.', 'fusion-builder' ),
|
|
'param_name' => 'color_swatch_dimensions',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'value' => [
|
|
'color_swatch_width' => '',
|
|
'color_swatch_height' => '',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_attr__( 'Color Swatch Padding', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the padding of the color swatches. Enter values including any valid CSS unit, ex: 10px or 10%.', 'fusion-builder' ),
|
|
'param_name' => 'color_swatch_padding',
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'value' => [
|
|
'color_swatch_padding_top' => '',
|
|
'color_swatch_padding_right' => '',
|
|
'color_swatch_padding_bottom' => '',
|
|
'color_swatch_padding_left' => '',
|
|
],
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_html__( 'Color Swatch Border Radius', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Enter values including any valid CSS unit, ex: 10px.', 'fusion-builder' ),
|
|
'param_name' => 'color_swatch_border_radius',
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'value' => [
|
|
'color_swatch_border_radius_top_left' => '',
|
|
'color_swatch_border_radius_top_right' => '',
|
|
'color_swatch_border_radius_bottom_right' => '',
|
|
'color_swatch_border_radius_bottom_left' => '',
|
|
],
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_html__( 'Image Swatch Dimensions', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Enter values including any valid CSS unit, ex: 10px.', 'fusion-builder' ),
|
|
'param_name' => 'image_swatch_dimensions',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'value' => [
|
|
'image_swatch_height' => '',
|
|
'image_swatch_width' => '',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_attr__( 'Image Swatch Padding', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the padding of the image swatches. Enter values including any valid CSS unit, ex: 10px or 10%.', 'fusion-builder' ),
|
|
'param_name' => 'image_swatch_padding',
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'value' => [
|
|
'image_swatch_padding_top' => '',
|
|
'image_swatch_padding_right' => '',
|
|
'image_swatch_padding_bottom' => '',
|
|
'image_swatch_padding_left' => '',
|
|
],
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_html__( 'Image Swatch Border Radius', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Enter values including any valid CSS unit, ex: 10px.', 'fusion-builder' ),
|
|
'param_name' => 'image_swatch_border_radius',
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'value' => [
|
|
'image_swatch_border_radius_top_left' => '',
|
|
'image_swatch_border_radius_top_right' => '',
|
|
'image_swatch_border_radius_bottom_right' => '',
|
|
'image_swatch_border_radius_bottom_left' => '',
|
|
],
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_html__( 'Button Swatch Dimensions', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Enter values including any valid CSS unit, ex: 10px. Leave empty for auto.', 'fusion-builder' ),
|
|
'param_name' => 'button_swatch_dimensions',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'value' => [
|
|
'button_swatch_width' => '',
|
|
'button_swatch_height' => '',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_attr__( 'Button Swatch Padding', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the padding of the button swatches. Enter values including any valid CSS unit, ex: 10px or 10%.', 'fusion-builder' ),
|
|
'param_name' => 'button_swatch_padding',
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'value' => [
|
|
'button_swatch_padding_top' => '',
|
|
'button_swatch_padding_right' => '',
|
|
'button_swatch_padding_bottom' => '',
|
|
'button_swatch_padding_left' => '',
|
|
],
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_html__( 'Button Swatch Border Radius', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Enter values including any valid CSS unit, ex: 10px.', 'fusion-builder' ),
|
|
'param_name' => 'button_swatch_border_radius',
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'value' => [
|
|
'button_swatch_border_radius_top_left' => '',
|
|
'button_swatch_border_radius_top_right' => '',
|
|
'button_swatch_border_radius_bottom_right' => '',
|
|
'button_swatch_border_radius_bottom_left' => '',
|
|
],
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'textfield',
|
|
'heading' => esc_attr__( 'Button Swatch Font Size', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Controls the font size of the button swatches. Enter value including any valid CSS unit, ex: 20px.', 'fusion-builder' ),
|
|
'param_name' => 'button_swatch_font_size',
|
|
'value' => '',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Button Swatch Text Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the text color of the button swatches.', 'fusion-builder' ),
|
|
'param_name' => 'button_swatch_color',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'link_color' ),
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Button Swatch Active Text Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the text color of the button swatches when active.', 'fusion-builder' ),
|
|
'param_name' => 'button_swatch_color_active',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'primary_color' ),
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'swatch_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Variation Clear', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls how you want to disable the variation clear link.', 'fusion-builder' ),
|
|
'param_name' => 'variation_clear',
|
|
'value' => [
|
|
'absolute' => esc_attr__( 'Absolute', 'fusion-builder' ),
|
|
'inline' => esc_attr__( 'Inline', 'fusion-builder' ),
|
|
'hide' => esc_attr__( 'Hide', 'fusion-builder' ),
|
|
],
|
|
'default' => 'hide',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_ajax',
|
|
'action' => 'get_fusion_tb_woo_cart',
|
|
'ajax' => true,
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Clear Content', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the content type for the clear link. Default will use WooCommerce text string.', 'fusion-builder' ),
|
|
'param_name' => 'clear_content',
|
|
'value' => [
|
|
'' => esc_attr__( 'Default', 'fusion-builder' ),
|
|
'text' => esc_attr__( 'Text', 'fusion-builder' ),
|
|
'icon' => esc_attr__( 'Icon', 'fusion-builder' ),
|
|
],
|
|
'default' => '',
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'variation_clear',
|
|
'value' => 'hide',
|
|
'operator' => '!=',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_ajax',
|
|
'action' => 'get_fusion_tb_woo_cart',
|
|
'ajax' => true,
|
|
],
|
|
],
|
|
[
|
|
'type' => 'iconpicker',
|
|
'heading' => esc_attr__( 'Clear Icon', 'fusion-builder' ),
|
|
'param_name' => 'clear_icon',
|
|
'value' => '',
|
|
'description' => esc_attr__( 'Click an icon to select, click again to deselect.', 'fusion-builder' ),
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'variation_clear',
|
|
'value' => 'hide',
|
|
'operator' => '!=',
|
|
],
|
|
[
|
|
'element' => 'clear_content',
|
|
'value' => 'icon',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_ajax',
|
|
'action' => 'get_fusion_tb_woo_cart',
|
|
'ajax' => true,
|
|
],
|
|
],
|
|
[
|
|
'type' => 'textfield',
|
|
'heading' => esc_attr__( 'Clear Text', 'fusion-builder' ),
|
|
'param_name' => 'clear_text',
|
|
'value' => '',
|
|
'description' => esc_attr__( 'Custom text to use for the variation clear link.', 'fusion-builder' ),
|
|
'dynamic_data' => true,
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'variation_clear',
|
|
'value' => 'hide',
|
|
'operator' => '!=',
|
|
],
|
|
[
|
|
'element' => 'clear_content',
|
|
'value' => 'text',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_ajax',
|
|
'action' => 'get_fusion_tb_woo_cart',
|
|
'ajax' => true,
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_attr__( 'Clear Margin', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the margin of the clear link. Enter values including any valid CSS unit, ex: 10px or 10%.', 'fusion-builder' ),
|
|
'param_name' => 'clear_margin_dimensions',
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'value' => [
|
|
'clear_margin_top' => '',
|
|
'clear_margin_right' => '',
|
|
'clear_margin_bottom' => '',
|
|
'clear_margin_left' => '',
|
|
],
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'variation_clear',
|
|
'value' => 'hide',
|
|
'operator' => '!=',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Clear Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the text color of the clear link.', 'fusion-builder' ),
|
|
'param_name' => 'clear_color',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'link_color' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'variation_clear',
|
|
'value' => 'hide',
|
|
'operator' => '!=',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Clear Hover Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the text color of the clear link on hover.', 'fusion-builder' ),
|
|
'param_name' => 'clear_color_hover',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'link_hover_color' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'group' => esc_attr__( 'Variations', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'variation_clear',
|
|
'value' => 'hide',
|
|
'operator' => '!=',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_attr__( 'Details Padding', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the padding of the variation details area. Enter values including any valid CSS unit, ex: 10px or 10%.', 'fusion-builder' ),
|
|
'param_name' => 'info_padding_dimensions',
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'value' => [
|
|
'info_padding_top' => '',
|
|
'info_padding_right' => '',
|
|
'info_padding_bottom' => '',
|
|
'info_padding_left' => '',
|
|
],
|
|
'group' => esc_attr__( 'Details', 'fusion-builder' ),
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Details Background Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the background color of the variation details area.', 'fusion-builder' ),
|
|
'param_name' => 'info_background',
|
|
'value' => '',
|
|
'default' => 'rgba(255,255,255,0)',
|
|
'group' => esc_attr__( 'Details', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'heading' => esc_attr__( 'Details Border Size', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border size of the variation details area.', 'fusion-builder' ),
|
|
'param_name' => 'info_border_sizes',
|
|
'value' => [
|
|
'info_border_sizes_top' => '',
|
|
'info_border_sizes_right' => '',
|
|
'info_border_sizes_bottom' => '',
|
|
'info_border_sizes_left' => '',
|
|
],
|
|
'group' => esc_attr__( 'Details', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Details Border Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border color of the variation details area.', 'fusion-builder' ),
|
|
'param_name' => 'info_border_color',
|
|
'value' => '',
|
|
'default' => 'rgba(255,255,255,0)',
|
|
'group' => esc_attr__( 'Details', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_html__( 'Details Border Radius', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Enter values including any valid CSS unit, ex: 10px.', 'fusion-builder' ),
|
|
'param_name' => 'info_border_radius',
|
|
'group' => esc_attr__( 'Details', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'value' => [
|
|
'info_border_radius_top_left' => '',
|
|
'info_border_radius_top_right' => '',
|
|
'info_border_radius_bottom_right' => '',
|
|
'info_border_radius_bottom_left' => '',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Details Alignment', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Select the content alignment within the details area.', 'fusion-builder' ),
|
|
'param_name' => 'info_align',
|
|
'default' => 'flex-start',
|
|
'grid_layout' => true,
|
|
'back_icons' => true,
|
|
'icons' => [
|
|
'flex-start' => '<span class="fusiona-horizontal-flex-start"></span>',
|
|
'center' => '<span class="fusiona-horizontal-flex-center"></span>',
|
|
'flex-end' => '<span class="fusiona-horizontal-flex-end"></span>',
|
|
'space-between' => '<span class="fusiona-horizontal-space-between"></span>',
|
|
'space-around' => '<span class="fusiona-horizontal-space-around"></span>',
|
|
'space-evenly' => '<span class="fusiona-horizontal-space-evenly"></span>',
|
|
],
|
|
'value' => [
|
|
'flex-start' => esc_html__( 'Flex Start', 'fusion-builder' ),
|
|
'center' => esc_html__( 'Center', 'fusion-builder' ),
|
|
'flex-end' => esc_html__( 'Flex End', 'fusion-builder' ),
|
|
'space-between' => esc_html__( 'Space Between', 'fusion-builder' ),
|
|
'space-around' => esc_html__( 'Space Around', 'fusion-builder' ),
|
|
'space-evenly' => esc_html__( 'Space Evenly', 'fusion-builder' ),
|
|
],
|
|
'group' => esc_attr__( 'Details', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'typography',
|
|
'heading' => esc_attr__( ' Description Typography', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Controls the typography of the description text. Leave empty for the global font family.', 'fusion-builder' ),
|
|
'param_name' => 'description_fonts',
|
|
'choices' => [
|
|
'font-family' => 'description_typography',
|
|
'font-size' => 'description_font_size',
|
|
'text-transform' => 'description_text_transform',
|
|
'line-height' => 'description_line_height',
|
|
'letter-spacing' => 'description_letter_spacing',
|
|
'color' => 'description_color',
|
|
],
|
|
'default' => [
|
|
'font-family' => '',
|
|
'variant' => '400',
|
|
'font-size' => '',
|
|
'text-transform' => '',
|
|
'line-height' => '',
|
|
'letter-spacing' => '',
|
|
'color' => $fusion_settings->get( 'body_typography', 'color' ),
|
|
],
|
|
'remove_from_atts' => true,
|
|
'global' => true,
|
|
'group' => esc_attr__( 'Details', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Description Order', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Display order for description. Can be before price/stock or after..', 'fusion-builder' ),
|
|
'param_name' => 'description_order',
|
|
'value' => [
|
|
'before' => esc_attr__( 'Before Price', 'fusion-builder' ),
|
|
'after' => esc_attr__( 'After Price', 'fusion-builder' ),
|
|
],
|
|
'default' => 'before',
|
|
'group' => esc_attr__( 'Details', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Show Price', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Make a selection to show or hide the variation price. "Always" will display the price even if all variations share the same. "Auto" will only display the price when variations have different prices.', 'fusion-builder' ),
|
|
'group' => esc_attr__( 'Details', 'fusion-builder' ),
|
|
'param_name' => 'show_price',
|
|
'default' => 'yes',
|
|
'value' => [
|
|
'always' => esc_attr__( 'Always', 'fusion-builder' ),
|
|
'yes' => esc_attr__( 'Auto', 'fusion-builder' ),
|
|
'no' => esc_attr__( 'No', 'fusion-builder' ),
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_cart_hide',
|
|
'args' => [
|
|
'selector' => 'hide-price',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'typography',
|
|
'heading' => esc_attr__( 'Price Typography', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Controls the typography of the price text. Leave empty for the global font family.', 'fusion-builder' ),
|
|
'param_name' => 'price_fonts',
|
|
'choices' => [
|
|
'font-family' => 'price_typography',
|
|
'font-size' => 'price_font_size',
|
|
'text-transform' => 'price_text_transform',
|
|
'line-height' => 'price_line_height',
|
|
'letter-spacing' => 'price_letter_spacing',
|
|
'color' => 'price_color',
|
|
],
|
|
'default' => [
|
|
'font-family' => '',
|
|
'variant' => '400',
|
|
'font-size' => '',
|
|
'text-transform' => '',
|
|
'line-height' => '',
|
|
'letter-spacing' => '',
|
|
'color' => $fusion_settings->get( 'primary_color' ),
|
|
],
|
|
'remove_from_atts' => true,
|
|
'global' => true,
|
|
'group' => esc_attr__( 'Details', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'show_price',
|
|
'value' => 'no',
|
|
'operator' => '!=',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Show Sale Old Price', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Make a selection to show or hide sale old price.', 'fusion-builder' ),
|
|
'group' => esc_attr__( 'Details', 'fusion-builder' ),
|
|
'param_name' => 'show_sale',
|
|
'default' => 'yes',
|
|
'value' => [
|
|
'yes' => esc_attr__( 'Yes', 'fusion-builder' ),
|
|
'no' => esc_attr__( 'No', 'fusion-builder' ),
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'show_price',
|
|
'value' => 'no',
|
|
'operator' => '!=',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Sale Old Price Position', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Select if the sale old price should be before or after the regular price.', 'fusion-builder' ),
|
|
'param_name' => 'sale_order',
|
|
'default' => 'after',
|
|
'group' => esc_attr__( 'Details', 'fusion-builder' ),
|
|
'value' => [
|
|
'before' => esc_attr__( 'Before Regular', 'fusion-builder' ),
|
|
'after' => esc_attr__( 'After Regular', 'fusion-builder' ),
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'show_price',
|
|
'value' => 'no',
|
|
'operator' => '!=',
|
|
],
|
|
[
|
|
'element' => 'show_sale',
|
|
'value' => 'no',
|
|
'operator' => '!=',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'typography',
|
|
'heading' => esc_attr__( 'Sale Old Price Typography', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Controls the typography of the sale old price text. Leave empty for the global font family.', 'fusion-builder' ),
|
|
'param_name' => 'sale_fonts',
|
|
'choices' => [
|
|
'font-family' => 'sale_typography',
|
|
'font-size' => 'sale_font_size',
|
|
'text-transform' => 'sale_text_transform',
|
|
'line-height' => 'sale_line_height',
|
|
'letter-spacing' => 'sale_letter_spacing',
|
|
'color' => 'sale_color',
|
|
],
|
|
'default' => [
|
|
'font-family' => '',
|
|
'variant' => '400',
|
|
'font-size' => '',
|
|
'text-transform' => '',
|
|
'line-height' => '',
|
|
'letter-spacing' => '',
|
|
'color' => $fusion_settings->get( 'body_typography', 'color' ),
|
|
],
|
|
'remove_from_atts' => true,
|
|
'global' => true,
|
|
'group' => esc_attr__( 'Details', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'show_price',
|
|
'value' => 'no',
|
|
'operator' => '!=',
|
|
],
|
|
[
|
|
'element' => 'show_sale',
|
|
'value' => 'no',
|
|
'operator' => '!=',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Show Stock', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Make a selection to show or hide the variation stock.', 'fusion-builder' ),
|
|
'group' => esc_attr__( 'Details', 'fusion-builder' ),
|
|
'param_name' => 'show_stock',
|
|
'default' => 'yes',
|
|
'value' => [
|
|
'yes' => esc_attr__( 'Yes', 'fusion-builder' ),
|
|
'no' => esc_attr__( 'No', 'fusion-builder' ),
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_cart_hide',
|
|
'args' => [
|
|
'selector' => 'hide-stock',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'typography',
|
|
'heading' => esc_attr__( 'Stock Typography', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Controls the typography of the stock text. Leave empty for the global font family.', 'fusion-builder' ),
|
|
'param_name' => 'stock_fonts',
|
|
'choices' => [
|
|
'font-family' => 'stock_typography',
|
|
'font-size' => 'stock_font_size',
|
|
'text-transform' => 'stock_text_transform',
|
|
'line-height' => 'stock_line_height',
|
|
'letter-spacing' => 'stock_letter_spacing',
|
|
'color' => 'stock_color',
|
|
],
|
|
'default' => [
|
|
'font-family' => '',
|
|
'variant' => '400',
|
|
'text-transform' => '',
|
|
'line-height' => '',
|
|
'letter-spacing' => '',
|
|
'color' => $fusion_settings->get( 'body_typography', 'color' ),
|
|
],
|
|
'remove_from_atts' => true,
|
|
'global' => true,
|
|
'group' => esc_attr__( 'Details', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'show_stock',
|
|
'value' => 'no',
|
|
'operator' => '!=',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_attr__( 'Cart Margin', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'In pixels or percentage, ex: 10px or 10%.', 'fusion-builder' ),
|
|
'param_name' => 'button_margin',
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
'value' => [
|
|
'button_margin_top' => '',
|
|
'button_margin_right' => '',
|
|
'button_margin_bottom' => '',
|
|
'button_margin_left' => '',
|
|
],
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Cart Layout', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Select the layout for the quantity and add to cart button. Floated will have them side by side. Stacked will have one per row.', 'fusion-builder' ),
|
|
'param_name' => 'button_layout',
|
|
'default' => 'floated',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'value' => [
|
|
'floated' => esc_attr__( 'Floated', 'fusion-builder' ),
|
|
'stacked' => esc_attr__( 'Stacked', 'fusion-builder' ),
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Cart Alignment', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Select the content alignment.', 'fusion-builder' ),
|
|
'param_name' => 'button_justify',
|
|
'default' => 'flex-start',
|
|
'grid_layout' => true,
|
|
'back_icons' => true,
|
|
'icons' => [
|
|
'flex-start' => '<span class="fusiona-horizontal-flex-start"></span>',
|
|
'center' => '<span class="fusiona-horizontal-flex-center"></span>',
|
|
'flex-end' => '<span class="fusiona-horizontal-flex-end"></span>',
|
|
'space-between' => '<span class="fusiona-horizontal-space-between"></span>',
|
|
'space-around' => '<span class="fusiona-horizontal-space-around"></span>',
|
|
'space-evenly' => '<span class="fusiona-horizontal-space-evenly"></span>',
|
|
],
|
|
'value' => [
|
|
'flex-start' => esc_html__( 'Flex Start', 'fusion-builder' ),
|
|
'center' => esc_html__( 'Center', 'fusion-builder' ),
|
|
'flex-end' => esc_html__( 'Flex End', 'fusion-builder' ),
|
|
'space-between' => esc_html__( 'Space Between', 'fusion-builder' ),
|
|
'space-around' => esc_html__( 'Space Around', 'fusion-builder' ),
|
|
'space-evenly' => esc_html__( 'Space Evenly', 'fusion-builder' ),
|
|
],
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_layout',
|
|
'value' => 'floated',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Cart Alignment', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Select the content alignment.', 'fusion-builder' ),
|
|
'param_name' => 'button_align',
|
|
'default' => 'flex-start',
|
|
'grid_layout' => true,
|
|
'back_icons' => true,
|
|
'icons' => [
|
|
'flex-start' => '<span class="fusiona-horizontal-flex-start"></span>',
|
|
'center' => '<span class="fusiona-horizontal-flex-center"></span>',
|
|
'flex-end' => '<span class="fusiona-horizontal-flex-end"></span>',
|
|
],
|
|
'value' => [
|
|
'flex-start' => esc_html__( 'Flex Start', 'fusion-builder' ),
|
|
'center' => esc_html__( 'Center', 'fusion-builder' ),
|
|
'flex-end' => esc_html__( 'Flex End', 'fusion-builder' ),
|
|
],
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_layout',
|
|
'value' => 'floated',
|
|
'operator' => '!=',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Quantity Style', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Select whether you want to custom style the quantity field.', 'fusion-builder' ),
|
|
'param_name' => 'quantity_style',
|
|
'value' => [
|
|
'' => esc_attr__( 'Default', 'fusion-builder' ),
|
|
'custom' => esc_attr__( 'Custom', 'fusion-builder' ),
|
|
],
|
|
'default' => '',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_html__( 'Quantity Input Dimensions', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Enter values including any valid CSS unit, ex: 10px.', 'fusion-builder' ),
|
|
'param_name' => 'quantity_height_field',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'value' => [
|
|
'quantity_width' => '',
|
|
'quantity_height' => '',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'quantity_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_html__( 'Quantity Border Radius', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Enter values including any valid CSS unit, ex: 10px.', 'fusion-builder' ),
|
|
'param_name' => 'quantity_border_radius',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'value' => [
|
|
'quantity_radius_top_left' => '',
|
|
'quantity_radius_top_right' => '',
|
|
'quantity_radius_bottom_right' => '',
|
|
'quantity_radius_bottom_left' => '',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'quantity_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'textfield',
|
|
'heading' => esc_attr__( 'Quantity Input Font Size', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Controls the font size of the select field. Enter value including any valid CSS unit, ex: 20px.', 'fusion-builder' ),
|
|
'param_name' => 'quantity_font_size',
|
|
'value' => '',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'quantity_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Quantity Input Text Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the text color of the select fields.', 'fusion-builder' ),
|
|
'param_name' => 'quantity_color',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'body_typography', 'color' ),
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'quantity_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Quantity Input Background Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the background color of the select fields.', 'fusion-builder' ),
|
|
'param_name' => 'quantity_background',
|
|
'value' => '',
|
|
'default' => 'rgba(255,255,255,0)',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'quantity_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'heading' => esc_attr__( 'Quantity Input Border Size', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border size of the select fields.', 'fusion-builder' ),
|
|
'param_name' => 'quantity_border_sizes',
|
|
'value' => [
|
|
'quantity_border_sizes_top' => '',
|
|
'quantity_border_sizes_right' => '',
|
|
'quantity_border_sizes_bottom' => '',
|
|
'quantity_border_sizes_left' => '',
|
|
],
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'quantity_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Quantity Input Border Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border color of the select fields.', 'fusion-builder' ),
|
|
'param_name' => 'quantity_border_color',
|
|
'value' => '',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'default' => $fusion_settings->get( 'sep_color' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'quantity_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'heading' => esc_attr__( 'Quantity Button Border Size', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border size of the select fields.', 'fusion-builder' ),
|
|
'param_name' => 'qbutton_border_sizes',
|
|
'value' => [
|
|
'qbutton_border_sizes_top' => '',
|
|
'qbutton_border_sizes_right' => '',
|
|
'qbutton_border_sizes_bottom' => '',
|
|
'qbutton_border_sizes_left' => '',
|
|
],
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'quantity_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'subgroup',
|
|
'heading' => esc_html__( 'Quantity Button Styling', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Use filters to see specific type of content.', 'fusion-builder' ),
|
|
'param_name' => 'quantity_styling',
|
|
'default' => 'regular',
|
|
'group' => esc_html__( 'Cart', 'fusion-builder' ),
|
|
'remove_from_atts' => true,
|
|
'value' => [
|
|
'regular' => esc_html__( 'Regular', 'fusion-builder' ),
|
|
'hover' => esc_html__( 'Hover / Active', 'fusion-builder' ),
|
|
],
|
|
'icons' => [
|
|
'regular' => '<span class="fusiona-regular-state" style="font-size:18px;"></span>',
|
|
'hover' => '<span class="fusiona-hover-state" style="font-size:18px;"></span>',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'quantity_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Quantity Button Text Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the text color of the select fields.', 'fusion-builder' ),
|
|
'param_name' => 'qbutton_color',
|
|
'value' => '',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'default' => $fusion_settings->get( 'body_typography', 'color' ),
|
|
'subgroup' => [
|
|
'name' => 'quantity_styling',
|
|
'tab' => 'regular',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'quantity_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Quantity Button Background Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the background color of the select fields.', 'fusion-builder' ),
|
|
'param_name' => 'qbutton_background',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'qty_bg_color' ),
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'subgroup' => [
|
|
'name' => 'quantity_styling',
|
|
'tab' => 'regular',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'quantity_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Quantity Button Border Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border color of the select fields.', 'fusion-builder' ),
|
|
'param_name' => 'qbutton_border_color',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'sep_color' ),
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'subgroup' => [
|
|
'name' => 'quantity_styling',
|
|
'tab' => 'regular',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'quantity_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Quantity Button Text Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the text color of the select fields.', 'fusion-builder' ),
|
|
'param_name' => 'qbutton_color_hover',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'body_typography', 'color' ),
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'subgroup' => [
|
|
'name' => 'quantity_styling',
|
|
'tab' => 'hover',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'quantity_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Quantity Button Background Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the background color of the select fields.', 'fusion-builder' ),
|
|
'param_name' => 'qbutton_background_hover',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'qty_bg_hover_color' ),
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'subgroup' => [
|
|
'name' => 'quantity_styling',
|
|
'tab' => 'hover',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'quantity_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Quantity Button Border Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border color of the select fields.', 'fusion-builder' ),
|
|
'param_name' => 'qbutton_border_color_hover',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'sep_color' ),
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'subgroup' => [
|
|
'name' => 'quantity_styling',
|
|
'tab' => 'hover',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'quantity_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Add To Cart Button Style', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Select whether you want to custom style the add to cart button.', 'fusion-builder' ),
|
|
'param_name' => 'button_style',
|
|
'value' => [
|
|
'' => esc_attr__( 'Default', 'fusion-builder' ),
|
|
'custom' => esc_attr__( 'Custom', 'fusion-builder' ),
|
|
],
|
|
'default' => '',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Button Size', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the button size.', 'fusion-builder' ),
|
|
'param_name' => 'button_size',
|
|
'default' => '',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'value' => [
|
|
'' => esc_attr__( 'Default', 'fusion-builder' ),
|
|
'small' => esc_attr__( 'Small', 'fusion-builder' ),
|
|
'medium' => esc_attr__( 'Medium', 'fusion-builder' ),
|
|
'large' => esc_attr__( 'Large', 'fusion-builder' ),
|
|
'xlarge' => esc_attr__( 'XLarge', 'fusion-builder' ),
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Button Span', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls if the button spans the full width/remaining width of row.', 'fusion-builder' ),
|
|
'param_name' => 'button_stretch',
|
|
'default' => 'no',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'value' => [
|
|
'yes' => esc_attr__( 'Yes', 'fusion-builder' ),
|
|
'no' => esc_attr__( 'No', 'fusion-builder' ),
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'dimension',
|
|
'remove_from_atts' => true,
|
|
'heading' => esc_attr__( 'Button Border Size', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border size. In pixels or percentage, ex: 10px or 10%.', 'fusion-builder' ),
|
|
'param_name' => 'button_border_width',
|
|
'value' => [
|
|
'button_border_top' => '',
|
|
'button_border_right' => '',
|
|
'button_border_bottom' => '',
|
|
'button_border_left' => '',
|
|
],
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
'args' => [
|
|
|
|
'dimension' => true,
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'iconpicker',
|
|
'heading' => esc_attr__( 'Icon', 'fusion-builder' ),
|
|
'param_name' => 'button_icon',
|
|
'value' => '',
|
|
'description' => esc_attr__( 'Click an icon to select, click again to deselect.', 'fusion-builder' ),
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_ajax',
|
|
'action' => 'get_fusion_tb_woo_cart',
|
|
'ajax' => true,
|
|
],
|
|
],
|
|
[
|
|
'type' => 'radio_button_set',
|
|
'heading' => esc_attr__( 'Icon Position', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Choose the position of the icon on the button.', 'fusion-builder' ),
|
|
'param_name' => 'icon_position',
|
|
'value' => [
|
|
'left' => esc_attr__( 'Left', 'fusion-builder' ),
|
|
'right' => esc_attr__( 'Right', 'fusion-builder' ),
|
|
],
|
|
'default' => 'left',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'callback' => [
|
|
'function' => 'fusion_ajax',
|
|
'action' => 'get_fusion_tb_woo_cart',
|
|
'ajax' => true,
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
[
|
|
'element' => 'button_icon',
|
|
'value' => '',
|
|
'operator' => '!=',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'subgroup',
|
|
'heading' => esc_html__( 'Button Styling', 'fusion-builder' ),
|
|
'description' => esc_html__( 'Use filters to see specific type of content.', 'fusion-builder' ),
|
|
'param_name' => 'button_styling',
|
|
'default' => 'regular',
|
|
'group' => esc_html__( 'Cart', 'fusion-builder' ),
|
|
'remove_from_atts' => true,
|
|
'value' => [
|
|
'regular' => esc_html__( 'Regular', 'fusion-builder' ),
|
|
'hover' => esc_html__( 'Hover / Active', 'fusion-builder' ),
|
|
],
|
|
'icons' => [
|
|
'regular' => '<span class="fusiona-regular-state" style="font-size:18px;"></span>',
|
|
'hover' => '<span class="fusiona-hover-state" style="font-size:18px;"></span>',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Button Text Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the text color of the button.', 'fusion-builder' ),
|
|
'param_name' => 'button_color',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'button_accent_color' ),
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'subgroup' => [
|
|
'name' => 'button_styling',
|
|
'tab' => 'regular',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Button Gradient Top Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the text color of the button.', 'fusion-builder' ),
|
|
'param_name' => 'button_gradient_top',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'button_gradient_top_color' ),
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'subgroup' => [
|
|
'name' => 'button_styling',
|
|
'tab' => 'regular',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Button Gradient Bottom Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the text color of the button.', 'fusion-builder' ),
|
|
'param_name' => 'button_gradient_bottom',
|
|
'value' => '',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'default' => $fusion_settings->get( 'button_gradient_bottom_color' ),
|
|
'subgroup' => [
|
|
'name' => 'button_styling',
|
|
'tab' => 'regular',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Button Border Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border color of the button.', 'fusion-builder' ),
|
|
'param_name' => 'button_border_color',
|
|
'value' => '',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'default' => $fusion_settings->get( 'button_border_color' ),
|
|
'subgroup' => [
|
|
'name' => 'button_styling',
|
|
'tab' => 'regular',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Button Text Hover Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the text color of the button.', 'fusion-builder' ),
|
|
'param_name' => 'button_color_hover',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'button_accent_hover_color' ),
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'subgroup' => [
|
|
'name' => 'button_styling',
|
|
'tab' => 'hover',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Button Gradient Top Hover Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the text color of the button.', 'fusion-builder' ),
|
|
'param_name' => 'button_gradient_top_hover',
|
|
'value' => '',
|
|
'default' => $fusion_settings->get( 'button_gradient_top_color_hover' ),
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'subgroup' => [
|
|
'name' => 'button_styling',
|
|
'tab' => 'hover',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Button Gradient Bottom Hover Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the text color of the button.', 'fusion-builder' ),
|
|
'param_name' => 'button_gradient_bottom_hover',
|
|
'value' => '',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'default' => $fusion_settings->get( 'button_gradient_bottom_color_hover' ),
|
|
'subgroup' => [
|
|
'name' => 'button_styling',
|
|
'tab' => 'hover',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
[
|
|
'type' => 'colorpickeralpha',
|
|
'heading' => esc_attr__( 'Button Border Hover Color', 'fusion-builder' ),
|
|
'description' => esc_attr__( 'Controls the border color of the button.', 'fusion-builder' ),
|
|
'param_name' => 'button_border_color_hover',
|
|
'value' => '',
|
|
'group' => esc_attr__( 'Cart', 'fusion-builder' ),
|
|
'default' => $fusion_settings->get( 'button_border_hover_color' ),
|
|
'subgroup' => [
|
|
'name' => 'button_styling',
|
|
'tab' => 'hover',
|
|
],
|
|
'dependency' => [
|
|
[
|
|
'element' => 'button_style',
|
|
'value' => 'custom',
|
|
'operator' => '==',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_style_block',
|
|
],
|
|
],
|
|
'fusion_animation_placeholder' => [
|
|
'preview_selector' => '.fusion-woo-cart-tb',
|
|
],
|
|
],
|
|
'callback' => [
|
|
'function' => 'fusion_ajax',
|
|
'action' => 'get_fusion_tb_woo_cart',
|
|
'ajax' => true,
|
|
],
|
|
]
|
|
)
|
|
);
|
|
}
|
|
add_action( 'fusion_builder_before_init', 'fusion_component_woo_cart' );
|