← All changes | app/Elementor/Widgets/Controls/StyleFields.php +135 -16 2.1.12 → 3.2.6 View file →

		@@ -189,8 +189,32 @@
189	189	$fields['advanced_color_tabs_end'] = $obj->end_tab_group();
190	190
191	191	$fields['wrapper_note'] = $obj->el_heading( esc_html__( 'Border', 'shopbuilder' ), 'before' );
192	192
	193	+ $fields['rtsb_el_wrapper_border'] = [
	194	+ 'mode' => 'group',
	195	+ 'type' => 'border',
	196	+ 'label' => esc_html__( 'Wrapper Border', 'shopbuilder' ),
	197	+ 'fields_options' => [
	198	+ 'border' => [
	199	+ 'label' => esc_html__( 'Wrapper Border Type', 'shopbuilder' ),
	200	+ 'label_block' => true,
	201	+ ],
	202	+ 'color' => [
	203	+ 'label' => esc_html__( 'Border Color', 'shopbuilder' ),
	204	+ ],
	205	+ ],
	206	+ 'selector' => $css_selectors['rtsb_el_wrapper_border'],
	207	+ ];
	208	+
	209	+ $fields['wrapper_border_radius'] = [
	210	+ 'mode' => 'responsive',
	211	+ 'type' => 'dimensions',
	212	+ 'label' => esc_html__( 'Wrapper Border Radius', 'shopbuilder' ),
	213	+ 'size_units' => [ 'px', '%', 'em' ],
	214	+ 'selectors' => [ $css_selectors['wrapper_border_radius'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}; overflow: hidden;' ],
	215	+ ];
	216	+
193	217	$fields['rtsb_el_element_border'] = [
194	218	'mode' => 'group',
195	219	'type' => 'border',
196	220	'label' => esc_html__( 'Element Border', 'shopbuilder' ),
		@@ -202,8 +226,9 @@
202	226	'color' => [
203	227	'label' => esc_html__( 'Border Color', 'shopbuilder' ),
204	228	],
205	229	],
	230	+ 'separator' => 'before',
206	231	'selector' => $css_selectors['rtsb_el_element_border'],
207	232	];
208	233
209	234	$fields['element_border_hover_color'] = [
		@@ -233,8 +258,9 @@
233	258	'color' => [
234	259	'label' => esc_html__( 'Border Color', 'shopbuilder' ),
235	260	],
236	261	],
	262	+ 'separator' => 'before',
237	263	'selector' => $css_selectors['rtsb_el_content_border'],
238	264	];
239	265
240	266	$fields['content_border_hover_color'] = [
		@@ -253,8 +279,16 @@
253	279	];
254	280
255	281	$fields['advanced_spacing_note'] = $obj->el_heading( esc_html__( 'Spacing', 'shopbuilder' ), 'before' );
256	282
	283	+ $fields['wrapper_padding'] = [
	284	+ 'mode' => 'responsive',
	285	+ 'type' => 'dimensions',
	286	+ 'label' => esc_html__( 'Wrapper Padding', 'shopbuilder' ),
	287	+ 'size_units' => [ 'px', '%', 'em' ],
	288	+ 'selectors' => [ $css_selectors['wrapper_padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;' ],
	289	+ ];
	290	+
257	291	$fields['element_padding'] = [
258	292	'mode' => 'responsive',
259	293	'type' => 'dimensions',
260	294	'label' => esc_html__( 'Element Padding', 'shopbuilder' ),
		@@ -456,17 +490,18 @@
456	490	$condition = [
457	491	'show_price' => [ 'yes' ],
458	492	];
459	493	$selectors = [
460		- 'typography' => $css_selectors['typography'],
461		- 'sale_typography' => $css_selectors['sale_typography'],
462		- 'alignment' => [ $css_selectors['alignment'] => 'text-align: {{VALUE}};' ],
463		- 'color' => [ $css_selectors['color'] => 'color: {{VALUE}};' ],
464		- 'regular_color' => [ $css_selectors['regular_color'] => 'color: {{VALUE}};' ],
465		- 'border' => $css_selectors['border'],
466		- 'border_hover_color' => [ $css_selectors['border_hover_color'] => 'border-color: {{VALUE}};' ],
467		- 'padding' => [ $css_selectors['padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
468		- 'margin' => [ $css_selectors['margin'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
	494	+ 'typography' => $css_selectors['typography'],
	495	+ 'sale_typography' => $css_selectors['sale_typography'],
	496	+ 'alignment' => [ $css_selectors['alignment'] => 'text-align: {{VALUE}};' ],
	497	+ 'color' => [ $css_selectors['color'] => 'color: {{VALUE}};' ],
	498	+ 'regular_color' => [ $css_selectors['regular_color'] => 'color: {{VALUE}};' ],
	499	+ 'crossed_regular_color' => [ $css_selectors['crossed_regular_color'] => 'color: {{VALUE}};' ],
	500	+ 'border' => $css_selectors['border'],
	501	+ 'border_hover_color' => [ $css_selectors['border_hover_color'] => 'border-color: {{VALUE}};' ],
	502	+ 'padding' => [ $css_selectors['padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
	503	+ 'margin' => [ $css_selectors['margin'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
469	504	];
470	505
471	506	$fields = ControlHelper::general_elementor_style( 'product_price', $title, $obj, $condition, $selectors );
472	507
		@@ -495,8 +530,16 @@
495	530	];
496	531
497	532	$fields = Fns::insert_controls( 'rtsb_el_product_price_typography', $fields, $extra_controls );
498	533
	534	+ $extra_controls['crossed_regular_color'] = [
	535	+ 'type' => 'color',
	536	+ 'label' => esc_html__( 'Crossed Out Regular Price Color', 'shopbuilder' ),
	537	+ 'selectors' => ! empty( $selectors['crossed_regular_color'] ) ? $selectors['crossed_regular_color'] : [],
	538	+ ];
	539	+
	540	+ $fields = Fns::insert_controls( 'product_price_border_note', $fields, $extra_controls );
	541	+
499	542	return apply_filters( 'rtsb/elements/elementor/price_style_control', $fields, $obj );
500	543	}
501	544
502	545	/**
		@@ -547,12 +590,8 @@
547	590	'min' => 0,
548	591	'max' => 100,
549	592	],
550	593	],
551		- // 'default' => [
552		- // 'unit' => 'px',
553		- // 'size' => 14,
554		- // ],
555	594	'selectors' => $selectors['typography'],
556	595	];
557	596
558	597	$fields['product_rating_bg_color']['label'] = esc_html__( 'Star Border Color', 'shopbuilder' );
		@@ -835,8 +874,78 @@
835	874	return apply_filters( 'rtsb/elements/elementor/categories_style_control', $fields, $obj );
836	875	}
837	876
838	877	/**
	878	+ * Product Categories Section
	879	+ *
	880	+ * @param object $obj Reference object.
	881	+ *
	882	+ * @return array
	883	+ */
	884	+ public static function product_brands( $obj ): array {
	885	+ $css_selectors = $obj->selectors['product_brands'];
	886	+ $title = esc_html__( 'Product Brands', 'shopbuilder' );
	887	+ $condition = [
	888	+ 'show_brands' => [ 'yes' ],
	889	+ ];
	890	+ $selectors = [
	891	+ 'typography' => $css_selectors['typography'],
	892	+ 'alignment' => [ $css_selectors['alignment'] => 'justify-content: {{VALUE}};' ],
	893	+ 'color' => [ $css_selectors['color'] => 'color: {{VALUE}};' ],
	894	+ 'bg_color' => [ $css_selectors['bg_color'] => 'background-color: {{VALUE}};' ],
	895	+ 'hover_color' => [ $css_selectors['hover_color'] => 'color: {{VALUE}};' ],
	896	+ 'hover_bg_color' => [ $css_selectors['hover_bg_color'] => 'background-color: {{VALUE}};' ],
	897	+ 'border' => $css_selectors['typography'],
	898	+ 'border_hover_color' => [ $css_selectors['border_hover_color'] => 'border-color: {{VALUE}};' ],
	899	+ 'border_radius' => [ $css_selectors['border_radius'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
	900	+ 'padding' => [ $css_selectors['padding'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
	901	+ 'margin' => [ $css_selectors['margin'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
	902	+ 'wrapper_margin' => [ $css_selectors['wrapper_margin'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ],
	903	+ ];
	904	+
	905	+ $fields = ControlHelper::general_elementor_style( 'product_brands', $title, $obj, $condition, $selectors );
	906	+
	907	+ $fields['product_brands_alignment']['options'] = [
	908	+ 'flex-start' => [
	909	+ 'title' => esc_html__( 'Left', 'shopbuilder' ),
	910	+ 'icon' => 'eicon-text-align-left',
	911	+ ],
	912	+ 'center' => [
	913	+ 'title' => esc_html__( 'Center', 'shopbuilder' ),
	914	+ 'icon' => 'eicon-text-align-center',
	915	+ ],
	916	+ 'flex-end' => [
	917	+ 'title' => esc_html__( 'Right', 'shopbuilder' ),
	918	+ 'icon' => 'eicon-text-align-right',
	919	+ ],
	920	+ ];
	921	+
	922	+ $extra_controls = [];
	923	+
	924	+ $extra_controls['product_brands_radius'] = [
	925	+ 'mode' => 'responsive',
	926	+ 'type' => 'dimensions',
	927	+ 'label' => esc_html__( 'Border Radius', 'shopbuilder' ),
	928	+ 'size_units' => [ 'px', '%', 'em' ],
	929	+ 'selectors' => $selectors['border_radius'],
	930	+ ];
	931	+
	932	+ $fields = Fns::insert_controls( 'product_brands_border_hover_color', $fields, $extra_controls, true );
	933	+
	934	+ $extra_controls['product_brands_wrapper_margin'] = [
	935	+ 'mode' => 'responsive',
	936	+ 'type' => 'dimensions',
	937	+ 'label' => esc_html__( 'Wrapper Margin', 'shopbuilder' ),
	938	+ 'size_units' => [ 'px', '%', 'em' ],
	939	+ 'selectors' => $selectors['wrapper_margin'],
	940	+ ];
	941	+
	942	+ $fields = Fns::insert_controls( 'product_brands_margin', $fields, $extra_controls, true );
	943	+
	944	+ return apply_filters( 'rtsb/elements/elementor/brands_style_control', $fields, $obj );
	945	+ }
	946	+
	947	+ /**
839	948	* Image Section
840	949	*
841	950	* @param object $obj Reference object.
842	951	* @param array $conditions Conditions.
		@@ -1635,9 +1744,12 @@
1635	1744	'layout' => [ 'grid-layout2', 'slider-layout2' ],
1636	1745	];
1637	1746	$selectors = [
1638	1747	'typography' => $css_selectors['typography'],
1639		- 'icon_size' => [ $css_selectors['icon_size'] => 'font-size: {{SIZE}}{{UNIT}}' ],
	1748	+ 'icon_size' => [
	1749	+ $css_selectors['icon_size']['font_size'] => 'font-size: {{SIZE}}{{UNIT}} !important;',
	1750	+ $css_selectors['icon_size']['svg'] => 'width: {{SIZE}}{{UNIT}} !important;',
	1751	+ ],
1640	1752	'hover_icon_spacing' => [ $css_selectors['hover_icon_spacing'] => 'margin-left: {{SIZE}}{{UNIT}}' ],
1641	1753	'color' => [ $css_selectors['color'] => 'color: {{VALUE}}' ],
1642	1754	'bg_color' => [ $css_selectors['bg_color'] => 'background-color: {{VALUE}}' ],
1643	1755	'icon_color' => [ $css_selectors['icon_color'] => 'color: {{VALUE}}' ],
		@@ -1688,9 +1800,9 @@
1688	1800	],
1689	1801	],
1690	1802	'default' => [
1691	1803	'unit' => 'px',
1692		- 'size' => 3,
	1804	+ 'size' => 5,
1693	1805	],
1694	1806	'condition' => [
1695	1807	'show_hover_btn_icon' => [ 'yes' ],
1696	1808	],
		@@ -2098,9 +2210,12 @@
2098	2210	public static function slider_buttons( $obj ): array {
2099	2211	$css_selectors = $obj->selectors['slider_buttons'];
2100	2212	$title = esc_html__( 'Slider Buttons', 'shopbuilder' );
2101	2213	$selectors = [
2102		- 'arrow_size' => [ $css_selectors['arrow_size'] => 'font-size: {{SIZE}}{{UNIT}};' ],
	2214	+ 'arrow_size' => [
	2215	+ $css_selectors['arrow_size']['icon'] => 'font-size: {{SIZE}}{{UNIT}};',
	2216	+ $css_selectors['arrow_size']['svg'] => 'width: {{SIZE}}{{UNIT}};',
	2217	+ ],
2103	2218	'arrow_width' => [ $css_selectors['arrow_width'] => 'width: {{SIZE}}{{UNIT}};' ],
2104	2219	'arrow_height' => [ $css_selectors['arrow_height'] => 'height: {{SIZE}}{{UNIT}};' ],
2105	2220	'arrow_line_height' => [ $css_selectors['arrow_line_height'] => 'line-height: {{SIZE}}{{UNIT}};' ],
2106	2221	'dot_width' => [ $css_selectors['dot_width'] => 'width: {{SIZE}}{{UNIT}};' ],
		@@ -2164,8 +2279,12 @@
2164	2279	'min' => 1,
2165	2280	'max' => 100,
2166	2281	'step' => 1,
2167	2282	],
	2283	+ ],
	2284	+ 'default' => [
	2285	+ 'unit' => 'px',
	2286	+ 'size' => 13,
2168	2287	],
2169	2288	'condition' => $arrow_condition,
2170	2289	'selectors' => $selectors['arrow_size'],
2171	2290	];