`, so otherwise the setting silently does nothing).
// Scoping to `.text` keeps the decoration line off the sibling `.icon` — a text-decoration set on
// the button ancestor is painted across all its inline descendants, underlining the icon too.
// scope_selectors_to_label() walks the multi-selector list (free base + pro per-layout parts);
// plain concatenation would only reach the last selector and leave the others on the button.
$fields['rtsb_el_add_to_cart_button_typography']['fields_options'] = [
'text_decoration' => [
'selectors' => [
self::scope_selectors_to_label( $css_selectors['typography'] ) => 'text-decoration: {{VALUE}} !important;',
],
],
];
$fields['add_to_cart_button_alignment'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Icon Size', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'condition' => [
'show_cart_icon' => [ 'yes' ],
],
'selectors' => $selectors['icon_size'],
];
$extra_controls = [];
$extra_controls['cart_icon_alignment'] = [
'type' => 'choose',
'label' => esc_html__( 'Icon Alignment', 'shopbuilder' ),
'options' => [
'left' => [
'title' => esc_html__( 'Left', 'shopbuilder' ),
'icon' => 'eicon-arrow-left',
],
'right' => [
'title' => esc_html__( 'Right', 'shopbuilder' ),
'icon' => 'eicon-arrow-right',
],
],
'default' => 'left',
'toggle' => true,
'condition' => [
'show_cart_text' => [ 'yes' ],
'show_cart_icon' => [ 'yes' ],
],
];
$extra_controls['cart_width'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Width', 'shopbuilder' ),
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 0,
'max' => 1000,
],
],
'selectors' => $selectors['cart_width'],
];
$extra_controls['cart_height'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'height', 'shopbuilder' ),
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 0,
'max' => 1000,
],
],
'selectors' => $selectors['cart_height'],
];
$fields = Fns::insert_controls( 'add_to_cart_button_alignment', $fields, $extra_controls, true );
$extra_controls['add_to_cart_button_icon_color'] = [
'type' => 'color',
'label' => esc_html__( 'Icon Color', 'shopbuilder' ),
'selectors' => $selectors['icon_color'],
];
$fields = Fns::insert_controls( 'add_to_cart_button_bg_color', $fields, $extra_controls, true );
$extra_controls['add_to_cart_button_hover_icon_color'] = [
'type' => 'color',
'label' => esc_html__( 'Hover Icon Color', 'shopbuilder' ),
'selectors' => $selectors['hover_icon_color'],
];
$fields = Fns::insert_controls( 'add_to_cart_button_hover_bg_color', $fields, $extra_controls, true );
$extra_controls['add_to_cart_button_radius'] = [
'mode' => 'responsive',
'type' => 'dimensions',
'label' => esc_html__( 'Border Radius', 'shopbuilder' ),
'size_units' => [ 'px', '%', 'em' ],
'selectors' => $selectors['border_radius'],
];
$fields = Fns::insert_controls( 'add_to_cart_button_border_hover_color', $fields, $extra_controls, true );
return apply_filters( 'rtsb/elements/elementor/add_to_cart_style_control', $fields, $obj );
}
/**
* Action Buttons Section.
*
* Shared style controls that apply to every action button (Add to Cart, Wishlist,
* Compare, Quick View) instead of a single button type. The Icon Spacing control
* uses flex `gap` on `.rtsb-action-btn.has-text`, so it adapts to both icon-left
* and icon-right layouts and only affects buttons that display text.
*
* @param object $obj Reference object.
*
* @return array
*/
public static function action_buttons( $obj ): array {
$css_selectors = $obj->selectors['action_buttons'];
$fields = [];
$fields['action_buttons_style_section'] = $obj->start_section(
esc_html__( 'Action Buttons', 'shopbuilder' ),
'style'
);
$fields['action_buttons_icon_gap'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Icon/Text Spacing', 'shopbuilder' ),
'description' => esc_html__( 'Gap between the icon and text on action buttons. Applies whenever button text is shown.', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => 8,
],
'selectors' => [
$css_selectors['icon_gap'] => 'gap: {{SIZE}}{{UNIT}} !important;',
],
];
$fields['action_buttons_style_section_end'] = $obj->end_section();
return apply_filters( 'rtsb/elements/elementor/action_buttons_style_control', $fields, $obj );
}
/**
* Append the label-span suffix (` .text`) to every selector in a comma-separated list.
*
* The Add-to-Cart selector maps are multi-selector lists — the free base plus the per-layout
* selectors that pro appends (grid/slider/list layouts). Text-only styling (Text Color, Hover
* Text Color, Text Decoration) must target the label span on EACH selector so it never lands on
* the button ancestor, where `color` would inherit into the sibling `.icon` and a `text-decoration`
* line would be painted across it. Plain string concatenation would only reach the last selector.
*
* @param string $selector_list Comma-separated CSS selector list of button selectors.
*
* @return string Comma-separated list with ` .text` appended to each selector.
*/
private static function scope_selectors_to_label( $selector_list ): string {
$selectors = array_filter( array_map( 'trim', explode( ',', (string) $selector_list ) ) );
$selectors = array_map(
static function ( $selector ) {
return $selector . ' .text';
},
$selectors
);
return implode( ', ', $selectors );
}
/**
* Product Compare Section
*
* @param object $obj Reference object.
*
* @return array
*/
public static function product_compare( $obj ): array {
$css_selectors = $obj->selectors['product_compare'];
$title = esc_html__( 'Compare Button', 'shopbuilder' );
$condition = [
'show_compare' => [ 'yes' ],
];
$selectors = self::action_btn_selectors( $css_selectors );
$fields = ControlHelper::general_elementor_style( 'compare_button', $title, $obj, $condition, $selectors );
unset( $fields['compare_button_alignment'] );
$fields['rtsb_el_compare_button_typography'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Icon Size', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'condition' => [
'show_cart_icon' => [ 'yes' ],
],
'selectors' => $selectors['icon_size'],
];
$extra_controls = [];
$extra_controls['compare_width'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Min Width', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 1000,
],
],
'selectors' => $selectors['width'],
];
$extra_controls['compare_height'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'height', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => $selectors['height'],
];
$fields = Fns::insert_controls( 'compare_button_color_note', $fields, $extra_controls );
$extra_controls['compare_button_radius'] = [
'mode' => 'responsive',
'type' => 'dimensions',
'label' => esc_html__( 'Border Radius', 'shopbuilder' ),
'size_units' => [ 'px', '%', 'em' ],
'selectors' => $selectors['border_radius'],
];
$fields = Fns::insert_controls( 'compare_button_border_hover_color', $fields, $extra_controls, true );
return apply_filters( 'rtsb/elements/elementor/compare_style_control', $fields, $obj );
}
/**
* Product Wishlist Section
*
* @param object $obj Reference object.
*
* @return array
*/
public static function product_wishlist( $obj ): array {
$css_selectors = $obj->selectors['product_wishlist'];
$title = esc_html__( 'Wishlist Button', 'shopbuilder' );
$condition = [
'show_wishlist' => [ 'yes' ],
];
$selectors = self::action_btn_selectors( $css_selectors );
$fields = ControlHelper::general_elementor_style( 'wishlist_button', $title, $obj, $condition, $selectors );
unset( $fields['wishlist_button_alignment'] );
$fields['rtsb_el_wishlist_button_typography'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Icon Size', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'condition' => [
'show_cart_icon' => [ 'yes' ],
],
'selectors' => $selectors['icon_size'],
];
$extra_controls = [];
$extra_controls['wishlist_width'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Min Width', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 1000,
],
],
'selectors' => $selectors['width'],
];
$extra_controls['wishlist_height'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'height', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => $selectors['height'],
];
$fields = Fns::insert_controls( 'wishlist_button_color_note', $fields, $extra_controls );
$extra_controls['wishlist_button_radius'] = [
'mode' => 'responsive',
'type' => 'dimensions',
'label' => esc_html__( 'Border Radius', 'shopbuilder' ),
'size_units' => [ 'px', '%', 'em' ],
'selectors' => $selectors['border_radius'],
];
$fields = Fns::insert_controls( 'wishlist_button_border_hover_color', $fields, $extra_controls, true );
return apply_filters( 'rtsb/elements/elementor/wishlist_style_control', $fields, $obj );
}
/**
* Product Quick View Section
*
* @param object $obj Reference object.
*
* @return array
*/
public static function product_quick_view( $obj ): array {
$css_selectors = $obj->selectors['product_quick_view'];
$title = esc_html__( 'Quick View Button', 'shopbuilder' );
$condition = [
'show_quick_view' => [ 'yes' ],
];
$selectors = self::action_btn_selectors( $css_selectors );
$fields = ControlHelper::general_elementor_style( 'quick_view_button', $title, $obj, $condition, $selectors );
unset( $fields['quick_view_button_alignment'] );
$fields['rtsb_el_quick_view_button_typography'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Icon Size', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'condition' => [
'show_cart_icon' => [ 'yes' ],
],
'selectors' => $selectors['icon_size'],
];
$extra_controls = [];
$extra_controls['quick_view_width'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Min Width', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 1000,
],
],
'selectors' => $selectors['width'],
];
$extra_controls['quick_view_height'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'height', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => $selectors['height'],
];
$fields = Fns::insert_controls( 'quick_view_button_color_note', $fields, $extra_controls );
$extra_controls['quick_view_button_radius'] = [
'mode' => 'responsive',
'type' => 'dimensions',
'label' => esc_html__( 'Border Radius', 'shopbuilder' ),
'size_units' => [ 'px', '%', 'em' ],
'selectors' => $selectors['border_radius'],
];
$fields = Fns::insert_controls( 'quick_view_button_border_hover_color', $fields, $extra_controls, true );
return apply_filters( 'rtsb/elements/elementor/quick_view_style_control', $fields, $obj );
}
/**
* Hover Icon Button Section
*
* @param object $obj Reference object.
*
* @return array
*/
public static function hover_icon_button( $obj ): array {
$css_selectors = $obj->selectors['hover_icon_button'];
$title = esc_html__( 'Hover Icon Button', 'shopbuilder' );
$condition = [
'layout' => [ 'grid-layout2', 'slider-layout2' ],
];
$selectors = [
'typography' => $css_selectors['typography'],
'icon_size' => [
$css_selectors['icon_size']['font_size'] => 'font-size: {{SIZE}}{{UNIT}} !important;',
$css_selectors['icon_size']['svg'] => 'width: {{SIZE}}{{UNIT}} !important;',
],
'hover_icon_spacing' => [ $css_selectors['hover_icon_spacing'] => 'margin-left: {{SIZE}}{{UNIT}}' ],
'color' => [ $css_selectors['color'] => 'color: {{VALUE}}' ],
'bg_color' => [ $css_selectors['bg_color'] => 'background-color: {{VALUE}}' ],
'icon_color' => [ $css_selectors['icon_color'] => 'color: {{VALUE}}' ],
'hover_color' => [ $css_selectors['hover_color'] => 'color: {{VALUE}}' ],
'hover_bg_color' => [ $css_selectors['hover_bg_color'] => 'background-color: {{VALUE}}' ],
'hover_icon_color' => [ $css_selectors['hover_icon_color'] => 'color: {{VALUE}}' ],
'border' => $css_selectors['border'],
'border_hover_color' => [ $css_selectors['border_hover_color'] => 'border-color: {{VALUE}}' ],
'border_radius' => [ $css_selectors['border_radius'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}' ],
'padding' => [ $css_selectors['padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
'margin' => [ $css_selectors['margin'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
];
$fields = ControlHelper::general_elementor_style( 'hover_icon_button', $title, $obj, $condition, $selectors );
$fields['hover_icon_button_alignment'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Icon Size', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => 14,
],
'condition' => [
'show_hover_btn_icon' => [ 'yes' ],
],
'selectors' => $selectors['icon_size'],
];
$extra_controls = [];
$extra_controls['hover_icon_button_spacing'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Icon Spacing', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => 5,
],
'condition' => [
'show_hover_btn_icon' => [ 'yes' ],
],
'selectors' => $selectors['hover_icon_spacing'],
];
$fields = Fns::insert_controls( 'hover_icon_button_alignment', $fields, $extra_controls, true );
$extra_controls['hover_icon_button_icon_color'] = [
'type' => 'color',
'label' => esc_html__( 'Icon Color', 'shopbuilder' ),
'condition' => [
'show_hover_btn_icon' => [ 'yes' ],
],
'selectors' => $selectors['icon_color'],
];
$fields = Fns::insert_controls( 'hover_icon_button_bg_color', $fields, $extra_controls, true );
$extra_controls['hover_icon_button_hover_icon_color'] = [
'type' => 'color',
'label' => esc_html__( 'Hover Icon Color', 'shopbuilder' ),
'condition' => [
'show_hover_btn_icon' => [ 'yes' ],
],
'selectors' => $selectors['hover_icon_color'],
];
$fields = Fns::insert_controls( 'hover_icon_button_hover_bg_color', $fields, $extra_controls, true );
$extra_controls['hover_icon_button_radius'] = [
'mode' => 'responsive',
'type' => 'dimensions',
'label' => esc_html__( 'Border Radius', 'shopbuilder' ),
'size_units' => [ 'px', '%', 'em' ],
'selectors' => $selectors['border_radius'],
];
$fields = Fns::insert_controls( 'hover_icon_button_border_hover_color', $fields, $extra_controls, true );
return apply_filters( 'rtsb/elements/elementor/hover_icon_btn_style_control', $fields, $obj );
}
/**
* Share Items Section
*
* @param object $obj Reference object.
*
* @return array
*/
public static function share_items( $obj ): array {
$css_selectors = $obj->selectors['share_items'];
$title = esc_html__( 'Share Items', 'shopbuilder' );
$condition = [
'layout!' => [ 'default' ],
];
$selectors = [
'share_icons_spacing' => [ $css_selectors['share_icons_spacing'] => 'gap: {{SIZE}}{{UNIT}}' ],
'share_items_min_width' => [ $css_selectors['share_items_min_width'] => 'min-width: {{SIZE}}{{UNIT}}' ],
'social_items_color' => [ $css_selectors['social_items_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'social_items_bg_color' => [ $css_selectors['social_items_bg_color'] => 'background-color: {{VALUE}}' ],
'facebook_color' => [ $css_selectors['facebook_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'twitter_color' => [ $css_selectors['twitter_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'linkedin_color' => [ $css_selectors['linkedin_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'pinterest_color' => [ $css_selectors['pinterest_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'skype_color' => [ $css_selectors['skype_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'whatsapp_color' => [ $css_selectors['whatsapp_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'reddit_color' => [ $css_selectors['reddit_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'telegram_color' => [ $css_selectors['telegram_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'facebook_bg_color' => [ $css_selectors['facebook_bg_color'] => 'background-color: {{VALUE}}' ],
'twitter_bg_color' => [ $css_selectors['twitter_bg_color'] => 'background-color: {{VALUE}}' ],
'linkedin_bg_color' => [ $css_selectors['linkedin_bg_color'] => 'background-color: {{VALUE}}' ],
'pinterest_bg_color' => [ $css_selectors['pinterest_bg_color'] => 'background-color: {{VALUE}}' ],
'skype_bg_color' => [ $css_selectors['skype_bg_color'] => 'background-color: {{VALUE}}' ],
'whatsapp_bg_color' => [ $css_selectors['whatsapp_bg_color'] => 'background-color: {{VALUE}}' ],
'reddit_bg_color' => [ $css_selectors['reddit_bg_color'] => 'background-color: {{VALUE}}' ],
'telegram_bg_color' => [ $css_selectors['telegram_bg_color'] => 'background-color: {{VALUE}}' ],
'social_items_hover_color' => [ $css_selectors['social_items_hover_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'social_items_hover_bg_color' => [ $css_selectors['social_items_hover_bg_color'] => 'background-color: {{VALUE}}' ],
'facebook_hover_color' => [ $css_selectors['facebook_hover_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'twitter_hover_color' => [ $css_selectors['twitter_hover_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'linkedin_hover_color' => [ $css_selectors['linkedin_hover_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'pinterest_hover_color' => [ $css_selectors['pinterest_hover_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'skype_hover_color' => [ $css_selectors['skype_hover_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'whatsapp_hover_color' => [ $css_selectors['whatsapp_hover_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'reddit_hover_color' => [ $css_selectors['reddit_hover_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'telegram_hover_color' => [ $css_selectors['telegram_hover_color'] => 'fill: {{VALUE}}; color: {{VALUE}}' ],
'facebook_hover_bg_color' => [ $css_selectors['facebook_hover_bg_color'] => 'background-color: {{VALUE}}' ],
'twitter_hover_bg_color' => [ $css_selectors['twitter_hover_bg_color'] => 'background-color: {{VALUE}}' ],
'linkedin_hover_bg_color' => [ $css_selectors['linkedin_hover_bg_color'] => 'background-color: {{VALUE}}' ],
'pinterest_hover_bg_color' => [ $css_selectors['pinterest_hover_bg_color'] => 'background-color: {{VALUE}}' ],
'skype_hover_bg_color' => [ $css_selectors['skype_hover_bg_color'] => 'background-color: {{VALUE}}' ],
'whatsapp_hover_bg_color' => [ $css_selectors['whatsapp_hover_bg_color'] => 'background-color: {{VALUE}}' ],
'reddit_hover_bg_color' => [ $css_selectors['reddit_hover_bg_color'] => 'background-color: {{VALUE}}' ],
'telegram_hover_bg_color' => [ $css_selectors['telegram_hover_bg_color'] => 'background-color: {{VALUE}}' ],
'border' => $css_selectors['border'],
'border_hover_color' => [ $css_selectors['border_hover_color'] => 'border-color: {{VALUE}}' ],
'border_radius' => [ $css_selectors['border_radius'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}' ],
'padding' => [ $css_selectors['padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
'margin' => [ $css_selectors['margin'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
];
$fields = ControlHelper::general_elementor_style( 'share_items', $title, $obj, $condition, $selectors );
unset(
$fields['rtsb_el_share_items_typography'],
$fields['share_items_alignment'],
$fields['share_items_hover_color'],
$fields['share_items_hover_bg_color'],
$fields['share_items_color'],
$fields['share_items_bg_color']
);
$extra_controls = [];
$extra_controls['share_items_spacing'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Items Spacing', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => $selectors['share_icons_spacing'],
];
$extra_controls['share_items_min_width'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Items Min Width', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 300,
],
],
'selectors' => $selectors['share_items_min_width'],
];
$fields = Fns::insert_controls( 'share_items_typo_note', $fields, $extra_controls, true );
$share_platforms = ControlHelper::sharing_settings();
$extra_controls['social_items_color'] = [
'type' => 'color',
'label' => esc_html__( 'Items Color', 'shopbuilder' ),
'selectors' => $selectors['social_items_color'],
];
$extra_controls['social_items_bg_color'] = [
'type' => 'color',
'label' => esc_html__( 'Items Background Color', 'shopbuilder' ),
'selectors' => $selectors['social_items_bg_color'],
];
foreach ( $share_platforms as $share_platform ) {
$extra_controls[ $share_platform . '_color' ] = [
'type' => 'color',
'label' => ucfirst( $share_platform ) . esc_html__( ' Color', 'shopbuilder' ),
'selectors' => $selectors[ $share_platform . '_color' ],
];
$extra_controls[ $share_platform . '_bg_color' ] = [
'type' => 'color',
'label' => ucfirst( $share_platform ) . esc_html__( ' Background', 'shopbuilder' ),
'selectors' => $selectors[ $share_platform . '_bg_color' ],
];
$fields = Fns::insert_controls( 'share_items_color_tab', $fields, $extra_controls, true );
}
$extra_controls['social_items_hover_color'] = [
'type' => 'color',
'label' => esc_html__( 'Items Hover Color', 'shopbuilder' ),
'selectors' => $selectors['social_items_hover_color'],
];
$extra_controls['social_items_hover_bg_color'] = [
'type' => 'color',
'label' => esc_html__( 'Items Background Hover Color', 'shopbuilder' ),
'selectors' => $selectors['social_items_hover_bg_color'],
];
foreach ( $share_platforms as $share_platform ) {
$extra_controls[ $share_platform . '_hover_color' ] = [
'type' => 'color',
'label' => ucfirst( $share_platform ) . esc_html__( ' Hover Color', 'shopbuilder' ),
'selectors' => $selectors[ $share_platform . '_hover_color' ],
];
$extra_controls[ $share_platform . '_hover_bg_color' ] = [
'type' => 'color',
'label' => ucfirst( $share_platform ) . esc_html__( ' Hover Background', 'shopbuilder' ),
'selectors' => $selectors[ $share_platform . '_hover_bg_color' ],
];
$fields = Fns::insert_controls( 'share_items_hover_color_tab', $fields, $extra_controls, true );
}
$extra_controls['share_items_radius'] = [
'mode' => 'responsive',
'type' => 'dimensions',
'label' => esc_html__( 'Border Radius', 'shopbuilder' ),
'size_units' => [ 'px', '%', 'em' ],
'selectors' => $selectors['border_radius'],
];
$fields = Fns::insert_controls( 'share_items_border_hover_color', $fields, $extra_controls, true );
return apply_filters( 'rtsb/elements/elementor/share_icons_style_control', $fields, $obj );
}
/**
* Share Icons Section
*
* @param object $obj Reference object.
*
* @return array
*/
public static function share_icons( $obj ): array {
$css_selectors = $obj->selectors['share_icons'];
$title = esc_html__( 'Share Icons', 'shopbuilder' );
$condition = [
'layout!' => [ 'default' ],
];
$selectors = [
'share_icons_width' => [ $css_selectors['share_icons_width'] => 'width: {{SIZE}}{{UNIT}}' ],
'share_icons_height' => [ $css_selectors['share_icons_height'] => 'height: {{SIZE}}{{UNIT}}' ],
'color' => [ $css_selectors['color'] => 'fill: {{VALUE}}' ],
'bg_color' => [ $css_selectors['bg_color'] => 'background-color: {{VALUE}}' ],
'hover_color' => [ $css_selectors['hover_color'] => 'fill: {{VALUE}}' ],
'hover_bg_color' => [ $css_selectors['hover_bg_color'] => 'background-color: {{VALUE}}' ],
'border' => $css_selectors['border'],
'border_hover_color' => [ $css_selectors['border_hover_color'] => 'border-color: {{VALUE}}' ],
'padding' => [ $css_selectors['padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
'margin' => [ $css_selectors['margin'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
];
$fields = ControlHelper::general_elementor_style( 'share_icons', $title, $obj, $condition, $selectors );
unset(
$fields['rtsb_el_share_icons_typography'],
$fields['share_icons_alignment'],
);
$extra_controls = [];
$extra_controls['share_icons_width'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Icon Width', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => $selectors['share_icons_width'],
];
$extra_controls['share_icons_height'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Icon Height', 'shopbuilder' ),
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => $selectors['share_icons_height'],
];
$fields = Fns::insert_controls( 'share_icons_typo_note', $fields, $extra_controls, true );
$fields['share_icons_typo_note']['raw'] = sprintf(
'%s
',
esc_html__( 'Dimension', 'shopbuilder' )
);
return apply_filters( 'rtsb/elements/elementor/share_icons_style_control', $fields, $obj );
}
/**
* Share Text Section
*
* @param object $obj Reference object.
*
* @return array
*/
public static function share_text( $obj ): array {
$css_selectors = $obj->selectors['share_text'];
$title = esc_html__( 'Share Text', 'shopbuilder' );
$condition = [
'layout!' => [ 'default' ],
];
$selectors = [
'typography' => $css_selectors['typography'],
'alignment' => [ $css_selectors['alignment'] => 'text-align: {{VALUE}};' ],
'color' => [ $css_selectors['color'] => 'color: {{VALUE}};' ],
'bg_color' => [ $css_selectors['bg_color'] => 'background-color: {{VALUE}}' ],
'hover_color' => [ $css_selectors['hover_color'] => 'color: {{VALUE}}' ],
'hover_bg_color' => [ $css_selectors['hover_bg_color'] => 'background-color: {{VALUE}}' ],
'border' => $css_selectors['border'],
'border_hover_color' => [ $css_selectors['border_hover_color'] => 'border-color: {{VALUE}}' ],
'padding' => [ $css_selectors['padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
'margin' => [ $css_selectors['margin'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
];
$fields = ControlHelper::general_elementor_style( 'share_text', $title, $obj, $condition, $selectors );
// text-align only bites on Preset 2, whose label has a min-width for the text to
// align within; Preset 1's label is exactly text-width, so hide the control there.
$fields['share_text_alignment']['condition'] = [ 'layout' => 'share-layout2' ];
return apply_filters( 'rtsb/elements/elementor/share_text_style_control', $fields, $obj );
}
/**
* Share Text Section
*
* @param object $obj Reference object.
*
* @return array
*/
public static function share_header( $obj ): array {
$css_selectors = $obj->selectors['share_header'];
$title = esc_html__( 'Share Header', 'shopbuilder' );
$condition = [
'show_share_pre_text' => [ 'yes' ],
];
$selectors = [
'typography' => $css_selectors['typography'],
'share_header_type' => [ $css_selectors['share_header_type'] => 'display: {{VALUE}};' ],
'color' => [ $css_selectors['color'] => 'color: {{VALUE}};' ],
'bg_color' => [ $css_selectors['bg_color'] => 'background-color: {{VALUE}}' ],
'border' => $css_selectors['border'],
'padding' => [ $css_selectors['padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
'margin' => [ $css_selectors['margin'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;' ],
];
$fields = ControlHelper::general_elementor_style( 'share_header', $title, $obj, $condition, $selectors );
unset(
$fields['share_header_alignment'],
$fields['share_header_color_tabs'],
$fields['share_header_color_tab'],
$fields['share_header_color_tab_end'],
$fields['share_header_hover_color_tab'],
$fields['share_header_hover_color'],
$fields['share_header_hover_bg_color'],
$fields['share_header_hover_color_tab_end'],
$fields['share_header_color_tabs_end'],
$fields['share_header_border_hover_color'],
);
$extra_controls = [];
$extra_controls['share_header_type'] = [
'type' => 'choose',
'label' => esc_html__( 'Display Type', 'shopbuilder' ),
'options' => [
'flex' => [
'title' => esc_html__( 'Inline', 'shopbuilder' ),
'icon' => 'eicon-h-align-right',
],
'block' => [
'title' => esc_html__( 'New Line', 'shopbuilder' ),
'icon' => 'eicon-v-align-bottom',
],
],
'default' => 'flex',
'toggle' => true,
'selectors' => $selectors['share_header_type'],
];
return Fns::insert_controls( 'share_header_color_note', $fields, $extra_controls );
}
/**
* Advanced section
*
* @param object $obj Reference object.
*
* @return array
*/
public static function advanced( $obj ): array {
$fields['advanced_section'] = $obj->start_section( esc_html__( 'Advanced', 'shopbuilder' ), self::$tab );
$fields['gutter_section_end'] = $obj->end_section();
return apply_filters( 'rtsb/elements/elementor/advanced_control', $fields, $obj );
}
/**
* Slider buttons section
*
* @param object $obj Reference object.
*
* @return array
*/
public static function slider_buttons( $obj ): array {
$css_selectors = $obj->selectors['slider_buttons'];
$title = esc_html__( 'Slider Buttons', 'shopbuilder' );
$selectors = [
'arrow_size' => [
$css_selectors['arrow_size']['icon'] => 'font-size: {{SIZE}}{{UNIT}};',
$css_selectors['arrow_size']['svg'] => 'width: {{SIZE}}{{UNIT}};',
],
'arrow_width' => [ $css_selectors['arrow_width'] => 'width: {{SIZE}}{{UNIT}};' ],
'arrow_height' => [ $css_selectors['arrow_height'] => 'height: {{SIZE}}{{UNIT}};' ],
'arrow_line_height' => [ $css_selectors['arrow_line_height'] => 'line-height: {{SIZE}}{{UNIT}};' ],
'dot_width' => [ $css_selectors['dot_width'] => 'width: {{SIZE}}{{UNIT}};' ],
'dot_height' => [ $css_selectors['dot_height'] => 'height: {{SIZE}}{{UNIT}};' ],
'dot_spacing' => [ $css_selectors['dot_spacing'] => 'margin-left: calc({{SIZE}}{{UNIT}} / 2); margin-right: calc({{SIZE}}{{UNIT}} / 2);' ],
'color' => [ $css_selectors['color'] => 'color: {{VALUE}};' ],
'bg_color' => [ $css_selectors['bg_color'] => 'background-color: {{VALUE}};' ],
'hover_color' => [ $css_selectors['hover_color'] => 'color: {{VALUE}};' ],
'hover_bg_color' => [ $css_selectors['hover_bg_color'] => 'background-color: {{VALUE}};' ],
'dot_color' => [ $css_selectors['dot_color'] => 'background-color: {{VALUE}};' ],
'dot_active_color' => [ $css_selectors['dot_active_color'] => 'background-color: {{VALUE}};' ],
'border' => $css_selectors['border'],
'border_hover_color' => [ $css_selectors['border_hover_color'] => 'border-color: {{VALUE}};' ],
'active_border_color' => [ $css_selectors['active_border_color'] => 'border-color: {{VALUE}};' ],
'border_radius' => [ $css_selectors['border_radius'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
'wrapper_padding' => [ $css_selectors['wrapper_padding'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
];
$conditions = [
'relation' => 'or',
'terms' => [
[
'name' => 'slider_nav',
'operator' => '==',
'value' => 'yes',
],
[
'name' => 'slider_pagi',
'operator' => '==',
'value' => 'yes',
],
],
];
$fields = ControlHelper::general_elementor_style( 'slider_buttons', $title, $obj, [], $selectors, $conditions );
$fields = Fns::insert_controls(
'slider_buttons_style_section',
$fields,
[
'slider_buttons_section_note' => [
'type' => 'html',
'separator' => 'after',
'raw' => '' . esc_html__( 'This section is not for the gallery image slider controls. It only controls the product slider section. The Gallery Thumbnail Slider style controls are located inside the "Image Styles" section.', 'shopbuilder' ) . '
',
],
],
true
);
unset(
$fields['rtsb_el_slider_buttons_typography'],
$fields['slider_buttons_alignment'],
$fields['slider_buttons_padding'],
$fields['slider_buttons_margin']
);
$extra_controls = [];
$arrow_condition = [ 'slider_nav' => [ 'yes' ] ];
$dot_condition = [ 'slider_pagi' => [ 'yes' ] ];
$fields['slider_buttons_typo_note']['raw'] = sprintf(
'%s
',
esc_html__( 'Arrow Size (px)', 'shopbuilder' )
);
$fields['slider_buttons_typo_note']['condition'] = $arrow_condition;
$extra_controls['slider_buttons_arrow_size'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Arrow Size', 'shopbuilder' ),
'range' => [
'px' => [
'min' => 1,
'max' => 100,
'step' => 1,
],
],
'default' => [
'unit' => 'px',
'size' => 13,
],
'condition' => $arrow_condition,
'selectors' => $selectors['arrow_size'],
];
$extra_controls['slider_buttons_arrow_width'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Arrow Width', 'shopbuilder' ),
'range' => [
'px' => [
'min' => 1,
'max' => 100,
'step' => 1,
],
],
'condition' => $arrow_condition,
'selectors' => $selectors['arrow_width'],
];
$extra_controls['slider_buttons_arrow_height'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Arrow Height', 'shopbuilder' ),
'range' => [
'px' => [
'min' => 1,
'max' => 100,
'step' => 1,
],
],
'condition' => $arrow_condition,
'selectors' => $selectors['arrow_height'],
];
$extra_controls['slider_buttons_arrow_line_height'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Arrow Line Height', 'shopbuilder' ),
'range' => [
'px' => [
'min' => 1,
'max' => 100,
'step' => 1,
],
],
'condition' => $arrow_condition,
'selectors' => $selectors['arrow_line_height'],
];
$extra_controls['slider_buttons_dot_size_note'] = $obj->el_heading(
esc_html__( 'Dot Size (px)', 'shopbuilder' ),
'before',
[],
$dot_condition
);
$extra_controls['slider_buttons_dot_width'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Dot Width', 'shopbuilder' ),
'range' => [
'px' => [
'min' => 1,
'max' => 100,
'step' => 1,
],
],
'selectors' => $selectors['dot_width'],
'condition' => $dot_condition,
];
$extra_controls['slider_buttons_dot_height'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Dot Height', 'shopbuilder' ),
'range' => [
'px' => [
'min' => 1,
'max' => 100,
'step' => 1,
],
],
'selectors' => $selectors['dot_height'],
'condition' => $dot_condition,
];
$extra_controls['slider_buttons_dot_spacing'] = [
'type' => 'slider',
'mode' => 'responsive',
'label' => esc_html__( 'Dot Spacing', 'shopbuilder' ),
'range' => [
'px' => [
'min' => 1,
'max' => 100,
'step' => 1,
],
],
'selectors' => $selectors['dot_spacing'],
'condition' => $dot_condition,
];
$fields = Fns::insert_controls( 'slider_buttons_typo_note', $fields, $extra_controls, true );
$extra_controls['slider_buttons_active_color_tab'] = $obj->start_tab( esc_html__( 'Dot', 'shopbuilder' ) );
$extra_controls['slider_buttons_active_color'] = [
'type' => 'color',
'label' => esc_html__( 'Dot Color', 'shopbuilder' ),
'selectors' => $selectors['dot_color'],
];
$extra_controls['slider_buttons_active_bg_color'] = [
'type' => 'color',
'label' => esc_html__( 'Dot Active Color', 'shopbuilder' ),
'selectors' => $selectors['dot_active_color'],
];
$extra_controls['slider_buttons_active_color_tab_end'] = $obj->end_tab();
$fields = Fns::insert_controls( 'slider_buttons_hover_color_tab_end', $fields, $extra_controls, true );
$extra_controls['slider_buttons_border_active_color'] = [
'type' => 'color',
'label' => esc_html__( 'Dot Active Border Color', 'shopbuilder' ),
'condition' => [ 'rtsb_el_slider_buttons_border_border!' => [ '' ] ],
'selectors' => $selectors['active_border_color'],
];
$extra_controls['slider_buttons_buttons_radius'] = [
'mode' => 'responsive',
'type' => 'dimensions',
'label' => esc_html__( 'Border Radius', 'shopbuilder' ),
'size_units' => [ 'px', '%', 'em' ],
'selectors' => $selectors['border_radius'],
];
$fields = Fns::insert_controls( 'slider_buttons_border_hover_color', $fields, $extra_controls, true );
$extra_controls['slider_buttons_wrapper_padding'] = [
'mode' => 'responsive',
'type' => 'dimensions',
'label' => esc_html__( 'Arrow Margin', 'shopbuilder' ),
'size_units' => [ 'px', '%', 'em' ],
'selectors' => $selectors['wrapper_padding'],
];
$fields = Fns::insert_controls( 'slider_buttons_spacing_note', $fields, $extra_controls, true );
return apply_filters( 'rtsb/elements/elementor/slider_buttons_style_control', $fields, $obj );
}
/**
* Not Found Notice Section
*
* @param object $obj Reference object.
*
* @return array
*/
public static function not_found_notice( $obj ): array {
$css_selectors = $obj->selectors['not_found_notice'];
$title = esc_html__( 'Not Found Notice', 'shopbuilder' );
$selectors = [
'typography' => $css_selectors['typography'],
'alignment' => [ $css_selectors['alignment'] => 'text-align: {{VALUE}}; justify-content: {{VALUE}};' ],
'color' => [ $css_selectors['color'] => 'color: {{VALUE}};' ],
'bg_color' => [ $css_selectors['bg_color'] => 'background-color: {{VALUE}};' ],
'border' => $css_selectors['border'],
'padding' => [ $css_selectors['padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
'margin' => [ $css_selectors['margin'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;' ],
];
$fields = ControlHelper::general_elementor_style( 'not_found_notice', $title, $obj, [], $selectors );
unset(
$fields['not_found_notice_color_tabs'],
$fields['not_found_notice_color_tab'],
$fields['not_found_notice_color_tab_end'],
$fields['not_found_notice_hover_color_tab'],
$fields['not_found_notice_hover_color'],
$fields['not_found_notice_hover_bg_color'],
$fields['not_found_notice_hover_color_tab_end'],
$fields['not_found_notice_color_tabs_end'],
$fields['not_found_notice_border_hover_color']
);
return $fields;
}
/**
* Title Selectors.
*
* @param array $selectors Selector array.
*
* @return array
*/
public static function title_selectors( $selectors ): array {
return [
'typography' => $selectors['typography'],
'alignment' => [ $selectors['alignment'] => 'text-align: {{VALUE}};' ],
'color' => [ $selectors['color'] => 'color: {{VALUE}};' ],
'bg_color' => [ $selectors['bg_color'] => 'background-color: {{VALUE}};' ],
'hover_color' => [ $selectors['hover_color'] => 'color: {{VALUE}};' ],
'hover_bg_color' => [ $selectors['hover_bg_color'] => 'background-color: {{VALUE}};' ],
'border' => $selectors['border'],
'border_hover_color' => [ $selectors['border_hover_color'] => 'border-color: {{VALUE}};' ],
'padding' => [ $selectors['padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
'margin' => [ $selectors['margin'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;' ],
];
}
/**
* Excerpt Selectors.
*
* @param array $selectors Selector array.
*
* @return array
*/
private static function excerpt_selectors( $selectors ): array {
return [
'typography' => $selectors['typography'],
'alignment' => [ $selectors['alignment'] => 'text-align: {{VALUE}};' ],
'color' => [ $selectors['color'] => 'color: {{VALUE}};' ],
'bg_color' => [ $selectors['bg_color'] => 'background-color: {{VALUE}};' ],
'border' => $selectors['border'],
'padding' => [ $selectors['padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
'margin' => [ $selectors['margin'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
];
}
/**
* Action Button Selectors.
*
* @param array $selectors Selector array.
*
* @return array
*/
public static function action_btn_selectors( $selectors ): array {
return [
'icon_size' => [
$selectors['icon_size']['font_size'] => 'font-size: {{SIZE}}{{UNIT}} !important;',
$selectors['icon_size']['width'] => 'width: {{SIZE}}{{UNIT}} !important;',
],
'width' => [ $selectors['width'] => 'min-width: {{SIZE}}{{UNIT}} !important;' ],
'height' => [ $selectors['height'] => 'height: {{SIZE}}{{UNIT}} !important;' ],
'color' => [ $selectors['color'] => 'color: {{VALUE}};' ],
'bg_color' => [ $selectors['bg_color'] => 'background-color: {{VALUE}} !important;' ],
'hover_color' => [ $selectors['hover_color'] => 'color: {{VALUE}};' ],
'hover_bg_color' => [ $selectors['hover_bg_color'] => 'background-color: {{VALUE}} !important;' ],
'border' => $selectors['border'],
'border_hover_color' => [ $selectors['border_hover_color'] => 'border-color: {{VALUE}};' ],
'border_radius' => [ $selectors['border_radius'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;' ],
'padding' => [ $selectors['padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;' ],
'margin' => [ $selectors['margin'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
];
}
}
```