PluginProbe
Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder / 3.1.4
Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder v3.1.4
3.1.4 3.0.8 3.0.9 3.1.0 3.1.2 3.1.3 3.0.7 3.0.5 3.0.4 3.0.3 3.0.2 trunk 1.5.0 1.5.1 1.5.2 1.6.1 1.6.2 1.6.3 1.6.4 2.0.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 All 93 releases
← All changes | traits/global-widget-controls.php +1317 -841 2.0.2 → 3.1.4 View file →
@@ -9,37 +9,42 @@
9 9 use Elementor\Group_Control_Image_Size;
10 10 use Elementor\Group_Control_Box_Shadow;
11 11
12 12
13 +// phpcs:disable WordPressVIPMinimum.Performance.WPQueryParams -- WordPressVIPMinimum targets the VIP platform, not the plugin directory. These exclusionary parameters come from a widget's own "exclude" control: the list is whatever the site owner picked in Elementor, applied to a bounded result set, not an unbounded catalogue scan.
14 +
13 15 // use UltimateStoreKit\Modules\QueryControl\Controls\Group_Control_Posts;
14 16
15 17 defined('ABSPATH') || die();
16 18
17 19
18 -trait Global_Widget_Controls {
19 - protected function register_global_controls_grid_layout() {
20 +trait Global_Widget_Controls
21 +{
22 + protected function register_global_controls_grid_layout()
23 + {
20 24 $this->add_responsive_control(
21 25 'alignment',
22 26 [
23 - 'label' => esc_html__('Alignment', 'ultimate-store-kit'),
24 - 'type' => Controls_Manager::CHOOSE,
25 - 'options' => [
26 - 'left' => [
27 + 'label' => esc_html__('Alignment', 'ultimate-store-kit'),
28 + 'type' => Controls_Manager::CHOOSE,
29 + 'options' => [
30 + 'left' => [
27 31 'title' => esc_html__('Left', 'ultimate-store-kit'),
28 - 'icon' => 'eicon-h-align-left',
32 + 'icon' => 'eicon-h-align-left',
29 33 ],
30 34 'center' => [
31 35 'title' => esc_html__('Center', 'ultimate-store-kit'),
32 - 'icon' => 'eicon-h-align-center',
36 + 'icon' => 'eicon-h-align-center',
33 37 ],
34 - 'right' => [
38 + 'right' => [
35 39 'title' => esc_html__('Right', 'ultimate-store-kit'),
36 - 'icon' => 'eicon-h-align-right',
40 + 'icon' => 'eicon-h-align-right',
37 41 ],
38 42 ],
39 43 'selectors' => [
40 44 '{{WRAPPER}} .' . $this->get_name() . ' .usk-item .usk-item-box .usk-content' => 'text-align: {{VALUE}}',
41 45 '{{WRAPPER}} .' . $this->get_name() . ' .usk-rating' => 'justify-content: {{VALUE}}',
46 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-variation-group' => 'justify-content: {{VALUE}}',
42 47 ],
43 48 'render_type' => 'template'
44 49 ]
45 50 );
@@ -45,16 +50,17 @@
45 50 );
46 51 $this->add_group_control(
47 52 Group_Control_Image_Size::get_type(),
48 53 [
49 - 'name' => 'image',
50 - 'label' => esc_html__('Image Size', 'ultimate-store-kit'),
54 + 'name' => 'image',
55 + 'label' => esc_html__('Image Size', 'ultimate-store-kit'),
51 56 'exclude' => ['custom'],
52 57 'default' => 'medium_large',
53 58 ]
54 59 );
55 60 }
56 - protected function register_global_controls_query() {
61 + protected function register_global_controls_query()
62 + {
57 63 $this->start_controls_section(
58 64 'section_content_query',
59 65 [
60 66 'label' => esc_html__('Query', 'ultimate-store-kit'),
@@ -63,12 +69,12 @@
63 69
64 70 $this->add_control(
65 71 'source',
66 72 [
67 - 'label' => _x('Source', 'Posts Query Control', 'ultimate-store-kit'),
68 - 'type' => Controls_Manager::SELECT,
69 - 'options' => [
70 - '' => esc_html__('Show All', 'ultimate-store-kit'),
73 + 'label' => _x('Source', 'Posts Query Control', 'ultimate-store-kit'),
74 + 'type' => Controls_Manager::SELECT,
75 + 'options' => [
76 + '' => esc_html__('Show All', 'ultimate-store-kit'),
71 77 'by_name' => esc_html__('Manual Selection', 'ultimate-store-kit'),
72 78 ],
73 79 'label_block' => true,
74 80 ]
@@ -76,15 +82,15 @@
76 82
77 83 $this->add_control(
78 84 'product_categories',
79 85 [
80 - 'label' => esc_html__('Categories', 'ultimate-store-kit'),
81 - 'type' => Controls_Manager::SELECT2,
82 - 'options' => ultimate_store_kit_get_category('product_cat'),
83 - 'default' => [],
86 + 'label' => esc_html__('Categories', 'ultimate-store-kit'),
87 + 'type' => Controls_Manager::SELECT2,
88 + 'options' => ultimate_store_kit_get_category('product_cat'),
89 + 'default' => [],
84 90 'label_block' => true,
85 - 'multiple' => true,
86 - 'condition' => [
91 + 'multiple' => true,
92 + 'condition' => [
87 93 'source' => 'by_name',
88 94 ],
89 95 ]
90 96 );
@@ -91,13 +97,14 @@
91 97
92 98 $this->add_control(
93 99 'exclude_products',
94 100 [
95 - 'label' => esc_html__('Exclude Product(s)', 'ultimate-store-kit'),
96 - 'type' => Controls_Manager::TEXT,
101 + 'label' => esc_html__('Exclude Product(s)', 'ultimate-store-kit'),
102 + 'type' => Controls_Manager::TEXT,
103 + 'dynamic' => [ 'active' => true, ],
97 104 'placeholder' => 'product_id',
98 105 'label_block' => true,
99 - 'description' => esc_html__('Write product id here, if you want to exclude multiple products so use comma as separator. Such as 1 , 2', ''),
106 + 'description' => esc_html__('Write product id here, if you want to exclude multiple products so use comma as separator. Such as 1 , 2', 'ultimate-store-kit'),
100 107 ]
101 108 );
102 109
103 110 $this->add_control(
@@ -102,10 +109,10 @@
102 109
103 110 $this->add_control(
104 111 'posts_per_page',
105 112 [
106 - 'label' => esc_html__('Product Limit', 'ultimate-store-kit'),
107 - 'type' => Controls_Manager::NUMBER,
113 + 'label' => esc_html__('Product Limit', 'ultimate-store-kit'),
114 + 'type' => Controls_Manager::NUMBER,
108 115 'default' => 9,
109 116 ]
110 117 );
111 118
@@ -111,14 +118,14 @@
111 118
112 119 $this->add_control(
113 120 'show_product_type',
114 121 [
115 - 'label' => esc_html__('Show Product', 'ultimate-store-kit'),
116 - 'type' => Controls_Manager::SELECT,
122 + 'label' => esc_html__('Show Product', 'ultimate-store-kit'),
123 + 'type' => Controls_Manager::SELECT,
117 124 'default' => 'all',
118 125 'options' => [
119 - 'all' => esc_html__('All Products', 'ultimate-store-kit'),
120 - 'onsale' => esc_html__('On Sale', 'ultimate-store-kit'),
126 + 'all' => esc_html__('All Products', 'ultimate-store-kit'),
127 + 'onsale' => esc_html__('On Sale', 'ultimate-store-kit'),
121 128 'featured' => esc_html__('Featured', 'ultimate-store-kit'),
122 129 ],
123 130 ]
124 131 );
@@ -124,16 +131,16 @@
124 131 );
125 132 $this->add_control(
126 133 'orderby',
127 134 [
128 - 'label' => esc_html__('Order by', 'ultimate-store-kit'),
129 - 'type' => Controls_Manager::SELECT,
135 + 'label' => esc_html__('Order by', 'ultimate-store-kit'),
136 + 'type' => Controls_Manager::SELECT,
130 137 'default' => 'date',
131 138 'options' => [
132 - 'date' => esc_html__('Date', 'ultimate-store-kit'),
139 + 'date' => esc_html__('Date', 'ultimate-store-kit'),
133 140 'price' => esc_html__('Price', 'ultimate-store-kit'),
134 141 'sales' => esc_html__('Sales', 'ultimate-store-kit'),
135 - 'rand' => esc_html__('Random', 'ultimate-store-kit'),
142 + 'rand' => esc_html__('Random', 'ultimate-store-kit'),
136 143 ],
137 144 ]
138 145 );
139 146
@@ -139,14 +146,14 @@
139 146
140 147 $this->add_control(
141 148 'order',
142 149 [
143 - 'label' => esc_html__('Order', 'ultimate-store-kit'),
144 - 'type' => Controls_Manager::SELECT,
150 + 'label' => esc_html__('Order', 'ultimate-store-kit'),
151 + 'type' => Controls_Manager::SELECT,
145 152 'default' => 'DESC',
146 153 'options' => [
147 154 'DESC' => esc_html__('Descending', 'ultimate-store-kit'),
148 - 'ASC' => esc_html__('Ascending', 'ultimate-store-kit'),
155 + 'ASC' => esc_html__('Ascending', 'ultimate-store-kit'),
149 156 ],
150 157 ]
151 158 );
152 159
@@ -153,9 +160,9 @@
153 160 $this->add_control(
154 161 'show_pagination',
155 162 [
156 163 'label' => esc_html__('Pagination', 'ultimate-store-kit'),
157 - 'type' => Controls_Manager::SWITCHER,
164 + 'type' => Controls_Manager::SWITCHER,
158 165 // 'default' => 'yes'
159 166 ]
160 167 );
161 168
@@ -161,15 +168,15 @@
161 168
162 169 $this->add_control(
163 170 'show_per_page',
164 171 [
165 - 'label' => esc_html__('Show Per Page', 'ultimate-store-kit'),
166 - 'type' => Controls_Manager::SELECT,
167 - 'default' => '10',
168 - 'options' => [
169 - '10' => '10',
170 - '25' => '25',
171 - '50' => '50',
172 + 'label' => esc_html__('Show Per Page', 'ultimate-store-kit'),
173 + 'type' => Controls_Manager::SELECT,
174 + 'default' => '10',
175 + 'options' => [
176 + '10' => '10',
177 + '25' => '25',
178 + '50' => '50',
172 179 '100' => '100',
173 180 ],
174 181 'condition' => [
175 182 'show_pagination' => 'yes',
@@ -180,9 +187,9 @@
180 187 $this->add_control(
181 188 'hide_free',
182 189 [
183 190 'label' => esc_html__('Hide Free', 'ultimate-store-kit'),
184 - 'type' => Controls_Manager::SWITCHER,
191 + 'type' => Controls_Manager::SWITCHER,
185 192 ]
186 193 );
187 194
188 195 $this->add_control(
@@ -188,19 +195,20 @@
188 195 $this->add_control(
189 196 'hide_out_stock',
190 197 [
191 198 'label' => esc_html__('Hide Out of Stock', 'ultimate-store-kit'),
192 - 'type' => Controls_Manager::SWITCHER,
199 + 'type' => Controls_Manager::SWITCHER,
193 200 ]
194 201 );
195 202
196 203 $this->end_controls_section();
197 204 }
198 - protected function register_global_controls_additional() {
205 + protected function register_global_controls_additional()
206 + {
199 207 $this->start_controls_section(
200 208 'section_woocommerce_additional',
201 209 [
202 - 'label' => esc_html__('Additional', 'ultimate-store-kit'),
210 + 'label' => esc_html__('Settings', 'ultimate-store-kit'),
203 211 ]
204 212 );
205 213 $this->start_controls_tabs(
206 214 'tabs_show_hide_content'
@@ -221,10 +229,10 @@
221 229 );
222 230 $this->add_control(
223 231 'title_tags',
224 232 [
225 - 'label' => esc_html__('Title HTML Tag', 'ultimate-store-kit'),
226 - 'type' => Controls_Manager::SELECT,
233 + 'label' => esc_html__('Title HTML Tag', 'ultimate-store-kit'),
234 + 'type' => Controls_Manager::SELECT,
227 235 'default' => 'h3',
228 236 'options' => ultimate_store_kit_title_tags(),
229 237 'condition' => [
230 238 'show_title' => 'yes'
@@ -230,9 +238,9 @@
230 238 'show_title' => 'yes'
231 239 ]
232 240 ]
233 241 );
234 - if ($this->get_name() !== 'usk-glossy-grid' && $this->get_name() !== 'usk-glossy-carousel') :
242 + if ($this->get_name() !== 'usk-glossy-grid' && $this->get_name() !== 'usk-glossy-carousel'):
235 243 $this->add_control(
236 244 'show_category',
237 245 [
238 246 'label' => esc_html__('Category', 'ultimate-store-kit'),
@@ -237,25 +245,27 @@
237 245 [
238 246 'label' => esc_html__('Category', 'ultimate-store-kit'),
239 247 'type' => Controls_Manager::SWITCHER,
240 248 'default' => 'yes',
241 - 'separator' => 'before'
249 + // 'separator' => 'before'
242 250 ]
243 251 );
244 - $this->add_control(
245 - 'category_tags',
246 - [
247 - 'label' => esc_html__('Category HTML Tag', 'ultimate-store-kit'),
248 - 'type' => Controls_Manager::SELECT,
249 - 'default' => 'h5',
250 - 'options' => ultimate_store_kit_title_tags(),
251 - 'condition' => [
252 - 'show_category' => 'yes',
253 - ],
254 - ]
255 - );
252 + // if ( !in_array( $this->get_name(), ['usk-heaven-slider', 'usk-product-image-accordion', 'usk-shiny-grid', 'usk-shiny-carousel'] ) ):
253 + // $this->add_control(
254 + // 'category_tags',
255 + // [
256 + // 'label' => esc_html__('Category HTML Tag', 'ultimate-store-kit'),
257 + // 'type' => Controls_Manager::SELECT,
258 + // 'default' => 'h5',
259 + // 'options' => ultimate_store_kit_title_tags(),
260 + // 'condition' => [
261 + // 'show_category' => 'yes',
262 + // ],
263 + // ]
264 + // );
265 + // endif;
256 266 endif;
257 - if ($this->get_name() !== 'usk-product-image-accordion' && $this->get_name() !== 'usk-heaven-slider') :
267 + if ($this->get_name() !== 'usk-product-image-accordion' && $this->get_name() !== 'usk-heaven-slider' && $this->get_name() !== 'usk-glossy-grid' && $this->get_name() !== 'usk-florence-grid'):
258 268 $this->add_control(
259 269 'show_excerpt',
260 270 [
261 271 'label' => esc_html__('Text', 'ultimate-store-kit'),
@@ -262,9 +272,9 @@
262 272 'type' => Controls_Manager::SWITCHER,
263 273 'default' => 'yes',
264 274 'separator' => 'before',
265 275 'condition' => [
266 - 'layout_style' => 'list'
276 + 'layout_style' => 'list',
267 277 ]
268 278 ]
269 279 );
270 280 $this->add_control(
@@ -269,11 +279,11 @@
269 279 );
270 280 $this->add_control(
271 281 'excerpt_limit',
272 282 [
273 - 'label' => esc_html__('Text Limit', 'ultimate-store-kit'),
274 - 'type' => Controls_Manager::NUMBER,
275 - 'default' => 15,
283 + 'label' => esc_html__('Text Limit', 'ultimate-store-kit'),
284 + 'type' => Controls_Manager::NUMBER,
285 + 'default' => 15,
276 286 'condition' => [
277 287 'show_excerpt' => 'yes',
278 288 'layout_style' => 'list'
279 289 ],
@@ -280,9 +290,9 @@
280 290 ]
281 291 );
282 292 endif;
283 293 //enable this option for heaven slider
284 - if ($this->get_name() === 'usk-heaven-slider') :
294 + if ($this->get_name() === 'usk-heaven-slider'):
285 295 $this->add_control(
286 296 'show_excerpt',
287 297 [
288 298 'label' => esc_html__('Text', 'ultimate-store-kit'),
@@ -293,11 +303,11 @@
293 303 );
294 304 $this->add_control(
295 305 'excerpt_limit',
296 306 [
297 - 'label' => esc_html__('Text Limit', 'ultimate-store-kit'),
298 - 'type' => Controls_Manager::NUMBER,
299 - 'default' => 25,
307 + 'label' => esc_html__('Text Limit', 'ultimate-store-kit'),
308 + 'type' => Controls_Manager::NUMBER,
309 + 'default' => 25,
300 310 'condition' => [
301 311 'show_excerpt' => 'yes',
302 312 ],
303 313 ]
@@ -320,8 +330,42 @@
320 330 'type' => Controls_Manager::SWITCHER,
321 331 'default' => 'yes',
322 332 ]
323 333 );
334 + if ($this->get_name() === 'usk-shiny-grid'):
335 + $this->add_control(
336 + 'show_variation',
337 + [
338 + 'label' => esc_html__('Show Variation', 'ultimate-store-kit') . BDTUSK_PC,
339 + 'type' => Controls_Manager::SWITCHER,
340 + 'separator' => 'before',
341 + 'default' => 'no',
342 + 'classes' => BDTUSK_IS_PC
343 + ]
344 + );
345 + $this->add_control(
346 + 'show_variation_sequential',
347 + [
348 + 'label' => esc_html__('Show Variation Sequential', 'ultimate-store-kit'),
349 + 'type' => Controls_Manager::SWITCHER,
350 + 'default' => 'no',
351 + 'condition' => [
352 + 'show_variation' => 'yes',
353 + ],
354 + ]
355 + );
356 + endif;
357 + if ($this->get_name() === 'usk-image-hotspot'):
358 + $this->add_group_control(
359 + Group_Control_Image_Size::get_type(),
360 + [
361 + 'name' => 'thumbnail',
362 + 'label' => __('Image Size', 'ultimate-store-kit'),
363 + 'default' => 'full',
364 + 'separator' => 'before',
365 + ]
366 + );
367 + endif;
324 368
325 369 $this->end_controls_tab();
326 370 $this->start_controls_tab(
327 371 'show_sale_badge_tab',
@@ -383,9 +427,9 @@
383 427 $this->end_controls_tab();
384 428 $this->start_controls_tab(
385 429 'show_action_btn_tab',
386 430 [
387 - 'label' => esc_html__('Action btn', 'ultimate-store-kit'),
431 + 'label' => esc_html__('Action Button', 'ultimate-store-kit'),
388 432 ]
389 433 );
390 434 $this->add_control(
391 435 'show_wishlist',
@@ -422,14 +466,15 @@
422 466 $this->end_controls_tabs();
423 467 $this->end_controls_section();
424 468 }
425 469
426 - protected function register_global_controls_grid_columns() {
470 + protected function register_global_controls_grid_columns()
471 + {
427 472 $this->start_controls_section(
428 473 'section_style_columns_filter',
429 474 [
430 475 'label' => esc_html__('Columns Filter', 'ultimate-store-kit'),
431 - 'tab' => Controls_Manager::TAB_STYLE,
476 + 'tab' => Controls_Manager::TAB_STYLE,
432 477 'condition' => ['show_tab' => 'yes']
433 478 ]
434 479 );
435 480
@@ -444,10 +489,10 @@
444 489
445 490 $this->add_control(
446 491 'columns_filter_color',
447 492 [
448 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
449 - 'type' => Controls_Manager::COLOR,
493 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
494 + 'type' => Controls_Manager::COLOR,
450 495 'selectors' => [
451 496 '{{WRAPPER}} .' . $this->get_name() . ' .usk-grid-tabs-list a' => 'color: {{VALUE}}',
452 497 ],
453 498 ]
@@ -455,10 +500,10 @@
455 500
456 501 $this->add_group_control(
457 502 Group_Control_Background::get_type(),
458 503 [
459 - 'name' => 'columns_filter_background',
460 - 'exclude' => ['image'],
504 + 'name' => 'columns_filter_background',
505 + 'exclude' => ['image'],
461 506 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-grid-tabs-list a',
462 507 ]
463 508 );
464 509
@@ -465,9 +510,9 @@
465 510 $this->add_responsive_control(
466 511 'columns_filter_border_width',
467 512 [
468 513 'label' => esc_html__('Border Width', 'ultimate-store-kit'),
469 - 'type' => Controls_Manager::SLIDER,
514 + 'type' => Controls_Manager::SLIDER,
470 515 'default' => [
471 516 'size' => 1,
472 517 ],
473 518 'range' => [
@@ -485,10 +530,10 @@
485 530
486 531 $this->add_control(
487 532 'columns_filter_border_color',
488 533 [
489 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
490 - 'type' => Controls_Manager::COLOR,
534 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
535 + 'type' => Controls_Manager::COLOR,
491 536 'selectors' => [
492 537 '{{WRAPPER}} .' . $this->get_name() . ' .usk-grid-tabs-list a' => 'border-color: {{VALUE}}',
493 538 ],
494 539 ]
@@ -496,12 +541,12 @@
496 541
497 542 $this->add_responsive_control(
498 543 'columns_filter_padding',
499 544 [
500 - 'label' => esc_html__('Padding', 'ultimate-store-kit'),
501 - 'type' => Controls_Manager::DIMENSIONS,
502 - 'size_units' => ['px', '%', 'em'],
503 - 'selectors' => [
545 + 'label' => esc_html__('Padding', 'ultimate-store-kit'),
546 + 'type' => Controls_Manager::DIMENSIONS,
547 + 'size_units' => ['px', '%', 'em'],
548 + 'selectors' => [
504 549 '{{WRAPPER}} .' . $this->get_name() . ' .usk-grid-tabs-list a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
505 550 ],
506 551 ]
507 552 );
@@ -508,12 +553,12 @@
508 553
509 554 $this->add_responsive_control(
510 555 'columns_filter_margin',
511 556 [
512 - 'label' => esc_html__('Margin', 'ultimate-store-kit'),
513 - 'type' => Controls_Manager::DIMENSIONS,
514 - 'size_units' => ['px', '%', 'em'],
515 - 'selectors' => [
557 + 'label' => esc_html__('Margin', 'ultimate-store-kit'),
558 + 'type' => Controls_Manager::DIMENSIONS,
559 + 'size_units' => ['px', '%', 'em'],
560 + 'selectors' => [
516 561 '{{WRAPPER}} .' . $this->get_name() . ' .usk-grid-header' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
517 562 ],
518 563 ]
519 564 );
@@ -529,10 +574,10 @@
529 574
530 575 $this->add_control(
531 576 'columns_filter_hover_color',
532 577 [
533 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
534 - 'type' => Controls_Manager::COLOR,
578 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
579 + 'type' => Controls_Manager::COLOR,
535 580 'selectors' => [
536 581 '{{WRAPPER}} .' . $this->get_name() . ' .usk-grid-tabs-list a:hover' => 'color: {{VALUE}}',
537 582 ],
538 583 ]
@@ -540,10 +585,10 @@
540 585
541 586 $this->add_group_control(
542 587 Group_Control_Background::get_type(),
543 588 [
544 - 'name' => 'columns_filter_hover_background',
545 - 'exclude' => ['image'],
589 + 'name' => 'columns_filter_hover_background',
590 + 'exclude' => ['image'],
546 591 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-grid-tabs-list a:hover',
547 592 ]
548 593 );
549 594
@@ -558,10 +603,10 @@
558 603
559 604 $this->add_control(
560 605 'columns_filter_active_color',
561 606 [
562 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
563 - 'type' => Controls_Manager::COLOR,
607 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
608 + 'type' => Controls_Manager::COLOR,
564 609 'selectors' => [
565 610 '{{WRAPPER}} .' . $this->get_name() . ' .usk-grid-tabs-list.usk-tabs-active a' => 'color: {{VALUE}}',
566 611 ],
567 612 ]
@@ -569,10 +614,10 @@
569 614
570 615 $this->add_group_control(
571 616 Group_Control_Background::get_type(),
572 617 [
573 - 'name' => 'columns_filter_active_background',
574 - 'exclude' => ['image'],
618 + 'name' => 'columns_filter_active_background',
619 + 'exclude' => ['image'],
575 620 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-grid-tabs-list.usk-tabs-active a',
576 621 ]
577 622 );
578 623
@@ -579,14 +624,15 @@
579 624 $this->end_controls_tab();
580 625 $this->end_controls_tabs();
581 626 $this->end_controls_section();
582 627 }
583 - protected function register_global_controls_result_count() {
628 + protected function register_global_controls_result_count()
629 + {
584 630 $this->start_controls_section(
585 631 'section_style_result_count',
586 632 [
587 633 'label' => esc_html__('Count Result', 'ultimate-store-kit'),
588 - 'tab' => Controls_Manager::TAB_STYLE,
634 + 'tab' => Controls_Manager::TAB_STYLE,
589 635 'condition' => [
590 636 'show_tab' => 'yes',
591 637 'show_result_count' => 'yes',
592 638 ]
@@ -594,10 +640,10 @@
594 640 );
595 641 $this->add_control(
596 642 'result_count_color',
597 643 [
598 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
599 - 'type' => Controls_Manager::COLOR,
644 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
645 + 'type' => Controls_Manager::COLOR,
600 646 'selectors' => [
601 647 '{{WRAPPER}} .woocommerce-result-count' => 'color: {{VALUE}}',
602 648 ],
603 649 ]
@@ -605,13 +651,13 @@
605 651
606 652 $this->add_responsive_control(
607 653 'result_count_margin',
608 654 [
609 - 'label' => esc_html__('Margin', 'ultimate-store-kit'),
610 - 'type' => Controls_Manager::DIMENSIONS,
611 - 'size_units' => ['px', '%', 'em'],
612 - 'selectors' => [
613 - '{{WRAPPER}} .woocommerce-result-count' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
655 + 'label' => esc_html__('Margin', 'ultimate-store-kit'),
656 + 'type' => Controls_Manager::DIMENSIONS,
657 + 'size_units' => ['px', '%', 'em'],
658 + 'selectors' => [
659 + '{{WRAPPER}} .woocommerce-result-count' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
614 660 ],
615 661 ]
616 662 );
617 663
@@ -617,11 +663,11 @@
617 663
618 664 $this->add_group_control(
619 665 Group_Control_Typography::get_type(),
620 666 [
621 - 'name' => 'result_count_typography',
622 - 'label' => esc_html__('Typography', 'ultimate-store-kit'),
623 - 'selector' => '{{WRAPPER}} .woocommerce-result-count',
667 + 'name' => 'result_count_typography',
668 + 'label' => esc_html__('Typography', 'ultimate-store-kit'),
669 + 'selector' => '{{WRAPPER}} .woocommerce-result-count',
624 670 ]
625 671 );
626 672
627 673 $this->end_controls_section();
@@ -626,14 +672,15 @@
626 672
627 673 $this->end_controls_section();
628 674 }
629 675
630 - protected function register_global_controls_grid_items() {
676 + protected function register_global_controls_grid_items()
677 + {
631 678 $this->start_controls_section(
632 679 'section_style_item',
633 680 [
634 681 'label' => esc_html__('Items', 'ultimate-store-kit'),
635 - 'tab' => Controls_Manager::TAB_STYLE,
682 + 'tab' => Controls_Manager::TAB_STYLE,
636 683 ]
637 684 );
638 685
639 686 $this->start_controls_tabs('item_tabs');
@@ -645,12 +692,20 @@
645 692 ]
646 693 );
647 694
648 695 $this->add_group_control(
696 + Group_Control_Background::get_type(),
697 + [
698 + 'name' => 'item_background',
699 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-item',
700 + ]
701 + );
702 +
703 + $this->add_group_control(
649 704 Group_Control_Border::get_type(),
650 705 [
651 - 'name' => 'item_border',
652 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-item',
706 + 'name' => 'item_border',
707 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-item',
653 708 ]
654 709 );
655 710
656 711 $this->add_responsive_control(
@@ -655,13 +710,13 @@
655 710
656 711 $this->add_responsive_control(
657 712 'item_border_radius',
658 713 [
659 - 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
660 - 'type' => Controls_Manager::DIMENSIONS,
661 - 'size_units' => ['px', '%', 'em'],
662 - 'selectors' => [
663 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-item' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
714 + 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
715 + 'type' => Controls_Manager::DIMENSIONS,
716 + 'size_units' => ['px', '%', 'em'],
717 + 'selectors' => [
718 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-item' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
664 719 ],
665 720 ]
666 721 );
667 722
@@ -667,13 +722,13 @@
667 722
668 723 $this->add_responsive_control(
669 724 'item_padding',
670 725 [
671 - 'label' => esc_html__('Padding', 'ultimate-store-kit'),
672 - 'type' => Controls_Manager::DIMENSIONS,
673 - 'size_units' => ['px', '%', 'em'],
674 - 'selectors' => [
675 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-item' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
726 + 'label' => esc_html__('Padding', 'ultimate-store-kit'),
727 + 'type' => Controls_Manager::DIMENSIONS,
728 + 'size_units' => ['px', '%', 'em'],
729 + 'selectors' => [
730 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-item' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
676 731 ],
677 732 ]
678 733 );
679 734
@@ -680,9 +735,9 @@
680 735 if ($this->get_name() !== 'usk-glossy-grid') {
681 736 $this->add_group_control(
682 737 Group_Control_Box_Shadow::get_type(),
683 738 [
684 - 'name' => 'item_shadow',
739 + 'name' => 'item_shadow',
685 740 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-item',
686 741 ]
687 742 );
688 743 }
@@ -695,13 +750,21 @@
695 750 'label' => esc_html__('Hover', 'ultimate-store-kit'),
696 751 ]
697 752 );
698 753
754 + $this->add_group_control(
755 + Group_Control_Background::get_type(),
756 + [
757 + 'name' => 'item_hover_background',
758 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-item:hover',
759 + ]
760 + );
761 +
699 762 $this->add_control(
700 763 'item_hover_border_color',
701 764 [
702 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
703 - 'type' => Controls_Manager::COLOR,
765 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
766 + 'type' => Controls_Manager::COLOR,
704 767 'selectors' => [
705 768 '{{WRAPPER}} .' . $this->get_name() . ' .usk-item:hover' => 'border-color: {{VALUE}}',
706 769 ],
707 770 'condition' => [
@@ -713,9 +776,9 @@
713 776 if ($this->get_name() !== 'usk-glossy-grid') {
714 777 $this->add_group_control(
715 778 Group_Control_Box_Shadow::get_type(),
716 779 [
717 - 'name' => 'item_hover_shadow',
780 + 'name' => 'item_hover_shadow',
718 781 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-item:hover',
719 782 ]
720 783 );
721 784 }
@@ -722,10 +785,10 @@
722 785 if ($this->get_name() === 'usk-glossy-grid') {
723 786 $this->add_control(
724 787 'item_box_shadow_color',
725 788 [
726 - 'label' => esc_html__('Shadow Color', 'ultimate-store-kit'),
727 - 'type' => Controls_Manager::COLOR,
789 + 'label' => esc_html__('Shadow Color', 'ultimate-store-kit'),
790 + 'type' => Controls_Manager::COLOR,
728 791 'selectors' => [
729 792 '{{WRAPPER}} .usk-glossy-grid .usk-product-hover:before' => 'box-shadow: 0 8px 55px {{VALUE}}',
730 793 ],
731 794 ]
@@ -732,10 +795,10 @@
732 795 );
733 796 $this->add_control(
734 797 'item_shape_color',
735 798 [
736 - 'label' => esc_html__('Shape Color', 'ultimate-store-kit'),
737 - 'type' => Controls_Manager::COLOR,
799 + 'label' => esc_html__('Shape Color', 'ultimate-store-kit'),
800 + 'type' => Controls_Manager::COLOR,
738 801 'selectors' => [
739 802 '{{WRAPPER}} .usk-glossy-grid .usk-product-hover:before' => 'background-color: {{VALUE}}',
740 803 ],
741 804 ]
@@ -746,14 +809,15 @@
746 809 $this->end_controls_tabs();
747 810 $this->end_controls_section();
748 811 }
749 812
750 - protected function register_global_controls_grid_image() {
813 + protected function register_global_controls_grid_image()
814 + {
751 815 $this->start_controls_section(
752 816 'section_style_image',
753 817 [
754 818 'label' => esc_html__('Image', 'ultimate-store-kit'),
755 - 'tab' => Controls_Manager::TAB_STYLE,
819 + 'tab' => Controls_Manager::TAB_STYLE,
756 820 ]
757 821 );
758 822 $this->start_controls_tabs(
759 823 'style_tabs_image'
@@ -763,20 +827,76 @@
763 827 [
764 828 'label' => esc_html__('Normal', 'ultimate-store-kit'),
765 829 ]
766 830 );
831 +
832 + $this->add_responsive_control(
833 + 'list_image_size',
834 + [
835 + 'label' => esc_html__('Image Size', 'ultimate-store-kit'),
836 + 'type' => Controls_Manager::SLIDER,
837 + 'size_units' => ['px', '%'],
838 + 'range' => [
839 + 'px' => [
840 + 'min' => 200,
841 + 'max' => 1000,
842 + 'step' => 1,
843 + ],
844 + '%' => [
845 + 'min' => 0,
846 + 'max' => 100,
847 + ],
848 + ],
849 + 'selectors' => [
850 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-image' => 'width: {{SIZE}}{{UNIT}}',
851 + ],
852 + 'condition' => [
853 + 'layout_style' => 'list',
854 + ],
855 + 'separator' => 'after',
856 + ]
857 + );
858 +
859 + $this->add_responsive_control(
860 + 'list_image_size_filter',
861 + [
862 + 'label' => esc_html__('Image Size', 'ultimate-store-kit'),
863 + 'type' => Controls_Manager::SLIDER,
864 + 'size_units' => ['px', '%'],
865 + 'range' => [
866 + 'px' => [
867 + 'min' => 200,
868 + 'max' => 1000,
869 + 'step' => 1,
870 + ],
871 + '%' => [
872 + 'min' => 0,
873 + 'max' => 100,
874 + ],
875 + ],
876 + 'selectors' => [
877 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-image' => 'width: {{SIZE}}{{UNIT}}',
878 + ],
879 + 'condition' => [
880 + 'show_tab' => 'yes',
881 + ],
882 + 'separator' => 'after',
883 + ]
884 + );
885 +
886 +
767 887 $this->add_group_control(
768 888 Group_Control_Background::get_type(),
769 889 [
770 - 'name' => 'image_background',
771 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-image',
890 + 'name' => 'image_background',
891 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-image',
772 892 ]
773 893 );
774 894 $this->add_group_control(
775 895 Group_Control_Border::get_type(),
776 896 [
777 - 'name' => 'image_border',
778 - 'label' => esc_html__('Image Border', 'ultimate-store-kit'),
897 + 'name' => 'image_border',
898 + 'label' => esc_html__('Image Border', 'ultimate-store-kit'),
779 899 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-image',
780 900 'separator' => 'before',
781 901 ]
782 902 );
@@ -783,12 +903,12 @@
783 903
784 904 $this->add_responsive_control(
785 905 'image_border_radius',
786 906 [
787 - 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
788 - 'type' => Controls_Manager::DIMENSIONS,
907 + 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
908 + 'type' => Controls_Manager::DIMENSIONS,
789 909 'size_units' => ['px', '%'],
790 - 'selectors' => [
910 + 'selectors' => [
791 911 '{{WRAPPER}} .' . $this->get_name() . ' .usk-image' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
792 912 ],
793 913 ]
794 914 );
@@ -795,12 +915,12 @@
795 915
796 916 $this->add_responsive_control(
797 917 'image_padding',
798 918 [
799 - 'label' => esc_html__('Padding', 'ultimate-store-kit'),
800 - 'type' => Controls_Manager::DIMENSIONS,
919 + 'label' => esc_html__('Padding', 'ultimate-store-kit'),
920 + 'type' => Controls_Manager::DIMENSIONS,
801 921 'size_units' => ['px', '%'],
802 - 'selectors' => [
922 + 'selectors' => [
803 923 '{{WRAPPER}} .' . $this->get_name() . ' .usk-image' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
804 924 ],
805 925 ]
806 926 );
@@ -807,10 +927,10 @@
807 927
808 928 $this->add_group_control(
809 929 Group_Control_Box_Shadow::get_type(),
810 930 [
811 - 'name' => 'image_shadow',
812 - 'exclude' => [
931 + 'name' => 'image_shadow',
932 + 'exclude' => [
813 933 'shadow_position',
814 934 ],
815 935 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-image',
816 936 ]
@@ -824,19 +944,19 @@
824 944 );
825 945 $this->add_group_control(
826 946 Group_Control_Background::get_type(),
827 947 [
828 - 'name' => 'image_hover_background',
829 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-item:hover .usk-image',
948 + 'name' => 'image_hover_background',
949 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-item:hover .usk-image',
830 950 ]
831 951 );
832 952 $this->add_group_control(
833 953 Group_Control_Border::get_type(),
834 954 [
835 - 'name' => 'image_hover_border',
836 - 'label' => esc_html__('Image Border', 'ultimate-store-kit'),
955 + 'name' => 'image_hover_border',
956 + 'label' => esc_html__('Image Border', 'ultimate-store-kit'),
837 957 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-item:hover .usk-image',
838 - 'separator' => 'before',
958 + 'separator' => 'before',
839 959 ]
840 960 );
841 961
842 962 $this->add_responsive_control(
@@ -841,12 +961,12 @@
841 961
842 962 $this->add_responsive_control(
843 963 'image_hover_border_radius',
844 964 [
845 - 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
846 - 'type' => Controls_Manager::DIMENSIONS,
965 + 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
966 + 'type' => Controls_Manager::DIMENSIONS,
847 967 'size_units' => ['px', '%'],
848 - 'selectors' => [
968 + 'selectors' => [
849 969 '{{WRAPPER}} .' . $this->get_name() . ' .usk-item:hover .usk-image' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
850 970 ],
851 971 ]
852 972 );
@@ -853,10 +973,10 @@
853 973
854 974 $this->add_group_control(
855 975 Group_Control_Box_Shadow::get_type(),
856 976 [
857 - 'name' => 'image_hover_shadow',
858 - 'exclude' => [
977 + 'name' => 'image_hover_shadow',
978 + 'exclude' => [
859 979 'shadow_position',
860 980 ],
861 981 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-item:hover .usk-image',
862 982 ]
@@ -866,14 +986,15 @@
866 986
867 987 $this->end_controls_section();
868 988 }
869 989
870 - protected function register_global_controls_content() {
990 + protected function register_global_controls_content()
991 + {
871 992 $this->start_controls_section(
872 993 'section_style_content',
873 994 [
874 995 'label' => esc_html__('Content', 'ultimate-store-kit'),
875 - 'tab' => Controls_Manager::TAB_STYLE,
996 + 'tab' => Controls_Manager::TAB_STYLE,
876 997 ]
877 998 );
878 999
879 1000 $this->start_controls_tabs('tabs_content_style');
@@ -886,12 +1007,12 @@
886 1007 );
887 1008 $this->add_group_control(
888 1009 Group_Control_Background::get_type(),
889 1010 [
890 - 'name' => 'content_background',
891 - 'label' => esc_html__('Background', 'ultimate-store-kit'),
892 - 'types' => ['classic', 'gradient'],
893 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-content',
1011 + 'name' => 'content_background',
1012 + 'label' => esc_html__('Background', 'ultimate-store-kit'),
1013 + 'types' => ['classic', 'gradient'],
1014 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-content',
894 1015 ]
895 1016 );
896 1017
897 1018 $this->add_group_control(
@@ -896,12 +1017,12 @@
896 1017
897 1018 $this->add_group_control(
898 1019 Group_Control_Border::get_type(),
899 1020 [
900 - 'name' => 'content_border',
901 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
902 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-content',
903 - 'separator' => 'before',
1021 + 'name' => 'content_border',
1022 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1023 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-content',
1024 + 'separator' => 'before',
904 1025 ]
905 1026 );
906 1027
907 1028 $this->add_responsive_control(
@@ -906,12 +1027,12 @@
906 1027
907 1028 $this->add_responsive_control(
908 1029 'content_radius',
909 1030 [
910 - 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
911 - 'type' => Controls_Manager::DIMENSIONS,
1031 + 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
1032 + 'type' => Controls_Manager::DIMENSIONS,
912 1033 'size_units' => ['px', '%'],
913 - 'selectors' => [
1034 + 'selectors' => [
914 1035 '{{WRAPPER}} .' . $this->get_name() . ' .usk-content' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}; overflow: hidden;',
915 1036 ],
916 1037 ]
917 1038 );
@@ -918,12 +1039,12 @@
918 1039
919 1040 $this->add_responsive_control(
920 1041 'content_padding',
921 1042 [
922 - 'label' => esc_html__('Padding', 'ultimate-store-kit'),
923 - 'type' => Controls_Manager::DIMENSIONS,
1043 + 'label' => esc_html__('Padding', 'ultimate-store-kit'),
1044 + 'type' => Controls_Manager::DIMENSIONS,
924 1045 'size_units' => ['px', 'em', '%'],
925 - 'selectors' => [
1046 + 'selectors' => [
926 1047 '{{WRAPPER}} .' . $this->get_name() . ' .usk-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
927 1048 ],
928 1049 ]
929 1050 );
@@ -937,19 +1058,19 @@
937 1058 );
938 1059 $this->add_group_control(
939 1060 Group_Control_Background::get_type(),
940 1061 [
941 - 'name' => 'content_hover_background',
942 - 'label' => esc_html__('Background', 'ultimate-store-kit'),
943 - 'types' => ['classic', 'gradient'],
944 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-content:hover',
1062 + 'name' => 'content_hover_background',
1063 + 'label' => esc_html__('Background', 'ultimate-store-kit'),
1064 + 'types' => ['classic', 'gradient'],
1065 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-content:hover',
945 1066 ]
946 1067 );
947 1068 $this->add_control(
948 1069 'content_hover_border_color',
949 1070 [
950 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
951 - 'type' => Controls_Manager::COLOR,
1071 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1072 + 'type' => Controls_Manager::COLOR,
952 1073 'condition' => [
953 1074 'content_border_border!' => '',
954 1075 ],
955 1076 'selectors' => [
@@ -963,14 +1084,18 @@
963 1084
964 1085 $this->end_controls_section();
965 1086 }
966 1087
967 - protected function register_global_controls_title() {
1088 + protected function register_global_controls_title()
1089 + {
968 1090 $this->start_controls_section(
969 1091 'section_style_title',
970 1092 [
971 - 'label' => esc_html__('Title', 'ultimate-store-kit'),
972 - 'tab' => Controls_Manager::TAB_STYLE,
1093 + 'label' => esc_html__('Title', 'ultimate-store-kit'),
1094 + 'tab' => Controls_Manager::TAB_STYLE,
1095 + 'condition' => [
1096 + 'show_title' => 'yes',
1097 + ],
973 1098 ]
974 1099 );
975 1100
976 1101 $this->add_control(
@@ -975,10 +1100,10 @@
975 1100
976 1101 $this->add_control(
977 1102 'title_color',
978 1103 [
979 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
980 - 'type' => Controls_Manager::COLOR,
1104 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
1105 + 'type' => Controls_Manager::COLOR,
981 1106 'selectors' => [
982 1107 '{{WRAPPER}} .' . $this->get_name() . ' .usk-title' => 'color: {{VALUE}}',
983 1108 ],
984 1109 ]
@@ -986,10 +1111,10 @@
986 1111
987 1112 $this->add_control(
988 1113 'hover_title_color',
989 1114 [
990 - 'label' => esc_html__('Hover Color', 'ultimate-store-kit'),
991 - 'type' => Controls_Manager::COLOR,
1115 + 'label' => esc_html__('Hover Color', 'ultimate-store-kit'),
1116 + 'type' => Controls_Manager::COLOR,
992 1117 'selectors' => [
993 1118 '{{WRAPPER}} .' . $this->get_name() . ' .usk-title:hover' => 'color: {{VALUE}};',
994 1119 ],
995 1120 ]
@@ -997,12 +1122,12 @@
997 1122
998 1123 $this->add_responsive_control(
999 1124 'title_margin',
1000 1125 [
1001 - 'label' => esc_html__('Margin', 'ultimate-store-kit'),
1002 - 'type' => Controls_Manager::DIMENSIONS,
1126 + 'label' => esc_html__('Margin', 'ultimate-store-kit'),
1127 + 'type' => Controls_Manager::DIMENSIONS,
1003 1128 'size_units' => ['px', '%'],
1004 - 'selectors' => [
1129 + 'selectors' => [
1005 1130 '{{WRAPPER}} .' . $this->get_name() . ' .usk-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1006 1131 ],
1007 1132 ]
1008 1133 );
@@ -1009,11 +1134,11 @@
1009 1134
1010 1135 $this->add_group_control(
1011 1136 Group_Control_Typography::get_type(),
1012 1137 [
1013 - 'name' => 'title_typography',
1014 - 'label' => esc_html__('Typography', 'ultimate-store-kit'),
1015 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-title .title',
1138 + 'name' => 'title_typography',
1139 + 'label' => esc_html__('Typography', 'ultimate-store-kit'),
1140 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-title',
1016 1141 ]
1017 1142 );
1018 1143
1019 1144 $this->end_controls_section();
@@ -1018,14 +1143,15 @@
1018 1143
1019 1144 $this->end_controls_section();
1020 1145 }
1021 1146
1022 - public function register_global_controls_add_to_cart() {
1147 + public function register_global_controls_add_to_cart()
1148 + {
1023 1149 $this->start_controls_section(
1024 1150 'section_style_button',
1025 1151 [
1026 - 'label' => esc_html__('Add to Cart', 'ultimate-store-kit'),
1027 - 'tab' => Controls_Manager::TAB_STYLE,
1152 + 'label' => esc_html__('Add To Cart', 'ultimate-store-kit'),
1153 + 'tab' => Controls_Manager::TAB_STYLE,
1028 1154 'condition' => [
1029 1155 'show_cart' => 'yes',
1030 1156 ],
1031 1157 ]
@@ -1042,11 +1168,11 @@
1042 1168
1043 1169 $this->add_control(
1044 1170 'button_text_color',
1045 1171 [
1046 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
1047 - 'type' => Controls_Manager::COLOR,
1048 - 'default' => '',
1172 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
1173 + 'type' => Controls_Manager::COLOR,
1174 + 'default' => '',
1049 1175 'selectors' => [
1050 1176 '{{WRAPPER}} .' . $this->get_name() . ' .usk-button' => 'color: {{VALUE}};',
1051 1177 '{{WRAPPER}} .' . $this->get_name() . ' .added_to_cart' => 'color: {{VALUE}};',
1052 1178 '{{WRAPPER}} .' . $this->get_name() . ' .usk-button.loading::after' => 'border-color: {{VALUE}}'
@@ -1056,12 +1182,12 @@
1056 1182
1057 1183 $this->add_group_control(
1058 1184 Group_Control_Background::get_type(),
1059 1185 [
1060 - 'name' => 'btn_background_color',
1061 - 'label' => esc_html__('Background', 'ultimate-store-kit'),
1062 - 'types' => ['classic', 'gradient'],
1063 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-button, {{WRAPPER}} .' . $this->get_name() . ' .added_to_cart',
1186 + 'name' => 'btn_background_color',
1187 + 'label' => esc_html__('Background', 'ultimate-store-kit'),
1188 + 'types' => ['classic', 'gradient'],
1189 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-button, {{WRAPPER}} .' . $this->get_name() . ' .added_to_cart',
1064 1190 ]
1065 1191 );
1066 1192
1067 1193 $this->add_group_control(
@@ -1066,11 +1192,11 @@
1066 1192
1067 1193 $this->add_group_control(
1068 1194 Group_Control_Border::get_type(),
1069 1195 [
1070 - 'name' => 'btn_border',
1071 - 'label' => esc_html__('Border', 'ultimate-store-kit'),
1072 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-button, {{WRAPPER}} .' . $this->get_name() . ' .added_to_cart',
1196 + 'name' => 'btn_border',
1197 + 'label' => esc_html__('Border', 'ultimate-store-kit'),
1198 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-button, {{WRAPPER}} .' . $this->get_name() . ' .added_to_cart',
1073 1199 'separator' => 'before',
1074 1200 ]
1075 1201 );
1076 1202
@@ -1076,12 +1202,12 @@
1076 1202
1077 1203 $this->add_responsive_control(
1078 1204 'btn_border_radius',
1079 1205 [
1080 - 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
1081 - 'type' => Controls_Manager::DIMENSIONS,
1206 + 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
1207 + 'type' => Controls_Manager::DIMENSIONS,
1082 1208 'size_units' => ['px', '%'],
1083 - 'selectors' => [
1209 + 'selectors' => [
1084 1210 '{{WRAPPER}} .' . $this->get_name() . ' .usk-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1085 1211 '{{WRAPPER}} .' . $this->get_name() . ' .added_to_cart' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1086 1212 ],
1087 1213 ]
@@ -1089,14 +1215,14 @@
1089 1215
1090 1216 $this->add_responsive_control(
1091 1217 'button_width',
1092 1218 [
1093 - 'label' => esc_html__('Width(%)', 'ultimate-store-kit'),
1094 - 'type' => Controls_Manager::SLIDER,
1095 - 'range' => [
1096 - 'px' => [
1097 - 'min' => 10,
1098 - 'max' => 100,
1219 + 'label' => esc_html__('Width(%)', 'ultimate-store-kit'),
1220 + 'type' => Controls_Manager::SLIDER,
1221 + 'range' => [
1222 + 'px' => [
1223 + 'min' => 10,
1224 + 'max' => 100,
1099 1225 ]
1100 1226 ],
1101 1227 'selectors' => [
1102 1228 '{{WRAPPER}} .' . $this->get_name() . '' => '--btn-width: {{SIZE}}%;',
@@ -1102,18 +1228,18 @@
1102 1228 '{{WRAPPER}} .' . $this->get_name() . '' => '--btn-width: {{SIZE}}%;',
1103 1229 ],
1104 1230 ]
1105 1231 );
1106 -
1232 +
1107 1233 $this->add_responsive_control(
1108 1234 'button_height',
1109 1235 [
1110 - 'label' => esc_html__('Height(px)', 'ultimate-store-kit'),
1111 - 'type' => Controls_Manager::SLIDER,
1112 - 'range' => [
1113 - 'px' => [
1114 - 'min' => 10,
1115 - 'max' => 100,
1236 + 'label' => esc_html__('Height(px)', 'ultimate-store-kit'),
1237 + 'type' => Controls_Manager::SLIDER,
1238 + 'range' => [
1239 + 'px' => [
1240 + 'min' => 10,
1241 + 'max' => 100,
1116 1242 ]
1117 1243 ],
1118 1244 'selectors' => [
1119 1245 '{{WRAPPER}} .' . $this->get_name() . ' .usk-button, {{WRAPPER}} .' . $this->get_name() . ' .added_to_cart' => 'height: {{SIZE}}px; line-height: {{SIZE}}px;',
@@ -1120,13 +1246,25 @@
1120 1246 ],
1121 1247 ]
1122 1248 );
1123 1249
1250 + $this->add_responsive_control(
1251 + 'button_margin',
1252 + [
1253 + 'label' => esc_html__('Margin', 'ultimate-store-kit') . BDTUSK_NC,
1254 + 'type' => Controls_Manager::DIMENSIONS,
1255 + 'size_units' => ['px', '%', 'em'],
1256 + 'selectors' => [
1257 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-button, {{WRAPPER}} .' . $this->get_name() . ' .added_to_cart' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1258 + ],
1259 + ]
1260 + );
1261 +
1124 1262 $this->add_group_control(
1125 1263 Group_Control_Typography::get_type(),
1126 1264 [
1127 - 'name' => 'button_typography',
1128 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-button, {{WRAPPER}} .' . $this->get_name() . ' .added_to_cart',
1265 + 'name' => 'button_typography',
1266 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-button, {{WRAPPER}} .' . $this->get_name() . ' .added_to_cart',
1129 1267 ]
1130 1268 );
1131 1269 $this->end_controls_tab();
1132 1270
@@ -1139,10 +1277,10 @@
1139 1277
1140 1278 $this->add_control(
1141 1279 'hover_color',
1142 1280 [
1143 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
1144 - 'type' => Controls_Manager::COLOR,
1281 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
1282 + 'type' => Controls_Manager::COLOR,
1145 1283 'selectors' => [
1146 1284 '{{WRAPPER}} .' . $this->get_name() . ' .usk-button:hover' => 'color: {{VALUE}};',
1147 1285 '{{WRAPPER}} .' . $this->get_name() . ' .added_to_cart:hover' => 'color: {{VALUE}};',
1148 1286 ],
@@ -1151,12 +1289,12 @@
1151 1289
1152 1290 $this->add_group_control(
1153 1291 Group_Control_Background::get_type(),
1154 1292 [
1155 - 'name' => 'btn_hover_bg',
1156 - 'label' => esc_html__('Background', 'ultimate-store-kit'),
1157 - 'types' => ['classic', 'gradient'],
1158 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-button:hover, {{WRAPPER}} .' . $this->get_name() . ' .added_to_cart:hover',
1293 + 'name' => 'btn_hover_bg',
1294 + 'label' => esc_html__('Background', 'ultimate-store-kit'),
1295 + 'types' => ['classic', 'gradient'],
1296 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-button:hover, {{WRAPPER}} .' . $this->get_name() . ' .added_to_cart:hover',
1159 1297 ]
1160 1298 );
1161 1299
1162 1300 $this->add_control(
@@ -1161,10 +1299,10 @@
1161 1299
1162 1300 $this->add_control(
1163 1301 'button_hover_border_color',
1164 1302 [
1165 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1166 - 'type' => Controls_Manager::COLOR,
1303 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1304 + 'type' => Controls_Manager::COLOR,
1167 1305 'condition' => [
1168 1306 'btn_border_border!' => '',
1169 1307 ],
1170 1308 'selectors' => [
@@ -1177,14 +1315,15 @@
1177 1315 $this->end_controls_tabs();
1178 1316 $this->end_controls_section();
1179 1317 }
1180 1318
1181 - protected function register_global_controls_category() {
1319 + protected function register_global_controls_category()
1320 + {
1182 1321 $this->start_controls_section(
1183 1322 'section_style_category',
1184 1323 [
1185 - 'label' => esc_html__('Category', 'ultimate-store-kit'),
1186 - 'tab' => Controls_Manager::TAB_STYLE,
1324 + 'label' => esc_html__('Category', 'ultimate-store-kit'),
1325 + 'tab' => Controls_Manager::TAB_STYLE,
1187 1326 'condition' => [
1188 1327 'show_category' => 'yes',
1189 1328 ],
1190 1329 ]
@@ -1200,10 +1339,10 @@
1200 1339 );
1201 1340 $this->add_control(
1202 1341 'category_color',
1203 1342 [
1204 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
1205 - 'type' => Controls_Manager::COLOR,
1343 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
1344 + 'type' => Controls_Manager::COLOR,
1206 1345 'selectors' => [
1207 1346 '{{WRAPPER}} .' . $this->get_name() . ' .usk-category a' => 'color: {{VALUE}};',
1208 1347 ],
1209 1348 ]
@@ -1210,18 +1349,18 @@
1210 1349 );
1211 1350 $this->add_group_control(
1212 1351 Group_Control_Background::get_type(),
1213 1352 [
1214 - 'name' => 'category_bg_color',
1215 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-category a',
1353 + 'name' => 'category_bg_color',
1354 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-category a',
1216 1355 ]
1217 1356 );
1218 1357 $this->add_group_control(
1219 1358 Group_Control_Border::get_type(),
1220 1359 [
1221 - 'name' => 'category_border',
1222 - 'label' => __('Border', 'elementor'),
1223 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-category a',
1360 + 'name' => 'category_border',
1361 + 'label' => esc_html__('Border', 'ultimate-store-kit'),
1362 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-category a',
1224 1363 'separator' => 'before'
1225 1364 ]
1226 1365 );
1227 1366 $this->add_responsive_control(
@@ -1226,13 +1365,13 @@
1226 1365 );
1227 1366 $this->add_responsive_control(
1228 1367 'category_radius',
1229 1368 [
1230 - 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
1231 - 'type' => Controls_Manager::DIMENSIONS,
1232 - 'size_units' => ['px', '%', 'em'],
1233 - 'selectors' => [
1234 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-category a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1369 + 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
1370 + 'type' => Controls_Manager::DIMENSIONS,
1371 + 'size_units' => ['px', '%', 'em'],
1372 + 'selectors' => [
1373 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-category a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1235 1374 ],
1236 1375 ]
1237 1376 );
1238 1377 $this->add_responsive_control(
@@ -1237,12 +1376,12 @@
1237 1376 );
1238 1377 $this->add_responsive_control(
1239 1378 'category_padding',
1240 1379 [
1241 - 'label' => esc_html__('Padding', 'ultimate-store-kit'),
1242 - 'type' => Controls_Manager::DIMENSIONS,
1380 + 'label' => esc_html__('Padding', 'ultimate-store-kit'),
1381 + 'type' => Controls_Manager::DIMENSIONS,
1243 1382 'size_units' => ['px', '%'],
1244 - 'selectors' => [
1383 + 'selectors' => [
1245 1384 '{{WRAPPER}} .' . $this->get_name() . ' .usk-category a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1246 1385 ],
1247 1386 ]
1248 1387 );
@@ -1248,24 +1387,24 @@
1248 1387 );
1249 1388 $this->add_responsive_control(
1250 1389 'category_margin',
1251 1390 [
1252 - 'label' => esc_html__('Margin', 'ultimate-store-kit'),
1253 - 'type' => Controls_Manager::DIMENSIONS,
1391 + 'label' => esc_html__('Margin', 'ultimate-store-kit'),
1392 + 'type' => Controls_Manager::DIMENSIONS,
1254 1393 'size_units' => ['px', '%'],
1255 - 'selectors' => [
1394 + 'selectors' => [
1256 1395 '{{WRAPPER}} .' . $this->get_name() . ' .usk-category' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1257 1396 ],
1258 1397 ]
1259 1398 );
1260 -
1399 +
1261 1400 $this->add_responsive_control(
1262 1401 'category_space_between',
1263 1402 [
1264 - 'label' => esc_html__('Space Between', 'ultimate-store-kit'),
1265 - 'type' => Controls_Manager::SLIDER,
1403 + 'label' => esc_html__('Space Between', 'ultimate-store-kit'),
1404 + 'type' => Controls_Manager::SLIDER,
1266 1405 'size_units' => ['px', 'em', '%'],
1267 - 'selectors' => [
1406 + 'selectors' => [
1268 1407 '{{WRAPPER}} .' . $this->get_name() . ' .usk-category' => 'gap: {{SIZE}}{{UNIT}};',
1269 1408 ],
1270 1409 ]
1271 1410 );
@@ -1271,10 +1410,10 @@
1271 1410 );
1272 1411 $this->add_group_control(
1273 1412 Group_Control_Typography::get_type(),
1274 1413 [
1275 - 'name' => 'category_typography',
1276 - 'label' => esc_html__('Typography', 'ultimate-store-kit'),
1414 + 'name' => 'category_typography',
1415 + 'label' => esc_html__('Typography', 'ultimate-store-kit'),
1277 1416 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-category a',
1278 1417 ]
1279 1418 );
1280 1419 $this->add_group_control(
@@ -1279,9 +1418,9 @@
1279 1418 );
1280 1419 $this->add_group_control(
1281 1420 Group_Control_Box_Shadow::get_type(),
1282 1421 [
1283 - 'name' => 'category_shadow',
1422 + 'name' => 'category_shadow',
1284 1423 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-category a',
1285 1424 ]
1286 1425 );
1287 1426 $this->end_controls_tab();
@@ -1293,10 +1432,10 @@
1293 1432 );
1294 1433 $this->add_control(
1295 1434 'hover_category_color',
1296 1435 [
1297 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
1298 - 'type' => Controls_Manager::COLOR,
1436 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
1437 + 'type' => Controls_Manager::COLOR,
1299 1438 'selectors' => [
1300 1439 '{{WRAPPER}} .' . $this->get_name() . ' .usk-category a:hover' => 'color: {{VALUE}};',
1301 1440 ],
1302 1441 ]
@@ -1303,17 +1442,17 @@
1303 1442 );
1304 1443 $this->add_group_control(
1305 1444 Group_Control_Background::get_type(),
1306 1445 [
1307 - 'name' => 'hover_category_bg_color',
1308 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-category a:hover',
1446 + 'name' => 'hover_category_bg_color',
1447 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-category a:hover',
1309 1448 ]
1310 1449 );
1311 1450 $this->add_control(
1312 1451 'hover_category_border_color',
1313 1452 [
1314 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1315 - 'type' => Controls_Manager::COLOR,
1453 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1454 + 'type' => Controls_Manager::COLOR,
1316 1455 'selectors' => [
1317 1456 '{{WRAPPER}} .' . $this->get_name() . ' .usk-category a:hover' => 'border-color: {{VALUE}};',
1318 1457 ],
1319 1458 'condition' => [
@@ -1326,17 +1465,19 @@
1326 1465 $this->end_controls_tabs();
1327 1466 $this->end_controls_section();
1328 1467 }
1329 1468
1330 - protected function register_global_controls_excerpt() {
1469 + protected function register_global_controls_excerpt()
1470 + {
1331 1471 $this->start_controls_section(
1332 1472 'section_style_excerpt',
1333 1473 [
1334 1474 'label' => esc_html__('Text', 'ultimate-store-kit'),
1335 - 'tab' => Controls_Manager::TAB_STYLE,
1475 + 'tab' => Controls_Manager::TAB_STYLE,
1336 1476 'condition' => [
1337 1477 'show_excerpt' => 'yes',
1338 1478 'layout_style' => 'list'
1479 +
1339 1480 ]
1340 1481 ]
1341 1482 );
1342 1483
@@ -1342,10 +1483,10 @@
1342 1483
1343 1484 $this->add_control(
1344 1485 'excerpt_color',
1345 1486 [
1346 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
1347 - 'type' => Controls_Manager::COLOR,
1487 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
1488 + 'type' => Controls_Manager::COLOR,
1348 1489 'selectors' => [
1349 1490 '{{WRAPPER}} .usk-list-layout .usk-desc' => 'color: {{VALUE}}',
1350 1491 ],
1351 1492 ]
@@ -1353,12 +1494,12 @@
1353 1494
1354 1495 $this->add_responsive_control(
1355 1496 'excerpt_padding',
1356 1497 [
1357 - 'label' => esc_html__('Padding', 'ultimate-store-kit'),
1358 - 'type' => Controls_Manager::DIMENSIONS,
1498 + 'label' => esc_html__('Padding', 'ultimate-store-kit'),
1499 + 'type' => Controls_Manager::DIMENSIONS,
1359 1500 'size_units' => ['px', '%'],
1360 - 'selectors' => [
1501 + 'selectors' => [
1361 1502 '{{WRAPPER}} .usk-list-layout .usk-desc' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1362 1503 ],
1363 1504 ]
1364 1505 );
@@ -1365,12 +1506,12 @@
1365 1506
1366 1507 $this->add_responsive_control(
1367 1508 'excerpt_margin',
1368 1509 [
1369 - 'label' => esc_html__('Margin', 'ultimate-store-kit'),
1370 - 'type' => Controls_Manager::DIMENSIONS,
1510 + 'label' => esc_html__('Margin', 'ultimate-store-kit'),
1511 + 'type' => Controls_Manager::DIMENSIONS,
1371 1512 'size_units' => ['px', '%'],
1372 - 'selectors' => [
1513 + 'selectors' => [
1373 1514 '{{WRAPPER}} .usk-list-layout .usk-desc' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1374 1515 ],
1375 1516 ]
1376 1517 );
@@ -1376,10 +1517,10 @@
1376 1517 );
1377 1518 $this->add_group_control(
1378 1519 Group_Control_Typography::get_type(),
1379 1520 [
1380 - 'name' => 'excerpt_typography',
1381 - 'label' => esc_html__('Typography', 'ultimate-store-kit'),
1521 + 'name' => 'excerpt_typography',
1522 + 'label' => esc_html__('Typography', 'ultimate-store-kit'),
1382 1523 'selector' => '{{WRAPPER}} .usk-list-layout .usk-desc',
1383 1524 ]
1384 1525 );
1385 1526
@@ -1384,14 +1525,15 @@
1384 1525 );
1385 1526
1386 1527 $this->end_controls_section();
1387 1528 }
1388 - protected function register_global_controls_price() {
1529 + protected function register_global_controls_price()
1530 + {
1389 1531 $this->start_controls_section(
1390 1532 'section_style_price',
1391 1533 [
1392 - 'label' => esc_html__('Price', 'ultimate-store-kit'),
1393 - 'tab' => Controls_Manager::TAB_STYLE,
1534 + 'label' => esc_html__('Price', 'ultimate-store-kit'),
1535 + 'tab' => Controls_Manager::TAB_STYLE,
1394 1536 'condition' => [
1395 1537 'show_price' => 'yes',
1396 1538 ],
1397 1539 ]
@@ -1398,10 +1540,10 @@
1398 1540 );
1399 1541 $this->add_control(
1400 1542 'regular_price_color',
1401 1543 [
1402 - 'label' => esc_html__('Regular Color', 'ultimate-store-kit'),
1403 - 'type' => Controls_Manager::COLOR,
1544 + 'label' => esc_html__('Regular Color', 'ultimate-store-kit'),
1545 + 'type' => Controls_Manager::COLOR,
1404 1546 'selectors' => [
1405 1547 '{{WRAPPER}} .' . $this->get_name() . ' .usk-price del .woocommerce-Price-amount.amount' => 'color: {{VALUE}};',
1406 1548 '{{WRAPPER}} .' . $this->get_name() . ' .usk-price del' => 'color: {{VALUE}};',
1407 1549 ],
@@ -1410,14 +1552,14 @@
1410 1552 );
1411 1553 $this->add_control(
1412 1554 'sale_price_color',
1413 1555 [
1414 - 'label' => esc_html__('Sale Color', 'ultimate-store-kit'),
1415 - 'type' => Controls_Manager::COLOR,
1556 + 'label' => esc_html__('Sale Color', 'ultimate-store-kit'),
1557 + 'type' => Controls_Manager::COLOR,
1416 1558 'selectors' => [
1417 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-price' => 'color: {{VALUE}}',
1418 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-price ins span' => 'color: {{VALUE}}',
1419 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-price .woocommerce-Price-amount.amount' => 'color: {{VALUE}}',
1559 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-price' => 'color: {{VALUE}}',
1560 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-price ins span' => 'color: {{VALUE}}',
1561 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-price .woocommerce-Price-amount.amount' => 'color: {{VALUE}}',
1420 1562 '{{WRAPPER}} .' . $this->get_name() . ' .usk-price > .woocommerce-Price-amount.amount bdi' => 'color: {{VALUE}}',
1421 1563 ],
1422 1564 ]
1423 1565 );
@@ -1424,12 +1566,12 @@
1424 1566
1425 1567 $this->add_responsive_control(
1426 1568 'price_margin',
1427 1569 [
1428 - 'label' => esc_html__('Margin', 'ultimate-store-kit'),
1429 - 'type' => Controls_Manager::DIMENSIONS,
1570 + 'label' => esc_html__('Margin', 'ultimate-store-kit'),
1571 + 'type' => Controls_Manager::DIMENSIONS,
1430 1572 'size_units' => ['px', '%'],
1431 - 'selectors' => [
1573 + 'selectors' => [
1432 1574 '{{WRAPPER}} .' . $this->get_name() . ' .usk-price' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1433 1575 ],
1434 1576 ]
1435 1577 );
@@ -1436,10 +1578,10 @@
1436 1578
1437 1579 $this->add_group_control(
1438 1580 Group_Control_Typography::get_type(),
1439 1581 [
1440 - 'name' => 'sale_price_typography',
1441 - 'label' => esc_html__('Typography', 'ultimate-store-kit'),
1582 + 'name' => 'sale_price_typography',
1583 + 'label' => esc_html__('Typography', 'ultimate-store-kit'),
1442 1584 'selector' => '
1443 1585 {{WRAPPER}} .' . $this->get_name() . ' .usk-price',
1444 1586 ]
1445 1587 );
@@ -1445,9 +1587,10 @@
1445 1587 );
1446 1588
1447 1589 $this->end_controls_section();
1448 1590 }
1449 - protected function register_global_controls_rating() {
1591 + protected function register_global_controls_rating()
1592 + {
1450 1593 $this->start_controls_section(
1451 1594 'section_style_rating',
1452 1595 [
1453 1596 'label' => esc_html__('Rating', 'ultimate-store-kit'),
@@ -1482,14 +1625,15 @@
1482 1625 );
1483 1626
1484 1627 $this->end_controls_section();
1485 1628 }
1486 - protected function register_global_controls_action_btn() {
1629 + protected function register_global_controls_action_btn()
1630 + {
1487 1631 $this->start_controls_section(
1488 1632 'style_action_btn',
1489 1633 [
1490 1634 'label' => esc_html__('Action Button', 'ultimate-store-kit'),
1491 - 'tab' => Controls_Manager::TAB_STYLE,
1635 + 'tab' => Controls_Manager::TAB_STYLE,
1492 1636 'conditions' => [
1493 1637 'relation' => 'or',
1494 1638 'terms' => [
1495 1639 [
@@ -1514,11 +1658,11 @@
1514 1658 );
1515 1659 $this->add_group_control(
1516 1660 Group_Control_Border::get_type(),
1517 1661 [
1518 - 'name' => 'action_btn_border',
1519 - 'label' => esc_html__('Border', 'ultimate-store-kit'),
1520 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping a',
1662 + 'name' => 'action_btn_border',
1663 + 'label' => esc_html__('Border', 'ultimate-store-kit'),
1664 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping a',
1521 1665 'separator' => 'before'
1522 1666 ]
1523 1667 );
1524 1668 $this->add_responsive_control(
@@ -1523,13 +1667,13 @@
1523 1667 );
1524 1668 $this->add_responsive_control(
1525 1669 'action_btn_radius',
1526 1670 [
1527 - 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
1528 - 'type' => Controls_Manager::DIMENSIONS,
1529 - 'size_units' => ['px', '%', 'em'],
1530 - 'selectors' => [
1531 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1671 + 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
1672 + 'type' => Controls_Manager::DIMENSIONS,
1673 + 'size_units' => ['px', '%', 'em'],
1674 + 'selectors' => [
1675 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1532 1676 ],
1533 1677 ]
1534 1678 );
1535 1679 $this->add_responsive_control(
@@ -1534,13 +1678,13 @@
1534 1678 );
1535 1679 $this->add_responsive_control(
1536 1680 'action_btn_padding',
1537 1681 [
1538 - 'label' => esc_html__('Padding', 'ultimate-store-kit'),
1539 - 'type' => Controls_Manager::DIMENSIONS,
1540 - 'size_units' => ['px', '%', 'em'],
1541 - 'selectors' => [
1542 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1682 + 'label' => esc_html__('Padding', 'ultimate-store-kit'),
1683 + 'type' => Controls_Manager::DIMENSIONS,
1684 + 'size_units' => ['px', '%', 'em'],
1685 + 'selectors' => [
1686 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1543 1687 ],
1544 1688 ]
1545 1689 );
1546 1690 $this->add_responsive_control(
@@ -1545,13 +1689,13 @@
1545 1689 );
1546 1690 $this->add_responsive_control(
1547 1691 'action_btn_margin',
1548 1692 [
1549 - 'label' => esc_html__('Margin', 'ultimate-store-kit'),
1550 - 'type' => Controls_Manager::DIMENSIONS,
1551 - 'size_units' => ['px', '%', 'em'],
1552 - 'selectors' => [
1553 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1693 + 'label' => esc_html__('Margin', 'ultimate-store-kit'),
1694 + 'type' => Controls_Manager::DIMENSIONS,
1695 + 'size_units' => ['px', '%', 'em'],
1696 + 'selectors' => [
1697 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1554 1698 ],
1555 1699 ]
1556 1700 );
1557 1701 $this->add_responsive_control(
@@ -1556,16 +1700,16 @@
1556 1700 );
1557 1701 $this->add_responsive_control(
1558 1702 'action_btn_size',
1559 1703 [
1560 - 'label' => __('Icon Size', 'ultimate-store-kit'),
1561 - 'type' => Controls_Manager::SLIDER,
1562 - 'size_units' => ['px'],
1563 - 'range' => [
1564 - 'px' => [
1565 - 'min' => 0,
1566 - 'max' => 50,
1567 - 'step' => 1,
1704 + 'label' => __('Icon Size', 'ultimate-store-kit'),
1705 + 'type' => Controls_Manager::SLIDER,
1706 + 'size_units' => ['px'],
1707 + 'range' => [
1708 + 'px' => [
1709 + 'min' => 0,
1710 + 'max' => 50,
1711 + 'step' => 1,
1568 1712 ]
1569 1713 ],
1570 1714 'selectors' => [
1571 1715 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping a .icon' => 'font-size: {{SIZE}}{{UNIT}};',
@@ -1574,12 +1718,12 @@
1574 1718 );
1575 1719 $this->add_control(
1576 1720 'font_family',
1577 1721 [
1578 - 'label' => esc_html__('Tooltip Font', 'font family'),
1579 - 'type' => Controls_Manager::FONT,
1580 - 'selectors' => [
1581 - '{{WRAPPER}} .usk-shoping a' => 'font-family: {{VALUE}}',
1722 + 'label' => esc_html__('Tooltip Font', 'ultimate-store-kit'),
1723 + 'type' => Controls_Manager::FONT,
1724 + 'selectors' => [
1725 + '{{WRAPPER}} .usk-shoping a' => 'font-family: {{VALUE}}',
1582 1726 ],
1583 1727 ]
1584 1728 );
1585 1729 $this->start_controls_tabs(
@@ -1596,10 +1740,10 @@
1596 1740 );
1597 1741 $this->add_control(
1598 1742 'wishlist_normal_color',
1599 1743 [
1600 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
1601 - 'type' => Controls_Manager::COLOR,
1744 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
1745 + 'type' => Controls_Manager::COLOR,
1602 1746 'selectors' => [
1603 1747 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-shoping-icon-wishlist' => 'color: {{VALUE}}',
1604 1748 ],
1605 1749 ]
@@ -1606,21 +1750,21 @@
1606 1750 );
1607 1751 $this->add_control(
1608 1752 'wishlist_icon_bg',
1609 1753 [
1610 - 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1611 - 'type' => Controls_Manager::COLOR,
1754 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1755 + 'type' => Controls_Manager::COLOR,
1612 1756 'selectors' => [
1613 1757 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-shoping-icon-wishlist' => 'background: {{VALUE}}',
1614 1758 ],
1615 1759 ]
1616 1760 );
1617 -
1761 +
1618 1762 $this->add_control(
1619 1763 'wishlist_border_color',
1620 1764 [
1621 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1622 - 'type' => Controls_Manager::COLOR,
1765 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1766 + 'type' => Controls_Manager::COLOR,
1623 1767 'selectors' => [
1624 1768 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-shoping-icon-wishlist' => 'border-color: {{VALUE}} !important;',
1625 1769 ],
1626 1770 'condition' => [
@@ -1630,10 +1774,10 @@
1630 1774 );
1631 1775 $this->add_control(
1632 1776 'heading_wishlist_hover',
1633 1777 [
1634 - 'label' => esc_html__('Hover', 'ultimate-store-kit'),
1635 - 'type' => Controls_Manager::HEADING,
1778 + 'label' => esc_html__('Hover', 'ultimate-store-kit'),
1779 + 'type' => Controls_Manager::HEADING,
1636 1780 'separator' => 'before',
1637 1781 ]
1638 1782 );
1639 1783 $this->add_control(
@@ -1638,10 +1782,10 @@
1638 1782 );
1639 1783 $this->add_control(
1640 1784 'wishlist_hover_color',
1641 1785 [
1642 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
1643 - 'type' => Controls_Manager::COLOR,
1786 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
1787 + 'type' => Controls_Manager::COLOR,
1644 1788 'selectors' => [
1645 1789 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-shoping-icon-wishlist:hover' => 'color: {{VALUE}}',
1646 1790 ],
1647 1791 ]
@@ -1648,21 +1792,21 @@
1648 1792 );
1649 1793 $this->add_control(
1650 1794 'wishlist_icon_hover_bg',
1651 1795 [
1652 - 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1653 - 'type' => Controls_Manager::COLOR,
1796 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1797 + 'type' => Controls_Manager::COLOR,
1654 1798 'selectors' => [
1655 1799 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-shoping-icon-wishlist:hover' => 'background: {{VALUE}}',
1656 1800 ],
1657 1801 ]
1658 1802 );
1659 -
1803 +
1660 1804 $this->add_control(
1661 1805 'wishlist_border_hover_color',
1662 1806 [
1663 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1664 - 'type' => Controls_Manager::COLOR,
1807 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1808 + 'type' => Controls_Manager::COLOR,
1665 1809 'selectors' => [
1666 1810 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-shoping-icon-wishlist:hover' => 'border-color: {{VALUE}} !important;',
1667 1811 ],
1668 1812 'condition' => [
@@ -1673,10 +1817,10 @@
1673 1817
1674 1818 $this->add_control(
1675 1819 'heading_wishlist_active',
1676 1820 [
1677 - 'label' => esc_html__('Active', 'ultimate-store-kit'),
1678 - 'type' => Controls_Manager::HEADING,
1821 + 'label' => esc_html__('Active', 'ultimate-store-kit'),
1822 + 'type' => Controls_Manager::HEADING,
1679 1823 'separator' => 'before',
1680 1824 ]
1681 1825 );
1682 1826 $this->add_control(
@@ -1681,10 +1825,10 @@
1681 1825 );
1682 1826 $this->add_control(
1683 1827 'wishlist_active_color',
1684 1828 [
1685 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
1686 - 'type' => Controls_Manager::COLOR,
1829 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
1830 + 'type' => Controls_Manager::COLOR,
1687 1831 'selectors' => [
1688 1832 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-shoping-icon-wishlist.usk-active' => 'color: {{VALUE}}',
1689 1833 ],
1690 1834 ]
@@ -1691,10 +1835,10 @@
1691 1835 );
1692 1836 $this->add_control(
1693 1837 'wishlist_active_bg',
1694 1838 [
1695 - 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1696 - 'type' => Controls_Manager::COLOR,
1839 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1840 + 'type' => Controls_Manager::COLOR,
1697 1841 'selectors' => [
1698 1842 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-shoping-icon-wishlist.usk-active' => 'background: {{VALUE}}',
1699 1843 ],
1700 1844 ]
@@ -1701,10 +1845,10 @@
1701 1845 );
1702 1846 $this->add_control(
1703 1847 'wishlist_active_border_color',
1704 1848 [
1705 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1706 - 'type' => Controls_Manager::COLOR,
1849 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1850 + 'type' => Controls_Manager::COLOR,
1707 1851 'selectors' => [
1708 1852 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-shoping-icon-wishlist.usk-active' => 'border-color: {{VALUE}} !important;',
1709 1853 ],
1710 1854 'condition' => [
@@ -1724,10 +1868,10 @@
1724 1868 );
1725 1869 $this->add_control(
1726 1870 'compare_color',
1727 1871 [
1728 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
1729 - 'type' => Controls_Manager::COLOR,
1872 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
1873 + 'type' => Controls_Manager::COLOR,
1730 1874 'selectors' => [
1731 1875 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-compare' => 'color: {{VALUE}}',
1732 1876 ],
1733 1877 ]
@@ -1734,10 +1878,10 @@
1734 1878 );
1735 1879 $this->add_control(
1736 1880 'compare_icon_bg',
1737 1881 [
1738 - 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1739 - 'type' => Controls_Manager::COLOR,
1882 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1883 + 'type' => Controls_Manager::COLOR,
1740 1884 'selectors' => [
1741 1885 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-compare' => 'background: {{VALUE}}',
1742 1886 ],
1743 1887 ]
@@ -1744,10 +1888,10 @@
1744 1888 );
1745 1889 $this->add_control(
1746 1890 'compare_border_color',
1747 1891 [
1748 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1749 - 'type' => Controls_Manager::COLOR,
1892 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1893 + 'type' => Controls_Manager::COLOR,
1750 1894 'selectors' => [
1751 1895 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-compare' => 'border-color: {{VALUE}} !important;',
1752 1896 ],
1753 1897 'condition' => [
@@ -1757,10 +1901,10 @@
1757 1901 );
1758 1902 $this->add_control(
1759 1903 'heading_compare_hover',
1760 1904 [
1761 - 'label' => esc_html__('Hover', 'ultimate-store-kit'),
1762 - 'type' => Controls_Manager::HEADING,
1905 + 'label' => esc_html__('Hover', 'ultimate-store-kit'),
1906 + 'type' => Controls_Manager::HEADING,
1763 1907 'separator' => 'before',
1764 1908 ]
1765 1909 );
1766 1910 $this->add_control(
@@ -1765,10 +1909,10 @@
1765 1909 );
1766 1910 $this->add_control(
1767 1911 'compare_color_hover',
1768 1912 [
1769 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
1770 - 'type' => Controls_Manager::COLOR,
1913 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
1914 + 'type' => Controls_Manager::COLOR,
1771 1915 'selectors' => [
1772 1916 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-compare:hover' => 'color: {{VALUE}}',
1773 1917 ],
1774 1918 ]
@@ -1775,10 +1919,10 @@
1775 1919 );
1776 1920 $this->add_control(
1777 1921 'compare_icon_bg_hover',
1778 1922 [
1779 - 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1780 - 'type' => Controls_Manager::COLOR,
1923 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1924 + 'type' => Controls_Manager::COLOR,
1781 1925 'selectors' => [
1782 1926 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-compare:hover' => 'background: {{VALUE}}',
1783 1927 ],
1784 1928 ]
@@ -1785,10 +1929,10 @@
1785 1929 );
1786 1930 $this->add_control(
1787 1931 'compare_border_hover_color',
1788 1932 [
1789 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1790 - 'type' => Controls_Manager::COLOR,
1933 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1934 + 'type' => Controls_Manager::COLOR,
1791 1935 'selectors' => [
1792 1936 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-compare:hover' => 'border-color: {{VALUE}} !important;',
1793 1937 ],
1794 1938 'condition' => [
@@ -1798,10 +1942,10 @@
1798 1942 );
1799 1943 $this->add_control(
1800 1944 'heading_compare_active',
1801 1945 [
1802 - 'label' => esc_html__('Active', 'ultimate-store-kit'),
1803 - 'type' => Controls_Manager::HEADING,
1946 + 'label' => esc_html__('Active', 'ultimate-store-kit'),
1947 + 'type' => Controls_Manager::HEADING,
1804 1948 'separator' => 'before',
1805 1949 ]
1806 1950 );
1807 1951 $this->add_control(
@@ -1806,10 +1950,10 @@
1806 1950 );
1807 1951 $this->add_control(
1808 1952 'compare_color_active',
1809 1953 [
1810 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
1811 - 'type' => Controls_Manager::COLOR,
1954 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
1955 + 'type' => Controls_Manager::COLOR,
1812 1956 'selectors' => [
1813 1957 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-compare.usk-active' => 'color: {{VALUE}}',
1814 1958 ],
1815 1959 ]
@@ -1816,10 +1960,10 @@
1816 1960 );
1817 1961 $this->add_control(
1818 1962 'compare_icon_bg_active',
1819 1963 [
1820 - 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1821 - 'type' => Controls_Manager::COLOR,
1964 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1965 + 'type' => Controls_Manager::COLOR,
1822 1966 'selectors' => [
1823 1967 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-compare.usk-active' => 'background: {{VALUE}}',
1824 1968 ],
1825 1969 ]
@@ -1826,10 +1970,10 @@
1826 1970 );
1827 1971 $this->add_control(
1828 1972 'compare_border_active_color',
1829 1973 [
1830 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1831 - 'type' => Controls_Manager::COLOR,
1974 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1975 + 'type' => Controls_Manager::COLOR,
1832 1976 'selectors' => [
1833 1977 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-compare.usk-active' => 'border-color: {{VALUE}} !important;',
1834 1978 ],
1835 1979 'condition' => [
@@ -1849,10 +1993,10 @@
1849 1993 );
1850 1994 $this->add_control(
1851 1995 'quickview_color',
1852 1996 [
1853 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
1854 - 'type' => Controls_Manager::COLOR,
1997 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
1998 + 'type' => Controls_Manager::COLOR,
1855 1999 'selectors' => [
1856 2000 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-shoping-icon-quickview' => 'color: {{VALUE}}',
1857 2001 ],
1858 2002 ]
@@ -1859,10 +2003,10 @@
1859 2003 );
1860 2004 $this->add_control(
1861 2005 'quickview_icon_bg',
1862 2006 [
1863 - 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1864 - 'type' => Controls_Manager::COLOR,
2007 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
2008 + 'type' => Controls_Manager::COLOR,
1865 2009 'selectors' => [
1866 2010 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-shoping-icon-quickview' => 'background: {{VALUE}}',
1867 2011 ],
1868 2012 ]
@@ -1869,10 +2013,10 @@
1869 2013 );
1870 2014 $this->add_control(
1871 2015 'quickview_border_color',
1872 2016 [
1873 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1874 - 'type' => Controls_Manager::COLOR,
2017 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2018 + 'type' => Controls_Manager::COLOR,
1875 2019 'selectors' => [
1876 2020 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-shoping-icon-quickview' => 'border-color: {{VALUE}} !important;',
1877 2021 ],
1878 2022 'condition' => [
@@ -1882,10 +2026,10 @@
1882 2026 );
1883 2027 $this->add_control(
1884 2028 'heading_quickview_hover',
1885 2029 [
1886 - 'label' => esc_html__('Hover', 'ultimate-store-kit'),
1887 - 'type' => Controls_Manager::HEADING,
2030 + 'label' => esc_html__('Hover', 'ultimate-store-kit'),
2031 + 'type' => Controls_Manager::HEADING,
1888 2032 'separator' => 'before',
1889 2033 ]
1890 2034 );
1891 2035 $this->add_control(
@@ -1890,10 +2034,10 @@
1890 2034 );
1891 2035 $this->add_control(
1892 2036 'quickview_color_hover',
1893 2037 [
1894 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
1895 - 'type' => Controls_Manager::COLOR,
2038 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
2039 + 'type' => Controls_Manager::COLOR,
1896 2040 'selectors' => [
1897 2041 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-shoping-icon-quickview:hover' => 'color: {{VALUE}}',
1898 2042 ],
1899 2043 ]
@@ -1900,10 +2044,10 @@
1900 2044 );
1901 2045 $this->add_control(
1902 2046 'quickview_icon_bg_hover',
1903 2047 [
1904 - 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1905 - 'type' => Controls_Manager::COLOR,
2048 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
2049 + 'type' => Controls_Manager::COLOR,
1906 2050 'selectors' => [
1907 2051 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-shoping-icon-quickview:hover' => 'background: {{VALUE}}',
1908 2052 ],
1909 2053 ]
@@ -1910,10 +2054,10 @@
1910 2054 );
1911 2055 $this->add_control(
1912 2056 'quickview_border_hover_color',
1913 2057 [
1914 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1915 - 'type' => Controls_Manager::COLOR,
2058 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2059 + 'type' => Controls_Manager::COLOR,
1916 2060 'selectors' => [
1917 2061 '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-shoping-icon-quickview:hover' => 'border-color: {{VALUE}} !important;',
1918 2062 ],
1919 2063 'condition' => [
@@ -1922,109 +2066,150 @@
1922 2066 ]
1923 2067 );
1924 2068 $this->end_controls_tab();
1925 2069
1926 - if ($this->get_name() !== 'usk-shiny-grid' && $this->get_name() !== 'usk-shiny-carousel') :
1927 - $this->start_controls_tab(
1928 - 'add_to_cart_tab',
1929 - [
1930 - 'label' => esc_html__('Cart', 'ultimate-store-kit'),
1931 - 'condition' => [
1932 - 'show_cart' => 'yes'
2070 + if ($this->get_name() !== 'usk-shiny-grid' && $this->get_name() !== 'usk-shiny-carousel'):
2071 + $this->start_controls_tab(
2072 + 'add_to_cart_tab',
2073 + [
2074 + 'label' => esc_html__('Cart', 'ultimate-store-kit'),
2075 + 'condition' => [
2076 + 'show_cart' => 'yes'
2077 + ]
1933 2078 ]
1934 - ]
1935 - );
1936 - $this->add_control(
1937 - 'cart_color',
1938 - [
1939 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
1940 - 'type' => Controls_Manager::COLOR,
1941 - 'selectors' => [
1942 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-cart' => 'color: {{VALUE}}',
1943 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .added_to_cart' => 'color: {{VALUE}}',
1944 - ],
1945 - ]
1946 - );
1947 - $this->add_control(
1948 - 'cart_icon_bg',
1949 - [
1950 - 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1951 - 'type' => Controls_Manager::COLOR,
1952 - 'selectors' => [
1953 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-cart' => 'background: {{VALUE}}',
1954 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .added_to_cart' => 'background: {{VALUE}}',
1955 - ],
1956 - ]
1957 - );
1958 - $this->add_control(
1959 - 'cart_border_color',
1960 - [
1961 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
1962 - 'type' => Controls_Manager::COLOR,
1963 - 'selectors' => [
1964 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-cart' => 'border-color: {{VALUE}} !important;',
1965 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .added_to_cart' => 'border-color: {{VALUE}} !important;',
1966 - ],
1967 - 'condition' => [
1968 - 'action_btn_border_border!' => ''
2079 + );
2080 + $this->add_control(
2081 + 'cart_color',
2082 + [
2083 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
2084 + 'type' => Controls_Manager::COLOR,
2085 + 'selectors' => [
2086 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-cart' => 'color: {{VALUE}}',
2087 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .added_to_cart' => 'color: {{VALUE}}',
2088 + ],
1969 2089 ]
1970 - ]
1971 - );
2090 + );
2091 + $this->add_control(
2092 + 'cart_icon_bg',
2093 + [
2094 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
2095 + 'type' => Controls_Manager::COLOR,
2096 + 'selectors' => [
2097 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-cart' => 'background: {{VALUE}}',
2098 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .added_to_cart' => 'background: {{VALUE}}',
2099 + ],
2100 + ]
2101 + );
2102 + $this->add_control(
2103 + 'cart_border_color',
2104 + [
2105 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2106 + 'type' => Controls_Manager::COLOR,
2107 + 'selectors' => [
2108 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-cart' => 'border-color: {{VALUE}} !important;',
2109 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .added_to_cart' => 'border-color: {{VALUE}} !important;',
2110 + ],
2111 + 'condition' => [
2112 + 'action_btn_border_border!' => ''
2113 + ]
2114 + ]
2115 + );
2116 + $this->add_control(
2117 + 'heading_cart_hover',
2118 + [
2119 + 'label' => esc_html__('Hover', 'ultimate-store-kit'),
2120 + 'type' => Controls_Manager::HEADING,
2121 + 'separator' => 'before',
2122 + ]
2123 + );
2124 + $this->add_control(
2125 + 'cart_color_hover',
2126 + [
2127 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
2128 + 'type' => Controls_Manager::COLOR,
2129 + 'selectors' => [
2130 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-cart:hover' => 'color: {{VALUE}}',
2131 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .added_to_cart:hover' => 'color: {{VALUE}}',
2132 + ],
2133 + ]
2134 + );
2135 + $this->add_control(
2136 + 'cart_icon_bg_hover',
2137 + [
2138 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
2139 + 'type' => Controls_Manager::COLOR,
2140 + 'selectors' => [
2141 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-cart:hover' => 'background: {{VALUE}}',
2142 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .added_to_cart:hover' => 'background: {{VALUE}}',
2143 + ],
2144 + ]
2145 + );
2146 + $this->add_control(
2147 + 'cart_border_hover_color',
2148 + [
2149 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2150 + 'type' => Controls_Manager::COLOR,
2151 + 'selectors' => [
2152 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-cart:hover' => 'border-color: {{VALUE}} !important;',
2153 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .added_to_cart:hover' => 'border-color: {{VALUE}} !important;',
2154 + ],
2155 + 'condition' => [
2156 + 'action_btn_border_border!' => ''
2157 + ]
2158 + ]
2159 + );
2160 + $this->end_controls_tab();
2161 + endif;
2162 + $this->end_controls_tabs();
2163 +
1972 2164 $this->add_control(
1973 - 'heading_cart_hover',
2165 + 'heading_action_btn_tooltip',
1974 2166 [
1975 - 'label' => esc_html__('Hover', 'ultimate-store-kit'),
1976 - 'type' => Controls_Manager::HEADING,
2167 + 'label' => esc_html__('Tooltip', 'ultimate-store-kit') . BDTUSK_NC,
2168 + 'type' => Controls_Manager::HEADING,
1977 2169 'separator' => 'before',
1978 2170 ]
1979 2171 );
2172 +
1980 2173 $this->add_control(
1981 - 'cart_color_hover',
2174 + 'action_btn_tooltip_text_color',
1982 2175 [
1983 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
1984 - 'type' => Controls_Manager::COLOR,
2176 + 'label' => esc_html__('Text Color', 'ultimate-store-kit'),
2177 + 'type' => Controls_Manager::COLOR,
1985 2178 'selectors' => [
1986 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-cart:hover' => 'color: {{VALUE}}',
1987 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .added_to_cart:hover' => 'color: {{VALUE}}',
2179 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping' => '--usk-microtip-color: {{VALUE}};',
2180 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping [role~="tooltip"]::after' => 'color: {{VALUE}};',
1988 2181 ],
1989 2182 ]
1990 2183 );
1991 - $this->add_control(
1992 - 'cart_icon_bg_hover',
2184 +
2185 + $this->add_group_control(
2186 + Group_Control_Background::get_type(),
1993 2187 [
1994 - 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
1995 - 'type' => Controls_Manager::COLOR,
1996 - 'selectors' => [
1997 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-cart:hover' => 'background: {{VALUE}}',
1998 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .added_to_cart:hover' => 'background: {{VALUE}}',
2188 + 'name' => 'action_btn_tooltip_background',
2189 + 'label' => esc_html__('Background', 'ultimate-store-kit'),
2190 + 'types' => ['classic', 'gradient'],
2191 + 'exclude' => ['image'],
2192 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping [role~="tooltip"]::after',
2193 + 'fields_options' => [
2194 + 'color' => [
2195 + 'selectors' => [
2196 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping' => '--usk-microtip-bg: {{VALUE}};',
2197 + ],
2198 + ],
1999 2199 ],
2000 2200 ]
2001 2201 );
2002 - $this->add_control(
2003 - 'cart_border_hover_color',
2004 - [
2005 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2006 - 'type' => Controls_Manager::COLOR,
2007 - 'selectors' => [
2008 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .usk-cart:hover' => 'border-color: {{VALUE}} !important;',
2009 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-shoping .added_to_cart:hover' => 'border-color: {{VALUE}} !important;',
2010 - ],
2011 - 'condition' => [
2012 - 'action_btn_border_border!' => ''
2013 - ]
2014 - ]
2015 - );
2016 - $this->end_controls_tab();
2017 - endif;
2018 - $this->end_controls_tabs();
2202 +
2019 2203 $this->end_controls_section();
2020 2204 }
2021 - protected function register_global_controls_grid_pagination() {
2205 + protected function register_global_controls_grid_pagination()
2206 + {
2022 2207 $this->start_controls_section(
2023 2208 'section_style_pagination',
2024 2209 [
2025 - 'label' => esc_html__('Pagination', 'ultimate-store-kit'),
2026 - 'tab' => Controls_Manager::TAB_STYLE,
2210 + 'label' => esc_html__('Pagination', 'ultimate-store-kit'),
2211 + 'tab' => Controls_Manager::TAB_STYLE,
2027 2212 'condition' => [
2028 2213 'show_pagination' => 'yes',
2029 2214 ],
2030 2215 ]
@@ -2031,26 +2216,26 @@
2031 2216 );
2032 2217 $this->add_control(
2033 2218 'pagination_alignment',
2034 2219 [
2035 - 'label' => esc_html__('Alignment', 'ultimate-store-kit'),
2036 - 'type' => Controls_Manager::CHOOSE,
2037 - 'options' => [
2220 + 'label' => esc_html__('Alignment', 'ultimate-store-kit'),
2221 + 'type' => Controls_Manager::CHOOSE,
2222 + 'options' => [
2038 2223 'flex-start' => [
2039 2224 'title' => esc_html__('Left', 'ultimate-store-kit'),
2040 - 'icon' => 'eicon-h-align-left',
2225 + 'icon' => 'eicon-h-align-left',
2041 2226 ],
2042 - 'center' => [
2227 + 'center' => [
2043 2228 'title' => esc_html__('Center', 'ultimate-store-kit'),
2044 - 'icon' => 'eicon-h-align-center',
2229 + 'icon' => 'eicon-h-align-center',
2045 2230 ],
2046 - 'flex-end' => [
2231 + 'flex-end' => [
2047 2232 'title' => esc_html__('Right', 'ultimate-store-kit'),
2048 - 'icon' => 'eicon-h-align-right',
2233 + 'icon' => 'eicon-h-align-right',
2049 2234 ],
2050 2235 ],
2051 - 'default' => 'flex-start',
2052 - 'toggle' => false,
2236 + 'default' => 'flex-start',
2237 + 'toggle' => false,
2053 2238 'selectors' => [
2054 2239 '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination' => 'justify-content: {{VALUE}};',
2055 2240 ],
2056 2241 ]
@@ -2066,10 +2251,10 @@
2066 2251 );
2067 2252 $this->add_control(
2068 2253 'pagination_color',
2069 2254 [
2070 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
2071 - 'type' => Controls_Manager::COLOR,
2255 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
2256 + 'type' => Controls_Manager::COLOR,
2072 2257 'selectors' => [
2073 2258 '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li:not(.usk-active) a' => 'color: {{VALUE}};',
2074 2259 ],
2075 2260 ]
@@ -2076,10 +2261,10 @@
2076 2261 );
2077 2262 $this->add_control(
2078 2263 'pagination_background',
2079 2264 [
2080 - 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
2081 - 'type' => Controls_Manager::COLOR,
2265 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
2266 + 'type' => Controls_Manager::COLOR,
2082 2267 'selectors' => [
2083 2268 '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li:not(.usk-active) a' => 'background-color: {{VALUE}};',
2084 2269 ],
2085 2270 ]
@@ -2086,23 +2271,23 @@
2086 2271 );
2087 2272 $this->add_group_control(
2088 2273 Group_Control_Border::get_type(),
2089 2274 [
2090 - 'name' => 'pagination_border',
2091 - 'label' => esc_html__('Border', 'ultimate-store-kit'),
2092 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li a',
2275 + 'name' => 'pagination_border',
2276 + 'label' => esc_html__('Border', 'ultimate-store-kit'),
2277 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li a',
2093 2278 'separator' => 'before'
2094 2279 ]
2095 2280 );
2096 -
2281 +
2097 2282 $this->add_responsive_control(
2098 2283 'pagination_padding',
2099 2284 [
2100 - 'label' => __('Padding', 'ultimate-store-kit'),
2101 - 'type' => Controls_Manager::DIMENSIONS,
2102 - 'size_units' => ['px', '%', 'em'],
2103 - 'selectors' => [
2104 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2285 + 'label' => __('Padding', 'ultimate-store-kit'),
2286 + 'type' => Controls_Manager::DIMENSIONS,
2287 + 'size_units' => ['px', '%', 'em'],
2288 + 'selectors' => [
2289 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2105 2290 ],
2106 2291 ]
2107 2292 );
2108 2293 $this->add_responsive_control(
@@ -2107,13 +2292,13 @@
2107 2292 );
2108 2293 $this->add_responsive_control(
2109 2294 'pagination_radius',
2110 2295 [
2111 - 'label' => __('Border Radius', 'ultimate-store-kit'),
2112 - 'type' => Controls_Manager::DIMENSIONS,
2113 - 'size_units' => ['px', '%', 'em'],
2114 - 'selectors' => [
2115 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2296 + 'label' => __('Border Radius', 'ultimate-store-kit'),
2297 + 'type' => Controls_Manager::DIMENSIONS,
2298 + 'size_units' => ['px', '%', 'em'],
2299 + 'selectors' => [
2300 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2116 2301 ],
2117 2302 ]
2118 2303 );
2119 2304 $this->add_responsive_control(
@@ -2118,10 +2303,10 @@
2118 2303 );
2119 2304 $this->add_responsive_control(
2120 2305 'pagination_spacing_top',
2121 2306 [
2122 - 'label' => esc_html__('Top Spacing', 'ultimate-store-kit'),
2123 - 'type' => Controls_Manager::SLIDER,
2307 + 'label' => esc_html__('Top Spacing', 'ultimate-store-kit'),
2308 + 'type' => Controls_Manager::SLIDER,
2124 2309 'selectors' => [
2125 2310 '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination' => 'margin-top: {{SIZE}}px;',
2126 2311 ],
2127 2312 ]
@@ -2128,13 +2313,13 @@
2128 2313 );
2129 2314 $this->add_responsive_control(
2130 2315 'pagination_spacing',
2131 2316 [
2132 - 'label' => esc_html__('Space Between', 'ultimate-store-kit'),
2133 - 'type' => Controls_Manager::SLIDER,
2134 - 'default' => [
2135 - 'unit' => 'px',
2136 - 'size' => 10,
2317 + 'label' => esc_html__('Space Between', 'ultimate-store-kit'),
2318 + 'type' => Controls_Manager::SLIDER,
2319 + 'default' => [
2320 + 'unit' => 'px',
2321 + 'size' => 10,
2137 2322 ],
2138 2323 'selectors' => [
2139 2324 '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination' => 'gap: {{SIZE}}{{UNIT}};',
2140 2325 ],
@@ -2143,10 +2328,10 @@
2143 2328
2144 2329 $this->add_group_control(
2145 2330 Group_Control_Typography::get_type(),
2146 2331 [
2147 - 'name' => 'pagination_typography',
2148 - 'label' => esc_html__('Typography', 'ultimate-store-kit'),
2332 + 'name' => 'pagination_typography',
2333 + 'label' => esc_html__('Typography', 'ultimate-store-kit'),
2149 2334 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li a, {{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li a li span',
2150 2335 ]
2151 2336 );
2152 2337
@@ -2159,10 +2344,10 @@
2159 2344 );
2160 2345 $this->add_control(
2161 2346 'hover_pagination_color',
2162 2347 [
2163 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
2164 - 'type' => Controls_Manager::COLOR,
2348 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
2349 + 'type' => Controls_Manager::COLOR,
2165 2350 'selectors' => [
2166 2351 '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li a:hover' => 'color: {{VALUE}};',
2167 2352 ],
2168 2353 ]
@@ -2169,10 +2354,10 @@
2169 2354 );
2170 2355 $this->add_control(
2171 2356 'hover_pagination_background',
2172 2357 [
2173 - 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
2174 - 'type' => Controls_Manager::COLOR,
2358 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
2359 + 'type' => Controls_Manager::COLOR,
2175 2360 'selectors' => [
2176 2361 '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li a:hover' => 'background:{{VALUE}};',
2177 2362 ],
2178 2363 ]
@@ -2179,10 +2364,10 @@
2179 2364 );
2180 2365 $this->add_control(
2181 2366 'hover_pagination_border_color',
2182 2367 [
2183 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2184 - 'type' => Controls_Manager::COLOR,
2368 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2369 + 'type' => Controls_Manager::COLOR,
2185 2370 'selectors' => [
2186 2371 '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li a:hover' => 'border-color:{{VALUE}};',
2187 2372 ],
2188 2373 'condition' => [
@@ -2200,10 +2385,10 @@
2200 2385 );
2201 2386 $this->add_control(
2202 2387 'active_pagination_color',
2203 2388 [
2204 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
2205 - 'type' => Controls_Manager::COLOR,
2389 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
2390 + 'type' => Controls_Manager::COLOR,
2206 2391 'selectors' => [
2207 2392 '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li.usk-active a' => 'color: {{VALUE}};',
2208 2393 ],
2209 2394 ]
@@ -2210,10 +2395,10 @@
2210 2395 );
2211 2396 $this->add_control(
2212 2397 'active_pagination_background',
2213 2398 [
2214 - 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
2215 - 'type' => Controls_Manager::COLOR,
2399 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
2400 + 'type' => Controls_Manager::COLOR,
2216 2401 'selectors' => [
2217 2402 '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li.usk-active a' => 'background:{{VALUE}};',
2218 2403 ],
2219 2404 ]
@@ -2220,10 +2405,10 @@
2220 2405 );
2221 2406 $this->add_control(
2222 2407 'active_pagination_border_color',
2223 2408 [
2224 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2225 - 'type' => Controls_Manager::COLOR,
2409 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2410 + 'type' => Controls_Manager::COLOR,
2226 2411 'selectors' => [
2227 2412 '{{WRAPPER}} .' . $this->get_name() . ' .usk-pagination li.usk-active a' => 'border-color: {{VALUE}};',
2228 2413 ],
2229 2414 'condition' => [
@@ -2238,14 +2423,15 @@
2238 2423
2239 2424 /**
2240 2425 * Register global controls for badge
2241 2426 */
2242 - protected function register_global_controls_badge() {
2427 + protected function register_global_controls_badge()
2428 + {
2243 2429 $this->start_controls_section(
2244 2430 'badge',
2245 2431 [
2246 2432 'label' => esc_html__('Badge', 'ultimate-store-kit'),
2247 - 'tab' => Controls_Manager::TAB_STYLE,
2433 + 'tab' => Controls_Manager::TAB_STYLE,
2248 2434 'conditions' => [
2249 2435 'relation' => 'or',
2250 2436 'terms' => [
2251 2437 [
@@ -2274,20 +2460,20 @@
2274 2460 );
2275 2461 $this->add_group_control(
2276 2462 Group_Control_Border::get_type(),
2277 2463 [
2278 - 'name' => 'badge_border',
2279 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-badge-label-content > div .usk-badge',
2464 + 'name' => 'badge_border',
2465 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-badge-label-content > div .usk-badge',
2280 2466 ]
2281 2467 );
2282 2468 $this->add_responsive_control(
2283 2469 'badge_radius',
2284 2470 [
2285 - 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
2286 - 'type' => Controls_Manager::DIMENSIONS,
2287 - 'size_units' => ['px', '%', 'em'],
2288 - 'selectors' => [
2289 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-badge-label-content > div .usk-badge' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2471 + 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
2472 + 'type' => Controls_Manager::DIMENSIONS,
2473 + 'size_units' => ['px', '%', 'em'],
2474 + 'selectors' => [
2475 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-badge-label-content > div .usk-badge' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2290 2476 ],
2291 2477 ]
2292 2478 );
2293 2479 $this->add_responsive_control(
@@ -2292,12 +2478,12 @@
2292 2478 );
2293 2479 $this->add_responsive_control(
2294 2480 'badge_padding',
2295 2481 [
2296 - 'label' => esc_html__('Padding', 'ultimate-store-kit'),
2297 - 'type' => Controls_Manager::DIMENSIONS,
2482 + 'label' => esc_html__('Padding', 'ultimate-store-kit'),
2483 + 'type' => Controls_Manager::DIMENSIONS,
2298 2484 'size_units' => ['px', '%', 'em'],
2299 - 'selectors' => [
2485 + 'selectors' => [
2300 2486 '{{WRAPPER}} .' . $this->get_name() . ' .usk-badge-label-content > div .usk-badge' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2301 2487 ],
2302 2488 ]
2303 2489 );
@@ -2303,25 +2489,25 @@
2303 2489 );
2304 2490 $this->add_responsive_control(
2305 2491 'badge_margin',
2306 2492 [
2307 - 'label' => esc_html__('Margin', 'ultimate-store-kit'),
2308 - 'type' => Controls_Manager::DIMENSIONS,
2493 + 'label' => esc_html__('Margin', 'ultimate-store-kit'),
2494 + 'type' => Controls_Manager::DIMENSIONS,
2309 2495 'size_units' => ['px', '%', 'em'],
2310 - 'selectors' => [
2496 + 'selectors' => [
2311 2497 '{{WRAPPER}} .' . $this->get_name() . ' .usk-badge-label-wrapper' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2312 2498 ],
2313 2499 ]
2314 2500 );
2315 -
2501 +
2316 2502 $this->add_responsive_control(
2317 2503 'badge_spacing',
2318 2504 [
2319 - 'label' => esc_html__('Space Between', 'ultimate-store-kit'),
2320 - 'type' => Controls_Manager::SLIDER,
2321 - 'default' => [
2322 - 'unit' => 'px',
2323 - 'size' => 10,
2505 + 'label' => esc_html__('Space Between', 'ultimate-store-kit'),
2506 + 'type' => Controls_Manager::SLIDER,
2507 + 'default' => [
2508 + 'unit' => 'px',
2509 + 'size' => 10,
2324 2510 ],
2325 2511 'selectors' => [
2326 2512 '{{WRAPPER}} .' . $this->get_name() . ' .usk-badge-label-content' => 'gap: {{SIZE}}{{UNIT}};',
2327 2513 ],
@@ -2329,13 +2515,33 @@
2329 2515 );
2330 2516 $this->add_group_control(
2331 2517 Group_Control_Typography::get_type(),
2332 2518 [
2333 - 'name' => 'badge_typography',
2334 - 'label' => esc_html__('Typography', 'ultimate-store-kit'),
2519 + 'name' => 'badge_typography',
2520 + 'label' => esc_html__('Typography', 'ultimate-store-kit'),
2335 2521 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-badge-label-content > div .usk-badge',
2336 2522 ]
2337 2523 );
2524 + $this->add_responsive_control(
2525 + 'badge_display_type',
2526 + [
2527 + 'label' => esc_html__('Display Type', 'ultimate-store-kit') . BDTUSK_NC,
2528 + 'type' => Controls_Manager::CHOOSE,
2529 + 'options' => [
2530 + 'row' => [
2531 + 'title' => esc_html__('Inline', 'ultimate-store-kit'),
2532 + 'icon' => 'eicon-ellipsis-h',
2533 + ],
2534 + 'column' => [
2535 + 'title' => esc_html__('Grid', 'ultimate-store-kit'),
2536 + 'icon' => 'eicon-ellipsis-v',
2537 + ],
2538 + ],
2539 + 'selectors' => [
2540 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-badge-label-content' => 'flex-direction: {{VALUE}};',
2541 + ],
2542 + ]
2543 + );
2338 2544 $this->start_controls_tabs(
2339 2545 'label_badge_tabs'
2340 2546 );
2341 2547 $this->start_controls_tab(
@@ -2340,9 +2546,9 @@
2340 2546 );
2341 2547 $this->start_controls_tab(
2342 2548 'sale_badge_tab',
2343 2549 [
2344 - 'label' => esc_html__('Sale', 'ultimate-store-kit'),
2550 + 'label' => esc_html__('Sale', 'ultimate-store-kit'),
2345 2551 'condition' => [
2346 2552 'show_sale_badge' => 'yes',
2347 2553 ]
2348 2554 ]
@@ -2349,10 +2555,10 @@
2349 2555 );
2350 2556 $this->add_control(
2351 2557 'sale_badge_color',
2352 2558 [
2353 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
2354 - 'type' => Controls_Manager::COLOR,
2559 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
2560 + 'type' => Controls_Manager::COLOR,
2355 2561 'selectors' => [
2356 2562 '{{WRAPPER}} .' . $this->get_name() . ' .usk-sale-badge .usk-badge' => 'color: {{VALUE}}',
2357 2563 ],
2358 2564 'condition' => [
@@ -2363,10 +2569,10 @@
2363 2569
2364 2570 $this->add_group_control(
2365 2571 Group_Control_Background::get_type(),
2366 2572 [
2367 - 'name' => 'sale_badge_bg',
2368 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-sale-badge .usk-badge',
2573 + 'name' => 'sale_badge_bg',
2574 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-sale-badge .usk-badge',
2369 2575 'condition' => [
2370 2576 'show_sale_badge' => 'yes',
2371 2577 ]
2372 2578 ]
@@ -2374,10 +2580,10 @@
2374 2580
2375 2581 $this->add_control(
2376 2582 'sale_badge_border_color',
2377 2583 [
2378 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2379 - 'type' => Controls_Manager::COLOR,
2584 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2585 + 'type' => Controls_Manager::COLOR,
2380 2586 'selectors' => [
2381 2587 '{{WRAPPER}} .' . $this->get_name() . ' .usk-sale-badge .usk-badge' => 'border-color: {{VALUE}} !important;',
2382 2588 ],
2383 2589 'condition' => [
@@ -2389,9 +2595,9 @@
2389 2595 $this->end_controls_tab();
2390 2596 $this->start_controls_tab(
2391 2597 'discount_badge_tab',
2392 2598 [
2393 - 'label' => esc_html__('Discount', 'ultimate-store-kit'),
2599 + 'label' => esc_html__('Discount', 'ultimate-store-kit'),
2394 2600 'condition' => [
2395 2601 'show_discount_badge' => 'yes',
2396 2602 ],
2397 2603 ]
@@ -2398,10 +2604,10 @@
2398 2604 );
2399 2605 $this->add_control(
2400 2606 'discount_badge_color',
2401 2607 [
2402 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
2403 - 'type' => Controls_Manager::COLOR,
2608 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
2609 + 'type' => Controls_Manager::COLOR,
2404 2610 'selectors' => [
2405 2611 '{{WRAPPER}} .' . $this->get_name() . ' .usk-percantage-badge .usk-badge' => 'color: {{VALUE}}',
2406 2612 ],
2407 2613 'condition' => [
@@ -2412,21 +2618,21 @@
2412 2618
2413 2619 $this->add_group_control(
2414 2620 Group_Control_Background::get_type(),
2415 2621 [
2416 - 'name' => 'discount_badge_bg',
2417 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-percantage-badge .usk-badge',
2622 + 'name' => 'discount_badge_bg',
2623 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-percantage-badge .usk-badge',
2418 2624 'condition' => [
2419 2625 'show_discount_badge' => 'yes',
2420 2626 ],
2421 2627 ]
2422 2628 );
2423 -
2629 +
2424 2630 $this->add_control(
2425 2631 'discount_badge_border_color',
2426 2632 [
2427 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2428 - 'type' => Controls_Manager::COLOR,
2633 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2634 + 'type' => Controls_Manager::COLOR,
2429 2635 'selectors' => [
2430 2636 '{{WRAPPER}} .' . $this->get_name() . ' .usk-percantage-badge .usk-badge' => 'border-color: {{VALUE}} !important;',
2431 2637 ],
2432 2638 'condition' => [
@@ -2438,9 +2644,9 @@
2438 2644 $this->end_controls_tab();
2439 2645 $this->start_controls_tab(
2440 2646 'stock_badge_tab',
2441 2647 [
2442 - 'label' => esc_html__('Stock', 'ultimate-store-kit'),
2648 + 'label' => esc_html__('Stock', 'ultimate-store-kit'),
2443 2649 'condition' => [
2444 2650 'show_stock_status' => 'yes',
2445 2651 ],
2446 2652 ]
@@ -2447,10 +2653,10 @@
2447 2653 );
2448 2654 $this->add_control(
2449 2655 'stock_badge_color',
2450 2656 [
2451 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
2452 - 'type' => Controls_Manager::COLOR,
2657 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
2658 + 'type' => Controls_Manager::COLOR,
2453 2659 'selectors' => [
2454 2660 '{{WRAPPER}} .' . $this->get_name() . ' .usk-stock-status-badge .usk-badge' => 'color: {{VALUE}}',
2455 2661 ],
2456 2662 'condition' => [
@@ -2460,21 +2666,21 @@
2460 2666 );
2461 2667 $this->add_group_control(
2462 2668 Group_Control_Background::get_type(),
2463 2669 [
2464 - 'name' => 'stock_badge_bg',
2465 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-stock-status-badge .usk-badge',
2670 + 'name' => 'stock_badge_bg',
2671 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-stock-status-badge .usk-badge',
2466 2672 'condition' => [
2467 2673 'show_stock_status' => 'yes',
2468 2674 ],
2469 2675 ]
2470 2676 );
2471 -
2677 +
2472 2678 $this->add_control(
2473 2679 'stock_badge_border_color',
2474 2680 [
2475 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2476 - 'type' => Controls_Manager::COLOR,
2681 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2682 + 'type' => Controls_Manager::COLOR,
2477 2683 'selectors' => [
2478 2684 '{{WRAPPER}} .' . $this->get_name() . ' .usk-stock-status-badge .usk-badge' => 'border-color: {{VALUE}} !important;',
2479 2685 ],
2480 2686 'condition' => [
@@ -2486,9 +2692,9 @@
2486 2692 $this->end_controls_tab();
2487 2693 $this->start_controls_tab(
2488 2694 'trending_badge_tab',
2489 2695 [
2490 - 'label' => esc_html__('Trending', 'ultimate-store-kit'),
2696 + 'label' => esc_html__('Trending', 'ultimate-store-kit'),
2491 2697 'condition' => [
2492 2698 'show_trending_badge' => 'yes',
2493 2699 ],
2494 2700 ]
@@ -2495,10 +2701,10 @@
2495 2701 );
2496 2702 $this->add_control(
2497 2703 'trending_badge_color',
2498 2704 [
2499 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
2500 - 'type' => Controls_Manager::COLOR,
2705 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
2706 + 'type' => Controls_Manager::COLOR,
2501 2707 'selectors' => [
2502 2708 '{{WRAPPER}} .' . $this->get_name() . ' .usk-trending-badge .usk-badge' => 'color: {{VALUE}}',
2503 2709 ],
2504 2710 'condition' => [
@@ -2508,21 +2714,21 @@
2508 2714 );
2509 2715 $this->add_group_control(
2510 2716 Group_Control_Background::get_type(),
2511 2717 [
2512 - 'name' => 'trending_badge_bg',
2513 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-trending-badge .usk-badge',
2718 + 'name' => 'trending_badge_bg',
2719 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-trending-badge .usk-badge',
2514 2720 'condition' => [
2515 2721 'show_trending_badge' => 'yes',
2516 2722 ],
2517 2723 ]
2518 2724 );
2519 -
2725 +
2520 2726 $this->add_control(
2521 2727 'trending_badge_border_color',
2522 2728 [
2523 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2524 - 'type' => Controls_Manager::COLOR,
2729 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2730 + 'type' => Controls_Manager::COLOR,
2525 2731 'selectors' => [
2526 2732 '{{WRAPPER}} .' . $this->get_name() . ' .usk-trending-badge .usk-badge' => 'border-color: {{VALUE}} !important;',
2527 2733 ],
2528 2734 'condition' => [
@@ -2534,9 +2740,9 @@
2534 2740 $this->end_controls_tab();
2535 2741 $this->start_controls_tab(
2536 2742 'new_badge_tab',
2537 2743 [
2538 - 'label' => esc_html__('New', 'ultimate-store-kit'),
2744 + 'label' => esc_html__('New', 'ultimate-store-kit'),
2539 2745 'condition' => [
2540 2746 'show_new_badge' => 'yes',
2541 2747 ],
2542 2748 ]
@@ -2543,10 +2749,10 @@
2543 2749 );
2544 2750 $this->add_control(
2545 2751 'new_badge_color',
2546 2752 [
2547 - 'label' => esc_html__('Color', 'ultimate-store-kit'),
2548 - 'type' => Controls_Manager::COLOR,
2753 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
2754 + 'type' => Controls_Manager::COLOR,
2549 2755 'selectors' => [
2550 2756 '{{WRAPPER}} .' . $this->get_name() . ' .usk-new-badge .usk-badge' => 'color: {{VALUE}}',
2551 2757 ],
2552 2758 'condition' => [
@@ -2557,21 +2763,21 @@
2557 2763
2558 2764 $this->add_group_control(
2559 2765 Group_Control_Background::get_type(),
2560 2766 [
2561 - 'name' => 'new_badge_bg',
2562 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-new-badge .usk-badge',
2767 + 'name' => 'new_badge_bg',
2768 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-new-badge .usk-badge',
2563 2769 'condition' => [
2564 2770 'show_new_badge' => 'yes',
2565 2771 ],
2566 2772 ]
2567 2773 );
2568 -
2774 +
2569 2775 $this->add_control(
2570 2776 'new_badge_border_color',
2571 2777 [
2572 - 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2573 - 'type' => Controls_Manager::COLOR,
2778 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
2779 + 'type' => Controls_Manager::COLOR,
2574 2780 'selectors' => [
2575 2781 '{{WRAPPER}} .' . $this->get_name() . ' .usk-new-badge .usk-badge' => 'border-color: {{VALUE}} !important;',
2576 2782 ],
2577 2783 'condition' => [
@@ -2583,9 +2789,10 @@
2583 2789 $this->end_controls_tab();
2584 2790 $this->end_controls_tabs();
2585 2791 $this->end_controls_section();
2586 2792 }
2587 - protected function register_global_controls_carousel_navigation() {
2793 + protected function register_global_controls_carousel_navigation()
2794 + {
2588 2795 $this->start_controls_section(
2589 2796 'section_content_navigation',
2590 2797 [
2591 2798 'label' => __('Navigation', 'ultimate-store-kit'),
@@ -2594,21 +2801,21 @@
2594 2801
2595 2802 $this->add_control(
2596 2803 'navigation',
2597 2804 [
2598 - 'label' => __('Navigation', 'ultimate-store-kit'),
2599 - 'type' => Controls_Manager::SELECT,
2805 + 'label' => __('Navigation', 'ultimate-store-kit'),
2806 + 'type' => Controls_Manager::SELECT,
2600 2807 'default' => 'arrows',
2601 2808 'options' => [
2602 - 'both' => esc_html__('Arrows and Dots', 'ultimate-store-kit'),
2809 + 'both' => esc_html__('Arrows and Dots', 'ultimate-store-kit'),
2603 2810 'arrows-fraction' => esc_html__('Arrows and Fraction', 'ultimate-store-kit'),
2604 - 'arrows' => esc_html__('Arrows', 'ultimate-store-kit'),
2605 - 'dots' => esc_html__('Dots', 'ultimate-store-kit'),
2606 - 'progressbar' => esc_html__('Progress', 'ultimate-store-kit'),
2607 - 'none' => esc_html__('None', 'ultimate-store-kit'),
2811 + 'arrows' => esc_html__('Arrows', 'ultimate-store-kit'),
2812 + 'dots' => esc_html__('Dots', 'ultimate-store-kit'),
2813 + 'progressbar' => esc_html__('Progress', 'ultimate-store-kit'),
2814 + 'none' => esc_html__('None', 'ultimate-store-kit'),
2608 2815 ],
2609 2816 'prefix_class' => 'usk-navigation-type-',
2610 - 'render_type' => 'template',
2817 + 'render_type' => 'template',
2611 2818 ]
2612 2819 );
2613 2820
2614 2821 $this->add_control(
@@ -2613,12 +2820,12 @@
2613 2820
2614 2821 $this->add_control(
2615 2822 'both_position',
2616 2823 [
2617 - 'label' => __('Arrows and Dots Position', 'ultimate-store-kit'),
2618 - 'type' => Controls_Manager::SELECT,
2619 - 'default' => 'center',
2620 - 'options' => ultimate_store_kit_navigation_position(),
2824 + 'label' => __('Arrows and Dots Position', 'ultimate-store-kit'),
2825 + 'type' => Controls_Manager::SELECT,
2826 + 'default' => 'center',
2827 + 'options' => ultimate_store_kit_navigation_position(),
2621 2828 'condition' => [
2622 2829 'navigation' => 'both',
2623 2830 ],
2624 2831 ]
@@ -2626,12 +2833,12 @@
2626 2833
2627 2834 $this->add_control(
2628 2835 'arrows_fraction_position',
2629 2836 [
2630 - 'label' => __('Arrows and Fraction Position', 'ultimate-store-kit'),
2631 - 'type' => Controls_Manager::SELECT,
2632 - 'default' => 'center',
2633 - 'options' => ultimate_store_kit_navigation_position(),
2837 + 'label' => __('Arrows and Fraction Position', 'ultimate-store-kit'),
2838 + 'type' => Controls_Manager::SELECT,
2839 + 'default' => 'center',
2840 + 'options' => ultimate_store_kit_navigation_position(),
2634 2841 'condition' => [
2635 2842 'navigation' => 'arrows-fraction',
2636 2843 ],
2637 2844 ]
@@ -2639,12 +2846,12 @@
2639 2846
2640 2847 $this->add_control(
2641 2848 'arrows_position',
2642 2849 [
2643 - 'label' => __('Arrows Position', 'ultimate-store-kit'),
2644 - 'type' => Controls_Manager::SELECT,
2645 - 'default' => 'center',
2646 - 'options' => ultimate_store_kit_navigation_position(),
2850 + 'label' => __('Arrows Position', 'ultimate-store-kit'),
2851 + 'type' => Controls_Manager::SELECT,
2852 + 'default' => 'center',
2853 + 'options' => ultimate_store_kit_navigation_position(),
2647 2854 'condition' => [
2648 2855 'navigation' => 'arrows',
2649 2856 ],
2650 2857 ]
@@ -2652,12 +2859,12 @@
2652 2859
2653 2860 $this->add_control(
2654 2861 'dots_position',
2655 2862 [
2656 - 'label' => __('Dots Position', 'ultimate-store-kit'),
2657 - 'type' => Controls_Manager::SELECT,
2658 - 'default' => 'bottom-center',
2659 - 'options' => ultimate_store_kit_pagination_position(),
2863 + 'label' => __('Dots Position', 'ultimate-store-kit'),
2864 + 'type' => Controls_Manager::SELECT,
2865 + 'default' => 'bottom-center',
2866 + 'options' => ultimate_store_kit_pagination_position(),
2660 2867 'condition' => [
2661 2868 'navigation' => 'dots',
2662 2869 ],
2663 2870
@@ -2666,14 +2873,14 @@
2666 2873
2667 2874 $this->add_control(
2668 2875 'progress_position',
2669 2876 [
2670 - 'label' => __('Progress Position', 'ultimate-store-kit'),
2671 - 'type' => Controls_Manager::SELECT,
2877 + 'label' => __('Progress Position', 'ultimate-store-kit'),
2878 + 'type' => Controls_Manager::SELECT,
2672 2879 'default' => 'bottom',
2673 2880 'options' => [
2674 2881 'bottom' => esc_html__('Bottom', 'ultimate-store-kit'),
2675 - 'top' => esc_html__('Top', 'ultimate-store-kit'),
2882 + 'top' => esc_html__('Top', 'ultimate-store-kit'),
2676 2883 ],
2677 2884 'condition' => [
2678 2885 'navigation' => 'progressbar',
2679 2886 ],
@@ -2682,10 +2889,10 @@
2682 2889
2683 2890 $this->add_control(
2684 2891 'dynamic_bullets',
2685 2892 [
2686 - 'label' => __('Dynamic Bullets?', 'ultimate-store-kit'),
2687 - 'type' => Controls_Manager::SWITCHER,
2893 + 'label' => __('Dynamic Bullets?', 'ultimate-store-kit'),
2894 + 'type' => Controls_Manager::SWITCHER,
2688 2895 'condition' => [
2689 2896 'navigation' => ['dots', 'both'],
2690 2897 ],
2691 2898 ]
@@ -2694,9 +2901,9 @@
2694 2901 $this->add_control(
2695 2902 'show_scrollbar',
2696 2903 [
2697 2904 'label' => __('Show Scrollbar?', 'ultimate-store-kit'),
2698 - 'type' => Controls_Manager::SWITCHER,
2905 + 'type' => Controls_Manager::SWITCHER,
2699 2906 ]
2700 2907 );
2701 2908
2702 2909 $this->add_control(
@@ -2701,30 +2908,30 @@
2701 2908
2702 2909 $this->add_control(
2703 2910 'nav_arrows_icon',
2704 2911 [
2705 - 'label' => esc_html__('Arrows Icon', 'ultimate-store-kit'),
2706 - 'type' => Controls_Manager::SELECT,
2912 + 'label' => esc_html__('Arrows Icon', 'ultimate-store-kit'),
2913 + 'type' => Controls_Manager::SELECT,
2707 2914 'default' => '5',
2708 2915 'options' => [
2709 - '1' => esc_html__('Style 1', 'ultimate-store-kit'),
2710 - '2' => esc_html__('Style 2', 'ultimate-store-kit'),
2711 - '3' => esc_html__('Style 3', 'ultimate-store-kit'),
2712 - '4' => esc_html__('Style 4', 'ultimate-store-kit'),
2713 - '5' => esc_html__('Style 5', 'ultimate-store-kit'),
2714 - '6' => esc_html__('Style 6', 'ultimate-store-kit'),
2715 - '7' => esc_html__('Style 7', 'ultimate-store-kit'),
2716 - '8' => esc_html__('Style 8', 'ultimate-store-kit'),
2717 - '9' => esc_html__('Style 9', 'ultimate-store-kit'),
2718 - '10' => esc_html__('Style 10', 'ultimate-store-kit'),
2719 - '11' => esc_html__('Style 11', 'ultimate-store-kit'),
2720 - '12' => esc_html__('Style 12', 'ultimate-store-kit'),
2721 - '13' => esc_html__('Style 13', 'ultimate-store-kit'),
2722 - '14' => esc_html__('Style 14', 'ultimate-store-kit'),
2723 - '15' => esc_html__('Style 15', 'ultimate-store-kit'),
2724 - '16' => esc_html__('Style 16', 'ultimate-store-kit'),
2725 - '17' => esc_html__('Style 17', 'ultimate-store-kit'),
2726 - '18' => esc_html__('Style 18', 'ultimate-store-kit'),
2916 + '1' => esc_html__('Style 1', 'ultimate-store-kit'),
2917 + '2' => esc_html__('Style 2', 'ultimate-store-kit'),
2918 + '3' => esc_html__('Style 3', 'ultimate-store-kit'),
2919 + '4' => esc_html__('Style 4', 'ultimate-store-kit'),
2920 + '5' => esc_html__('Style 5', 'ultimate-store-kit'),
2921 + '6' => esc_html__('Style 6', 'ultimate-store-kit'),
2922 + '7' => esc_html__('Style 7', 'ultimate-store-kit'),
2923 + '8' => esc_html__('Style 8', 'ultimate-store-kit'),
2924 + '9' => esc_html__('Style 9', 'ultimate-store-kit'),
2925 + '10' => esc_html__('Style 10', 'ultimate-store-kit'),
2926 + '11' => esc_html__('Style 11', 'ultimate-store-kit'),
2927 + '12' => esc_html__('Style 12', 'ultimate-store-kit'),
2928 + '13' => esc_html__('Style 13', 'ultimate-store-kit'),
2929 + '14' => esc_html__('Style 14', 'ultimate-store-kit'),
2930 + '15' => esc_html__('Style 15', 'ultimate-store-kit'),
2931 + '16' => esc_html__('Style 16', 'ultimate-store-kit'),
2932 + '17' => esc_html__('Style 17', 'ultimate-store-kit'),
2933 + '18' => esc_html__('Style 18', 'ultimate-store-kit'),
2727 2934 'circle-1' => esc_html__('Style 19', 'ultimate-store-kit'),
2728 2935 'circle-2' => esc_html__('Style 20', 'ultimate-store-kit'),
2729 2936 'circle-3' => esc_html__('Style 21', 'ultimate-store-kit'),
2730 2937 'circle-4' => esc_html__('Style 22', 'ultimate-store-kit'),
@@ -2738,11 +2945,11 @@
2738 2945
2739 2946 $this->add_control(
2740 2947 'hide_arrow_on_mobile',
2741 2948 [
2742 - 'label' => __('Hide Arrows on Mobile', 'ultimate-store-kit'),
2743 - 'type' => Controls_Manager::SWITCHER,
2744 - 'default' => 'yes',
2949 + 'label' => __('Hide Arrows on Mobile', 'ultimate-store-kit'),
2950 + 'type' => Controls_Manager::SWITCHER,
2951 + 'default' => 'yes',
2745 2952 'condition' => [
2746 2953 'navigation' => ['arrows-fraction', 'arrows', 'both'],
2747 2954 ],
2748 2955 ]
@@ -2749,24 +2956,25 @@
2749 2956 );
2750 2957
2751 2958 $this->end_controls_section();
2752 2959 }
2753 - protected function register_global_controls_navigation_style() {
2960 + protected function register_global_controls_navigation_style()
2961 + {
2754 2962 $this->start_controls_section(
2755 2963 'section_style_navigation',
2756 2964 [
2757 - 'label' => __('Navigation', 'ultimate-store-kit'),
2758 - 'tab' => Controls_Manager::TAB_STYLE,
2965 + 'label' => __('Navigation', 'ultimate-store-kit'),
2966 + 'tab' => Controls_Manager::TAB_STYLE,
2759 2967 'conditions' => [
2760 2968 'relation' => 'or',
2761 - 'terms' => [
2969 + 'terms' => [
2762 2970 [
2763 - 'name' => 'navigation',
2971 + 'name' => 'navigation',
2764 2972 'operator' => '!=',
2765 - 'value' => 'none',
2973 + 'value' => 'none',
2766 2974 ],
2767 2975 [
2768 - 'name' => 'show_scrollbar',
2976 + 'name' => 'show_scrollbar',
2769 2977 'value' => 'yes',
2770 2978 ],
2771 2979 ],
2772 2980 ],
@@ -2775,10 +2983,10 @@
2775 2983
2776 2984 $this->add_control(
2777 2985 'arrows_heading',
2778 2986 [
2779 - 'label' => __('Arrows', 'ultimate-store-kit'),
2780 - 'type' => Controls_Manager::HEADING,
2987 + 'label' => __('Arrows', 'ultimate-store-kit'),
2988 + 'type' => Controls_Manager::HEADING,
2781 2989 'condition' => [
2782 2990 'navigation!' => ['dots', 'progressbar', 'none'],
2783 2991 ],
2784 2992 ]
@@ -2788,9 +2996,9 @@
2788 2996
2789 2997 $this->start_controls_tab(
2790 2998 'tabs_nav_arrows_normal',
2791 2999 [
2792 - 'label' => __('Normal', 'ultimate-store-kit'),
3000 + 'label' => __('Normal', 'ultimate-store-kit'),
2793 3001 'condition' => [
2794 3002 'navigation!' => ['dots', 'progressbar', 'none'],
2795 3003 ],
2796 3004 ]
@@ -2798,10 +3006,10 @@
2798 3006
2799 3007 $this->add_control(
2800 3008 'arrows_color',
2801 3009 [
2802 - 'label' => __('Color', 'ultimate-store-kit'),
2803 - 'type' => Controls_Manager::COLOR,
3010 + 'label' => __('Color', 'ultimate-store-kit'),
3011 + 'type' => Controls_Manager::COLOR,
2804 3012 'selectors' => [
2805 3013 '{{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-prev i, {{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-next i' => 'color: {{VALUE}}',
2806 3014 ],
2807 3015 'condition' => [
@@ -2812,10 +3020,10 @@
2812 3020
2813 3021 $this->add_control(
2814 3022 'arrows_background',
2815 3023 [
2816 - 'label' => __('Background', 'ultimate-store-kit'),
2817 - 'type' => Controls_Manager::COLOR,
3024 + 'label' => __('Background', 'ultimate-store-kit'),
3025 + 'type' => Controls_Manager::COLOR,
2818 3026 'selectors' => [
2819 3027 '{{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-prev, {{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-next' => 'background-color: {{VALUE}}',
2820 3028 ],
2821 3029 'condition' => [
@@ -2826,10 +3034,10 @@
2826 3034
2827 3035 $this->add_group_control(
2828 3036 Group_Control_Border::get_type(),
2829 3037 [
2830 - 'name' => 'nav_arrows_border',
2831 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-prev, {{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-next',
3038 + 'name' => 'nav_arrows_border',
3039 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-prev, {{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-next',
2832 3040 'condition' => [
2833 3041 'navigation!' => ['dots', 'progressbar', 'none'],
2834 3042 ],
2835 3043 ]
@@ -2837,12 +3045,12 @@
2837 3045
2838 3046 $this->add_responsive_control(
2839 3047 'border_radius',
2840 3048 [
2841 - 'label' => __('Border Radius', 'ultimate-store-kit'),
2842 - 'type' => Controls_Manager::DIMENSIONS,
3049 + 'label' => __('Border Radius', 'ultimate-store-kit'),
3050 + 'type' => Controls_Manager::DIMENSIONS,
2843 3051 'size_units' => ['px', '%'],
2844 - 'selectors' => [
3052 + 'selectors' => [
2845 3053 '{{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-prev, {{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-next' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2846 3054 ],
2847 3055 'condition' => [
2848 3056 'navigation!' => ['dots', 'progressbar', 'none'],
@@ -2852,12 +3060,12 @@
2852 3060
2853 3061 $this->add_responsive_control(
2854 3062 'arrows_padding',
2855 3063 [
2856 - 'label' => esc_html__('Padding', 'ultimate-store-kit'),
2857 - 'type' => Controls_Manager::DIMENSIONS,
3064 + 'label' => esc_html__('Padding', 'ultimate-store-kit'),
3065 + 'type' => Controls_Manager::DIMENSIONS,
2858 3066 'size_units' => ['px', 'em', '%'],
2859 - 'selectors' => [
3067 + 'selectors' => [
2860 3068 '{{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-prev, {{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-next' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2861 3069 ],
2862 3070 'condition' => [
2863 3071 'navigation!' => ['dots', 'progressbar', 'none'],
@@ -2868,9 +3076,9 @@
2868 3076 $this->add_responsive_control(
2869 3077 'arrows_size',
2870 3078 [
2871 3079 'label' => __('Size', 'ultimate-store-kit'),
2872 - 'type' => Controls_Manager::SLIDER,
3080 + 'type' => Controls_Manager::SLIDER,
2873 3081 'range' => [
2874 3082 'px' => [
2875 3083 'min' => 10,
2876 3084 'max' => 100,
@@ -2889,9 +3097,9 @@
2889 3097 $this->add_responsive_control(
2890 3098 'arrows_space',
2891 3099 [
2892 3100 'label' => __('Space Between Arrows', 'ultimate-store-kit'),
2893 - 'type' => Controls_Manager::SLIDER,
3101 + 'type' => Controls_Manager::SLIDER,
2894 3102 'range' => [
2895 3103 'px' => [
2896 3104 'min' => 0,
2897 3105 'max' => 100,
@@ -2911,9 +3119,9 @@
2911 3119
2912 3120 $this->start_controls_tab(
2913 3121 'tabs_nav_arrows_hover',
2914 3122 [
2915 - 'label' => __('Hover', 'ultimate-store-kit'),
3123 + 'label' => __('Hover', 'ultimate-store-kit'),
2916 3124 'condition' => [
2917 3125 'navigation!' => ['dots', 'progressbar', 'none'],
2918 3126 ],
2919 3127 ]
@@ -2921,10 +3129,10 @@
2921 3129
2922 3130 $this->add_control(
2923 3131 'arrows_hover_color',
2924 3132 [
2925 - 'label' => __('Color', 'ultimate-store-kit'),
2926 - 'type' => Controls_Manager::COLOR,
3133 + 'label' => __('Color', 'ultimate-store-kit'),
3134 + 'type' => Controls_Manager::COLOR,
2927 3135 'selectors' => [
2928 3136 '{{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-prev:hover i, {{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-next:hover i' => 'color: {{VALUE}}',
2929 3137 ],
2930 3138 'condition' => [
@@ -2935,10 +3143,10 @@
2935 3143
2936 3144 $this->add_control(
2937 3145 'arrows_hover_background',
2938 3146 [
2939 - 'label' => __('Background', 'ultimate-store-kit'),
2940 - 'type' => Controls_Manager::COLOR,
3147 + 'label' => __('Background', 'ultimate-store-kit'),
3148 + 'type' => Controls_Manager::COLOR,
2941 3149 'selectors' => [
2942 3150 '{{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-prev:hover, {{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-next:hover' => 'background-color: {{VALUE}}',
2943 3151 ],
2944 3152 'condition' => [
@@ -2949,12 +3157,12 @@
2949 3157
2950 3158 $this->add_control(
2951 3159 'nav_arrows_hover_border_color',
2952 3160 [
2953 - 'label' => __('Border Color', 'ultimate-store-kit'),
2954 - 'type' => Controls_Manager::COLOR,
3161 + 'label' => __('Border Color', 'ultimate-store-kit'),
3162 + 'type' => Controls_Manager::COLOR,
2955 3163 'selectors' => [
2956 - '{{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-prev:hover, {{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-next:hover' => 'border-color: {{VALUE}};',
3164 + '{{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-prev:hover, {{WRAPPER}} .' . $this->get_name() . ' .usk-navigation-next:hover' => 'border-color: {{VALUE}};',
2957 3165 ],
2958 3166 'condition' => [
2959 3167 'nav_arrows_border_border!' => '',
2960 3168 'navigation!' => ['dots', 'progressbar', 'none'],
@@ -2968,9 +3176,9 @@
2968 3176
2969 3177 $this->add_control(
2970 3178 'hr_1',
2971 3179 [
2972 - 'type' => Controls_Manager::DIVIDER,
3180 + 'type' => Controls_Manager::DIVIDER,
2973 3181 'condition' => [
2974 3182 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'],
2975 3183 ],
2976 3184 ]
@@ -2978,10 +3186,10 @@
2978 3186
2979 3187 $this->add_control(
2980 3188 'dots_heading',
2981 3189 [
2982 - 'label' => __('Dots', 'ultimate-store-kit'),
2983 - 'type' => Controls_Manager::HEADING,
3190 + 'label' => __('Dots', 'ultimate-store-kit'),
3191 + 'type' => Controls_Manager::HEADING,
2984 3192 'condition' => [
2985 3193 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'],
2986 3194 ],
2987 3195 ]
@@ -2989,9 +3197,9 @@
2989 3197
2990 3198 $this->add_control(
2991 3199 'hr_11',
2992 3200 [
2993 - 'type' => Controls_Manager::DIVIDER,
3201 + 'type' => Controls_Manager::DIVIDER,
2994 3202 'condition' => [
2995 3203 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'],
2996 3204 ],
2997 3205 ]
@@ -2999,10 +3207,10 @@
2999 3207
3000 3208 $this->add_control(
3001 3209 'dots_color',
3002 3210 [
3003 - 'label' => __('Color', 'ultimate-store-kit'),
3004 - 'type' => Controls_Manager::COLOR,
3211 + 'label' => __('Color', 'ultimate-store-kit'),
3212 + 'type' => Controls_Manager::COLOR,
3005 3213 'selectors' => [
3006 3214 '{{WRAPPER}} .' . $this->get_name() . ' .swiper-pagination-bullet' => 'background-color: {{VALUE}}',
3007 3215 ],
3008 3216 'condition' => [
@@ -3013,10 +3221,10 @@
3013 3221
3014 3222 $this->add_control(
3015 3223 'active_dot_color',
3016 3224 [
3017 - 'label' => __('Active Color', 'ultimate-store-kit'),
3018 - 'type' => Controls_Manager::COLOR,
3225 + 'label' => __('Active Color', 'ultimate-store-kit'),
3226 + 'type' => Controls_Manager::COLOR,
3019 3227 'selectors' => [
3020 3228 '{{WRAPPER}} .' . $this->get_name() . ' .swiper-pagination-bullet-active' => 'background-color: {{VALUE}}',
3021 3229 ],
3022 3230 'condition' => [
@@ -3027,12 +3235,12 @@
3027 3235
3028 3236 $this->add_responsive_control(
3029 3237 'dots_border_radius',
3030 3238 [
3031 - 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
3032 - 'type' => Controls_Manager::DIMENSIONS,
3239 + 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
3240 + 'type' => Controls_Manager::DIMENSIONS,
3033 3241 'size_units' => ['px', '%'],
3034 - 'selectors' => [
3242 + 'selectors' => [
3035 3243 '{{WRAPPER}} .' . $this->get_name() . ' .swiper-pagination-bullet' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
3036 3244 ],
3037 3245 'condition' => [
3038 3246 'navigation!' => ['arrows', 'arrows-fraction', 'progressbar', 'none'],
@@ -3043,9 +3251,9 @@
3043 3251 $this->add_responsive_control(
3044 3252 'dots_width_size',
3045 3253 [
3046 3254 'label' => __('Width(px)', 'ultimate-store-kit'),
3047 - 'type' => Controls_Manager::SLIDER,
3255 + 'type' => Controls_Manager::SLIDER,
3048 3256 'range' => [
3049 3257 'px' => [
3050 3258 'min' => 5,
3051 3259 'max' => 50,
@@ -3063,9 +3271,9 @@
3063 3271 $this->add_responsive_control(
3064 3272 'dots_height_size',
3065 3273 [
3066 3274 'label' => __('Height(px)', 'ultimate-store-kit'),
3067 - 'type' => Controls_Manager::SLIDER,
3275 + 'type' => Controls_Manager::SLIDER,
3068 3276 'range' => [
3069 3277 'px' => [
3070 3278 'min' => 5,
3071 3279 'max' => 50,
@@ -3092,10 +3300,10 @@
3092 3300
3093 3301 $this->add_control(
3094 3302 'fraction_heading',
3095 3303 [
3096 - 'label' => __('Fraction', 'ultimate-store-kit'),
3097 - 'type' => Controls_Manager::HEADING,
3304 + 'label' => __('Fraction', 'ultimate-store-kit'),
3305 + 'type' => Controls_Manager::HEADING,
3098 3306 'condition' => [
3099 3307 'navigation' => 'arrows-fraction',
3100 3308 ],
3101 3309 ]
@@ -3103,9 +3311,9 @@
3103 3311
3104 3312 $this->add_control(
3105 3313 'hr_12',
3106 3314 [
3107 - 'type' => Controls_Manager::DIVIDER,
3315 + 'type' => Controls_Manager::DIVIDER,
3108 3316 'condition' => [
3109 3317 'navigation' => 'arrows-fraction',
3110 3318 ],
3111 3319 ]
@@ -3113,10 +3321,10 @@
3113 3321
3114 3322 $this->add_control(
3115 3323 'fraction_color',
3116 3324 [
3117 - 'label' => __('Color', 'ultimate-store-kit'),
3118 - 'type' => Controls_Manager::COLOR,
3325 + 'label' => __('Color', 'ultimate-store-kit'),
3326 + 'type' => Controls_Manager::COLOR,
3119 3327 'selectors' => [
3120 3328 '{{WRAPPER}} .' . $this->get_name() . ' .swiper-pagination-fraction' => 'color: {{VALUE}}',
3121 3329 ],
3122 3330 'condition' => [
@@ -3127,10 +3335,10 @@
3127 3335
3128 3336 $this->add_control(
3129 3337 'active_fraction_color',
3130 3338 [
3131 - 'label' => __('Active Color', 'ultimate-store-kit'),
3132 - 'type' => Controls_Manager::COLOR,
3339 + 'label' => __('Active Color', 'ultimate-store-kit'),
3340 + 'type' => Controls_Manager::COLOR,
3133 3341 'selectors' => [
3134 3342 '{{WRAPPER}} .' . $this->get_name() . ' .swiper-pagination-current' => 'color: {{VALUE}}',
3135 3343 ],
3136 3344 'condition' => [
@@ -3141,11 +3349,11 @@
3141 3349
3142 3350 $this->add_group_control(
3143 3351 Group_Control_Typography::get_type(),
3144 3352 [
3145 - 'name' => 'fraction_typography',
3146 - 'label' => esc_html__('Typography', 'ultimate-store-kit'),
3147 - 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .swiper-pagination-fraction',
3353 + 'name' => 'fraction_typography',
3354 + 'label' => esc_html__('Typography', 'ultimate-store-kit'),
3355 + 'selector' => '{{WRAPPER}} .' . $this->get_name() . ' .swiper-pagination-fraction',
3148 3356 'condition' => [
3149 3357 'navigation' => 'arrows-fraction',
3150 3358 ],
3151 3359 ]
@@ -3153,9 +3361,9 @@
3153 3361
3154 3362 $this->add_control(
3155 3363 'hr_3',
3156 3364 [
3157 - 'type' => Controls_Manager::DIVIDER,
3365 + 'type' => Controls_Manager::DIVIDER,
3158 3366 'condition' => [
3159 3367 'navigation' => 'progressbar',
3160 3368 ],
3161 3369 ]
@@ -3163,10 +3371,10 @@
3163 3371
3164 3372 $this->add_control(
3165 3373 'progresbar_heading',
3166 3374 [
3167 - 'label' => __('Progresbar', 'ultimate-store-kit'),
3168 - 'type' => Controls_Manager::HEADING,
3375 + 'label' => __('Progresbar', 'ultimate-store-kit'),
3376 + 'type' => Controls_Manager::HEADING,
3169 3377 'condition' => [
3170 3378 'navigation' => 'progressbar',
3171 3379 ],
3172 3380 ]
@@ -3174,9 +3382,9 @@
3174 3382
3175 3383 $this->add_control(
3176 3384 'hr_13',
3177 3385 [
3178 - 'type' => Controls_Manager::DIVIDER,
3386 + 'type' => Controls_Manager::DIVIDER,
3179 3387 'condition' => [
3180 3388 'navigation' => 'progressbar',
3181 3389 ],
3182 3390 ]
@@ -3184,10 +3392,10 @@
3184 3392
3185 3393 $this->add_control(
3186 3394 'progresbar_color',
3187 3395 [
3188 - 'label' => __('Bar Color', 'ultimate-store-kit'),
3189 - 'type' => Controls_Manager::COLOR,
3396 + 'label' => __('Bar Color', 'ultimate-store-kit'),
3397 + 'type' => Controls_Manager::COLOR,
3190 3398 'selectors' => [
3191 3399 '{{WRAPPER}} .' . $this->get_name() . ' .swiper-pagination-progressbar' => 'background-color: {{VALUE}}',
3192 3400 ],
3193 3401 'condition' => [
@@ -3198,10 +3406,10 @@
3198 3406
3199 3407 $this->add_control(
3200 3408 'progres_color',
3201 3409 [
3202 - 'label' => __('Progress Color', 'ultimate-store-kit'),
3203 - 'type' => Controls_Manager::COLOR,
3410 + 'label' => __('Progress Color', 'ultimate-store-kit'),
3411 + 'type' => Controls_Manager::COLOR,
3204 3412 'separator' => 'after',
3205 3413 'selectors' => [
3206 3414 '{{WRAPPER}} .' . $this->get_name() . ' .swiper-pagination-progressbar .swiper-pagination-progressbar-fill' => 'background: {{VALUE}}',
3207 3415 ],
@@ -3213,9 +3421,9 @@
3213 3421
3214 3422 $this->add_control(
3215 3423 'hr_4',
3216 3424 [
3217 - 'type' => Controls_Manager::DIVIDER,
3425 + 'type' => Controls_Manager::DIVIDER,
3218 3426 'condition' => [
3219 3427 'show_scrollbar' => 'yes'
3220 3428 ],
3221 3429 ]
@@ -3223,10 +3431,10 @@
3223 3431
3224 3432 $this->add_control(
3225 3433 'scrollbar_heading',
3226 3434 [
3227 - 'label' => __('Scrollbar', 'ultimate-store-kit'),
3228 - 'type' => Controls_Manager::HEADING,
3435 + 'label' => __('Scrollbar', 'ultimate-store-kit'),
3436 + 'type' => Controls_Manager::HEADING,
3229 3437 'condition' => [
3230 3438 'show_scrollbar' => 'yes'
3231 3439 ],
3232 3440 ]
@@ -3234,9 +3442,9 @@
3234 3442
3235 3443 $this->add_control(
3236 3444 'hr_14',
3237 3445 [
3238 - 'type' => Controls_Manager::DIVIDER,
3446 + 'type' => Controls_Manager::DIVIDER,
3239 3447 'condition' => [
3240 3448 'show_scrollbar' => 'yes'
3241 3449 ],
3242 3450 ]
@@ -3244,14 +3452,14 @@
3244 3452
3245 3453 $this->add_control(
3246 3454 'scrollbar_color',
3247 3455 [
3248 - 'label' => __('Bar Color', 'ultimate-store-kit'),
3249 - 'type' => Controls_Manager::COLOR,
3456 + 'label' => __('Bar Color', 'ultimate-store-kit'),
3457 + 'type' => Controls_Manager::COLOR,
3250 3458 'selectors' => [
3251 3459 '{{WRAPPER}} .' . $this->get_name() . ' .swiper-scrollbar' => 'background: {{VALUE}}',
3252 3460 ],
3253 - 'condition' => [
3461 + 'condition' => [
3254 3462 'show_scrollbar' => 'yes'
3255 3463 ],
3256 3464 ]
3257 3465 );
@@ -3258,14 +3466,14 @@
3258 3466
3259 3467 $this->add_control(
3260 3468 'scrollbar_drag_color',
3261 3469 [
3262 - 'label' => __('Drag Color', 'ultimate-store-kit'),
3263 - 'type' => Controls_Manager::COLOR,
3470 + 'label' => __('Drag Color', 'ultimate-store-kit'),
3471 + 'type' => Controls_Manager::COLOR,
3264 3472 'selectors' => [
3265 3473 '{{WRAPPER}} .' . $this->get_name() . ' .swiper-scrollbar .swiper-scrollbar-drag' => 'background: {{VALUE}}',
3266 3474 ],
3267 - 'condition' => [
3475 + 'condition' => [
3268 3476 'show_scrollbar' => 'yes'
3269 3477 ],
3270 3478 ]
3271 3479 );
@@ -3273,9 +3481,9 @@
3273 3481 $this->add_responsive_control(
3274 3482 'scrollbar_height',
3275 3483 [
3276 3484 'label' => __('Height', 'ultimate-store-kit'),
3277 - 'type' => Controls_Manager::SLIDER,
3485 + 'type' => Controls_Manager::SLIDER,
3278 3486 'range' => [
3279 3487 'px' => [
3280 3488 'min' => 1,
3281 3489 'max' => 10,
@@ -3281,11 +3489,11 @@
3281 3489 'max' => 10,
3282 3490 ],
3283 3491 ],
3284 3492 'selectors' => [
3285 - '{{WRAPPER}} .' . $this->get_name() . ' .swiper-container-horizontal > .swiper-scrollbar, {{WRAPPER}} .' . $this->get_name() . ' .swiper-horizontal > .swiper-scrollbar' => 'height: {{SIZE}}px;',
3493 + '{{WRAPPER}} .' . $this->get_name() . ' .swiper-horizontal > .swiper-scrollbar' => 'height: {{SIZE}}px;',
3286 3494 ],
3287 - 'condition' => [
3495 + 'condition' => [
3288 3496 'show_scrollbar' => 'yes'
3289 3497 ],
3290 3498 ]
3291 3499 );
@@ -3300,9 +3508,9 @@
3300 3508 $this->add_control(
3301 3509 'navi_offset_heading',
3302 3510 [
3303 3511 'label' => __('Offset', 'ultimate-store-kit'),
3304 - 'type' => Controls_Manager::HEADING,
3512 + 'type' => Controls_Manager::HEADING,
3305 3513 ]
3306 3514 );
3307 3515
3308 3516 $this->add_control(
@@ -3314,10 +3522,10 @@
3314 3522
3315 3523 $this->add_responsive_control(
3316 3524 'arrows_ncx_position',
3317 3525 [
3318 - 'label' => __('Arrows Horizontal Offset', 'ultimate-store-kit'),
3319 - 'type' => Controls_Manager::SLIDER,
3526 + 'label' => __('Arrows Horizontal Offset', 'ultimate-store-kit'),
3527 + 'type' => Controls_Manager::SLIDER,
3320 3528 'default' => [
3321 3529 'size' => 0,
3322 3530 ],
3323 3531 'tablet_default' => [
@@ -3331,18 +3539,18 @@
3331 3539 'min' => -200,
3332 3540 'max' => 200,
3333 3541 ],
3334 3542 ],
3335 - 'conditions' => [
3543 + 'conditions' => [
3336 3544 'terms' => [
3337 3545 [
3338 - 'name' => 'navigation',
3546 + 'name' => 'navigation',
3339 3547 'value' => 'arrows',
3340 3548 ],
3341 3549 [
3342 - 'name' => 'arrows_position',
3550 + 'name' => 'arrows_position',
3343 3551 'operator' => '!=',
3344 - 'value' => 'center',
3552 + 'value' => 'center',
3345 3553 ],
3346 3554 ],
3347 3555 ],
3348 3556 'selectors' => [
@@ -3353,10 +3561,10 @@
3353 3561
3354 3562 $this->add_responsive_control(
3355 3563 'arrows_ncy_position',
3356 3564 [
3357 - 'label' => __('Arrows Vertical Offset', 'ultimate-store-kit'),
3358 - 'type' => Controls_Manager::SLIDER,
3565 + 'label' => __('Arrows Vertical Offset', 'ultimate-store-kit'),
3566 + 'type' => Controls_Manager::SLIDER,
3359 3567 'default' => [
3360 3568 'size' => 0,
3361 3569 ],
3362 3570 'tablet_default' => [
@@ -3373,12 +3581,12 @@
3373 3581 ],
3374 3582 'selectors' => [
3375 3583 '{{WRAPPER}}' => '--usk-swiper-carousel-arrows-ncy: {{SIZE}}px;'
3376 3584 ],
3377 - 'conditions' => [
3585 + 'conditions' => [
3378 3586 'terms' => [
3379 3587 [
3380 - 'name' => 'navigation',
3588 + 'name' => 'navigation',
3381 3589 'value' => 'arrows',
3382 3590 ],
3383 3591 // [
3384 3592 // 'name' => 'arrows_position',
@@ -3392,10 +3600,10 @@
3392 3600
3393 3601 $this->add_responsive_control(
3394 3602 'arrows_acx_position',
3395 3603 [
3396 - 'label' => __('Arrows Horizontal Offset', 'ultimate-store-kit'),
3397 - 'type' => Controls_Manager::SLIDER,
3604 + 'label' => __('Arrows Horizontal Offset', 'ultimate-store-kit'),
3605 + 'type' => Controls_Manager::SLIDER,
3398 3606 'default' => [
3399 3607 'size' => -60,
3400 3608 ],
3401 3609 'range' => [
@@ -3410,13 +3618,13 @@
3410 3618 ],
3411 3619 'conditions' => [
3412 3620 'terms' => [
3413 3621 [
3414 - 'name' => 'navigation',
3622 + 'name' => 'navigation',
3415 3623 'value' => 'arrows',
3416 3624 ],
3417 3625 [
3418 - 'name' => 'arrows_position',
3626 + 'name' => 'arrows_position',
3419 3627 'value' => 'center',
3420 3628 ],
3421 3629 ],
3422 3630 ],
@@ -3425,10 +3633,10 @@
3425 3633
3426 3634 $this->add_responsive_control(
3427 3635 'dots_nnx_position',
3428 3636 [
3429 - 'label' => __('Dots Horizontal Offset', 'ultimate-store-kit'),
3430 - 'type' => Controls_Manager::SLIDER,
3637 + 'label' => __('Dots Horizontal Offset', 'ultimate-store-kit'),
3638 + 'type' => Controls_Manager::SLIDER,
3431 3639 'default' => [
3432 3640 'size' => 0,
3433 3641 ],
3434 3642 'tablet_default' => [
@@ -3442,18 +3650,18 @@
3442 3650 'min' => -200,
3443 3651 'max' => 200,
3444 3652 ],
3445 3653 ],
3446 - 'conditions' => [
3654 + 'conditions' => [
3447 3655 'terms' => [
3448 3656 [
3449 - 'name' => 'navigation',
3657 + 'name' => 'navigation',
3450 3658 'value' => 'dots',
3451 3659 ],
3452 3660 [
3453 - 'name' => 'dots_position',
3661 + 'name' => 'dots_position',
3454 3662 'operator' => '!=',
3455 - 'value' => '',
3663 + 'value' => '',
3456 3664 ],
3457 3665 ],
3458 3666 ],
3459 3667 'selectors' => [
@@ -3464,10 +3672,10 @@
3464 3672
3465 3673 $this->add_responsive_control(
3466 3674 'dots_nny_position',
3467 3675 [
3468 - 'label' => __('Dots Vertical Offset', 'ultimate-store-kit'),
3469 - 'type' => Controls_Manager::SLIDER,
3676 + 'label' => __('Dots Vertical Offset', 'ultimate-store-kit'),
3677 + 'type' => Controls_Manager::SLIDER,
3470 3678 'default' => [
3471 3679 'size' => 30,
3472 3680 ],
3473 3681 'tablet_default' => [
@@ -3481,18 +3689,18 @@
3481 3689 'min' => -200,
3482 3690 'max' => 200,
3483 3691 ],
3484 3692 ],
3485 - 'conditions' => [
3693 + 'conditions' => [
3486 3694 'terms' => [
3487 3695 [
3488 - 'name' => 'navigation',
3696 + 'name' => 'navigation',
3489 3697 'value' => 'dots',
3490 3698 ],
3491 3699 [
3492 - 'name' => 'dots_position',
3700 + 'name' => 'dots_position',
3493 3701 'operator' => '!=',
3494 - 'value' => '',
3702 + 'value' => '',
3495 3703 ],
3496 3704 ],
3497 3705 ],
3498 3706 'selectors' => [
@@ -3503,10 +3711,10 @@
3503 3711
3504 3712 $this->add_responsive_control(
3505 3713 'both_ncx_position',
3506 3714 [
3507 - 'label' => __('Arrows & Dots Horizontal Offset', 'ultimate-store-kit'),
3508 - 'type' => Controls_Manager::SLIDER,
3715 + 'label' => __('Arrows & Dots Horizontal Offset', 'ultimate-store-kit'),
3716 + 'type' => Controls_Manager::SLIDER,
3509 3717 'default' => [
3510 3718 'size' => 0,
3511 3719 ],
3512 3720 'tablet_default' => [
@@ -3520,18 +3728,18 @@
3520 3728 'min' => -200,
3521 3729 'max' => 200,
3522 3730 ],
3523 3731 ],
3524 - 'conditions' => [
3732 + 'conditions' => [
3525 3733 'terms' => [
3526 3734 [
3527 - 'name' => 'navigation',
3735 + 'name' => 'navigation',
3528 3736 'value' => 'both',
3529 3737 ],
3530 3738 [
3531 - 'name' => 'both_position',
3739 + 'name' => 'both_position',
3532 3740 'operator' => '!=',
3533 - 'value' => 'center',
3741 + 'value' => 'center',
3534 3742 ],
3535 3743 ],
3536 3744 ],
3537 3745 'selectors' => [
@@ -3542,10 +3750,10 @@
3542 3750
3543 3751 $this->add_responsive_control(
3544 3752 'both_ncy_position',
3545 3753 [
3546 - 'label' => __('Arrows & Dots Vertical Offset', 'ultimate-store-kit'),
3547 - 'type' => Controls_Manager::SLIDER,
3754 + 'label' => __('Arrows & Dots Vertical Offset', 'ultimate-store-kit'),
3755 + 'type' => Controls_Manager::SLIDER,
3548 3756 'default' => [
3549 3757 'size' => 0,
3550 3758 ],
3551 3759 'tablet_default' => [
@@ -3559,18 +3767,18 @@
3559 3767 'min' => -200,
3560 3768 'max' => 200,
3561 3769 ],
3562 3770 ],
3563 - 'conditions' => [
3771 + 'conditions' => [
3564 3772 'terms' => [
3565 3773 [
3566 - 'name' => 'navigation',
3774 + 'name' => 'navigation',
3567 3775 'value' => 'both',
3568 3776 ],
3569 3777 [
3570 - 'name' => 'both_position',
3778 + 'name' => 'both_position',
3571 3779 'operator' => '!=',
3572 - 'value' => 'center',
3780 + 'value' => 'center',
3573 3781 ],
3574 3782 ],
3575 3783 ],
3576 3784 'selectors' => [
@@ -3581,10 +3789,10 @@
3581 3789
3582 3790 $this->add_responsive_control(
3583 3791 'both_cx_position',
3584 3792 [
3585 - 'label' => __('Arrows Offset', 'ultimate-store-kit'),
3586 - 'type' => Controls_Manager::SLIDER,
3793 + 'label' => __('Arrows Offset', 'ultimate-store-kit'),
3794 + 'type' => Controls_Manager::SLIDER,
3587 3795 'default' => [
3588 3796 'size' => -60,
3589 3797 ],
3590 3798 'range' => [
@@ -3599,13 +3807,13 @@
3599 3807 ],
3600 3808 'conditions' => [
3601 3809 'terms' => [
3602 3810 [
3603 - 'name' => 'navigation',
3811 + 'name' => 'navigation',
3604 3812 'value' => 'both',
3605 3813 ],
3606 3814 [
3607 - 'name' => 'both_position',
3815 + 'name' => 'both_position',
3608 3816 'value' => 'center',
3609 3817 ],
3610 3818 ],
3611 3819 ],
@@ -3614,10 +3822,10 @@
3614 3822
3615 3823 $this->add_responsive_control(
3616 3824 'both_cy_position',
3617 3825 [
3618 - 'label' => __('Dots Offset', 'ultimate-store-kit'),
3619 - 'type' => Controls_Manager::SLIDER,
3826 + 'label' => __('Dots Offset', 'ultimate-store-kit'),
3827 + 'type' => Controls_Manager::SLIDER,
3620 3828 'default' => [
3621 3829 'size' => 30,
3622 3830 ],
3623 3831 'range' => [
@@ -3631,13 +3839,13 @@
3631 3839 ],
3632 3840 'conditions' => [
3633 3841 'terms' => [
3634 3842 [
3635 - 'name' => 'navigation',
3843 + 'name' => 'navigation',
3636 3844 'value' => 'both',
3637 3845 ],
3638 3846 [
3639 - 'name' => 'both_position',
3847 + 'name' => 'both_position',
3640 3848 'value' => 'center',
3641 3849 ],
3642 3850 ],
3643 3851 ],
@@ -3646,10 +3854,10 @@
3646 3854
3647 3855 $this->add_responsive_control(
3648 3856 'arrows_fraction_ncx_position',
3649 3857 [
3650 - 'label' => __('Arrows & Fraction Horizontal Offset', 'ultimate-store-kit'),
3651 - 'type' => Controls_Manager::SLIDER,
3858 + 'label' => __('Arrows & Fraction Horizontal Offset', 'ultimate-store-kit'),
3859 + 'type' => Controls_Manager::SLIDER,
3652 3860 'default' => [
3653 3861 'size' => 0,
3654 3862 ],
3655 3863 'tablet_default' => [
@@ -3663,18 +3871,18 @@
3663 3871 'min' => -200,
3664 3872 'max' => 200,
3665 3873 ],
3666 3874 ],
3667 - 'conditions' => [
3875 + 'conditions' => [
3668 3876 'terms' => [
3669 3877 [
3670 - 'name' => 'navigation',
3878 + 'name' => 'navigation',
3671 3879 'value' => 'arrows-fraction',
3672 3880 ],
3673 3881 [
3674 - 'name' => 'arrows_fraction_position',
3882 + 'name' => 'arrows_fraction_position',
3675 3883 'operator' => '!=',
3676 - 'value' => 'center',
3884 + 'value' => 'center',
3677 3885 ],
3678 3886 ],
3679 3887 ],
3680 3888 'selectors' => [
@@ -3685,10 +3893,10 @@
3685 3893
3686 3894 $this->add_responsive_control(
3687 3895 'arrows_fraction_ncy_position',
3688 3896 [
3689 - 'label' => __('Arrows & Fraction Vertical Offset', 'ultimate-store-kit'),
3690 - 'type' => Controls_Manager::SLIDER,
3897 + 'label' => __('Arrows & Fraction Vertical Offset', 'ultimate-store-kit'),
3898 + 'type' => Controls_Manager::SLIDER,
3691 3899 'default' => [
3692 3900 'size' => 0,
3693 3901 ],
3694 3902 'tablet_default' => [
@@ -3702,18 +3910,18 @@
3702 3910 'min' => -200,
3703 3911 'max' => 200,
3704 3912 ],
3705 3913 ],
3706 - 'conditions' => [
3914 + 'conditions' => [
3707 3915 'terms' => [
3708 3916 [
3709 - 'name' => 'navigation',
3917 + 'name' => 'navigation',
3710 3918 'value' => 'arrows-fraction',
3711 3919 ],
3712 3920 [
3713 - 'name' => 'arrows_fraction_position',
3921 + 'name' => 'arrows_fraction_position',
3714 3922 'operator' => '!=',
3715 - 'value' => 'center',
3923 + 'value' => 'center',
3716 3924 ],
3717 3925 ],
3718 3926 ],
3719 3927 'selectors' => [
@@ -3724,10 +3932,10 @@
3724 3932
3725 3933 $this->add_responsive_control(
3726 3934 'arrows_fraction_cx_position',
3727 3935 [
3728 - 'label' => __('Arrows Offset', 'ultimate-store-kit'),
3729 - 'type' => Controls_Manager::SLIDER,
3936 + 'label' => __('Arrows Offset', 'ultimate-store-kit'),
3937 + 'type' => Controls_Manager::SLIDER,
3730 3938 'default' => [
3731 3939 'size' => -60,
3732 3940 ],
3733 3941 'range' => [
@@ -3742,13 +3950,13 @@
3742 3950 ],
3743 3951 'conditions' => [
3744 3952 'terms' => [
3745 3953 [
3746 - 'name' => 'navigation',
3954 + 'name' => 'navigation',
3747 3955 'value' => 'arrows-fraction',
3748 3956 ],
3749 3957 [
3750 - 'name' => 'arrows_fraction_position',
3958 + 'name' => 'arrows_fraction_position',
3751 3959 'value' => 'center',
3752 3960 ],
3753 3961 ],
3754 3962 ],
@@ -3757,10 +3965,10 @@
3757 3965
3758 3966 $this->add_responsive_control(
3759 3967 'arrows_fraction_cy_position',
3760 3968 [
3761 - 'label' => __('Fraction Offset', 'ultimate-store-kit'),
3762 - 'type' => Controls_Manager::SLIDER,
3969 + 'label' => __('Fraction Offset', 'ultimate-store-kit'),
3970 + 'type' => Controls_Manager::SLIDER,
3763 3971 'default' => [
3764 3972 'size' => 30,
3765 3973 ],
3766 3974 'range' => [
@@ -3774,13 +3982,13 @@
3774 3982 ],
3775 3983 'conditions' => [
3776 3984 'terms' => [
3777 3985 [
3778 - 'name' => 'navigation',
3986 + 'name' => 'navigation',
3779 3987 'value' => 'arrows-fraction',
3780 3988 ],
3781 3989 [
3782 - 'name' => 'arrows_fraction_position',
3990 + 'name' => 'arrows_fraction_position',
3783 3991 'value' => 'center',
3784 3992 ],
3785 3993 ],
3786 3994 ],
@@ -3789,10 +3997,10 @@
3789 3997
3790 3998 $this->add_responsive_control(
3791 3999 'progress_y_position',
3792 4000 [
3793 - 'label' => __('Progress Offset', 'ultimate-store-kit'),
3794 - 'type' => Controls_Manager::SLIDER,
4001 + 'label' => __('Progress Offset', 'ultimate-store-kit'),
4002 + 'type' => Controls_Manager::SLIDER,
3795 4003 'default' => [
3796 4004 'size' => 15,
3797 4005 ],
3798 4006 'range' => [
@@ -3812,14 +4020,14 @@
3812 4020
3813 4021 $this->add_responsive_control(
3814 4022 'scrollbar_vertical_offset',
3815 4023 [
3816 - 'label' => __('Scrollbar Offset', 'ultimate-store-kit'),
3817 - 'type' => Controls_Manager::SLIDER,
4024 + 'label' => __('Scrollbar Offset', 'ultimate-store-kit'),
4025 + 'type' => Controls_Manager::SLIDER,
3818 4026 'selectors' => [
3819 - '{{WRAPPER}} .' . $this->get_name() . ' .swiper-container-horizontal > .swiper-scrollbar, {{WRAPPER}} .' . $this->get_name() . ' .swiper-horizontal > .swiper-scrollbar' => 'bottom: {{SIZE}}px;',
4027 + '{{WRAPPER}} .' . $this->get_name() . ' .swiper-horizontal > .swiper-scrollbar' => 'bottom: {{SIZE}}px;',
3820 4028 ],
3821 - 'condition' => [
4029 + 'condition' => [
3822 4030 'show_scrollbar' => 'yes'
3823 4031 ],
3824 4032 ]
3825 4033 );
@@ -3825,9 +4033,10 @@
3825 4033 );
3826 4034
3827 4035 $this->end_controls_section();
3828 4036 }
3829 - protected function register_global_controls_carousel_settings() {
4037 + protected function register_global_controls_carousel_settings()
4038 + {
3830 4039 $this->start_controls_section(
3831 4040 'section_carousel_settings',
3832 4041 [
3833 4042 'label' => __('Carousel Settings', 'ultimate-store-kit'),
@@ -3836,17 +4045,17 @@
3836 4045
3837 4046 $this->add_control(
3838 4047 'skin',
3839 4048 [
3840 - 'label' => esc_html__('Layout', 'ultimate-store-kit'),
3841 - 'type' => Controls_Manager::SELECT,
4049 + 'label' => esc_html__('Layout', 'ultimate-store-kit'),
4050 + 'type' => Controls_Manager::SELECT,
3842 4051 'default' => 'carousel',
3843 4052 'options' => [
3844 - 'carousel' => esc_html__('Carousel', 'ultimate-store-kit'),
4053 + 'carousel' => esc_html__('Carousel', 'ultimate-store-kit'),
3845 4054 'coverflow' => esc_html__('Coverflow', 'ultimate-store-kit'),
3846 4055 ],
3847 4056 'prefix_class' => 'usk-carousel-style-',
3848 - 'render_type' => 'template',
4057 + 'render_type' => 'template',
3849 4058 ]
3850 4059 );
3851 4060
3852 4061 $this->add_control(
@@ -3851,12 +4060,12 @@
3851 4060
3852 4061 $this->add_control(
3853 4062 'coverflow_toggle',
3854 4063 [
3855 - 'label' => __('Coverflow Effect', 'ultimate-store-kit'),
3856 - 'type' => Controls_Manager::POPOVER_TOGGLE,
4064 + 'label' => __('Coverflow Effect', 'ultimate-store-kit'),
4065 + 'type' => Controls_Manager::POPOVER_TOGGLE,
3857 4066 'return_value' => 'yes',
3858 - 'condition' => [
4067 + 'condition' => [
3859 4068 'skin' => 'coverflow'
3860 4069 ]
3861 4070 ]
3862 4071 );
@@ -3865,17 +4074,17 @@
3865 4074
3866 4075 $this->add_control(
3867 4076 'coverflow_rotate',
3868 4077 [
3869 - 'label' => esc_html__('Rotate', 'ultimate-store-kit'),
3870 - 'type' => Controls_Manager::SLIDER,
4078 + 'label' => esc_html__('Rotate', 'ultimate-store-kit'),
4079 + 'type' => Controls_Manager::SLIDER,
3871 4080 'default' => [
3872 4081 'size' => 50,
3873 4082 ],
3874 4083 'range' => [
3875 4084 'px' => [
3876 - 'min' => -360,
3877 - 'max' => 360,
4085 + 'min' => -360,
4086 + 'max' => 360,
3878 4087 'step' => 5,
3879 4088 ],
3880 4089 ],
3881 4090 'condition' => [
@@ -3880,9 +4089,9 @@
3880 4089 ],
3881 4090 'condition' => [
3882 4091 'coverflow_toggle' => 'yes'
3883 4092 ],
3884 - 'render_type' => 'template',
4093 + 'render_type' => 'template',
3885 4094 ]
3886 4095 );
3887 4096
3888 4097 $this->add_control(
@@ -3887,24 +4096,24 @@
3887 4096
3888 4097 $this->add_control(
3889 4098 'coverflow_stretch',
3890 4099 [
3891 - 'label' => __('Stretch', 'ultimate-store-kit'),
3892 - 'type' => Controls_Manager::SLIDER,
4100 + 'label' => __('Stretch', 'ultimate-store-kit'),
4101 + 'type' => Controls_Manager::SLIDER,
3893 4102 'default' => [
3894 4103 'size' => 0,
3895 4104 ],
3896 4105 'range' => [
3897 4106 'px' => [
3898 - 'min' => 0,
4107 + 'min' => 0,
3899 4108 'step' => 10,
3900 - 'max' => 100,
4109 + 'max' => 100,
3901 4110 ],
3902 4111 ],
3903 4112 'condition' => [
3904 4113 'coverflow_toggle' => 'yes'
3905 4114 ],
3906 - 'render_type' => 'template',
4115 + 'render_type' => 'template',
3907 4116 ]
3908 4117 );
3909 4118
3910 4119 $this->add_control(
@@ -3909,24 +4118,24 @@
3909 4118
3910 4119 $this->add_control(
3911 4120 'coverflow_modifier',
3912 4121 [
3913 - 'label' => __('Modifier', 'ultimate-store-kit'),
3914 - 'type' => Controls_Manager::SLIDER,
4122 + 'label' => __('Modifier', 'ultimate-store-kit'),
4123 + 'type' => Controls_Manager::SLIDER,
3915 4124 'default' => [
3916 4125 'size' => 1,
3917 4126 ],
3918 4127 'range' => [
3919 4128 'px' => [
3920 - 'min' => 1,
4129 + 'min' => 1,
3921 4130 'step' => 1,
3922 - 'max' => 10,
4131 + 'max' => 10,
3923 4132 ],
3924 4133 ],
3925 4134 'condition' => [
3926 4135 'coverflow_toggle' => 'yes'
3927 4136 ],
3928 - 'render_type' => 'template',
4137 + 'render_type' => 'template',
3929 4138 ]
3930 4139 );
3931 4140
3932 4141 $this->add_control(
@@ -3931,24 +4140,24 @@
3931 4140
3932 4141 $this->add_control(
3933 4142 'coverflow_depth',
3934 4143 [
3935 - 'label' => __('Depth', 'ultimate-store-kit'),
3936 - 'type' => Controls_Manager::SLIDER,
4144 + 'label' => __('Depth', 'ultimate-store-kit'),
4145 + 'type' => Controls_Manager::SLIDER,
3937 4146 'default' => [
3938 4147 'size' => 100,
3939 4148 ],
3940 4149 'range' => [
3941 4150 'px' => [
3942 - 'min' => 0,
4151 + 'min' => 0,
3943 4152 'step' => 10,
3944 - 'max' => 1000,
4153 + 'max' => 1000,
3945 4154 ],
3946 4155 ],
3947 4156 'condition' => [
3948 4157 'coverflow_toggle' => 'yes'
3949 4158 ],
3950 - 'render_type' => 'template',
4159 + 'render_type' => 'template',
3951 4160 ]
3952 4161 );
3953 4162
3954 4163 $this->end_popover();
@@ -3955,9 +4164,9 @@
3955 4164
3956 4165 $this->add_control(
3957 4166 'hr_005',
3958 4167 [
3959 - 'type' => Controls_Manager::DIVIDER,
4168 + 'type' => Controls_Manager::DIVIDER,
3960 4169 'condition' => [
3961 4170 'skin' => 'coverflow'
3962 4171 ]
3963 4172 ]
@@ -3965,10 +4174,10 @@
3965 4174
3966 4175 $this->add_control(
3967 4176 'autoplay',
3968 4177 [
3969 - 'label' => __('Autoplay', 'ultimate-store-kit'),
3970 - 'type' => Controls_Manager::SWITCHER,
4178 + 'label' => __('Autoplay', 'ultimate-store-kit'),
4179 + 'type' => Controls_Manager::SWITCHER,
3971 4180 'default' => 'yes',
3972 4181
3973 4182 ]
3974 4183 );
@@ -3975,11 +4184,11 @@
3975 4184
3976 4185 $this->add_control(
3977 4186 'autoplay_speed',
3978 4187 [
3979 - 'label' => esc_html__('Autoplay Speed', 'ultimate-store-kit'),
3980 - 'type' => Controls_Manager::NUMBER,
3981 - 'default' => 5000,
4188 + 'label' => esc_html__('Autoplay Speed', 'ultimate-store-kit'),
4189 + 'type' => Controls_Manager::NUMBER,
4190 + 'default' => 5000,
3982 4191 'condition' => [
3983 4192 'autoplay' => 'yes',
3984 4193 ],
3985 4194 ]
@@ -3987,10 +4196,13 @@
3987 4196
3988 4197 $this->add_control(
3989 4198 'pauseonhover',
3990 4199 [
3991 - 'label' => esc_html__('Pause on Hover', 'ultimate-store-kit'),
3992 - 'type' => Controls_Manager::SWITCHER,
4200 + 'label' => esc_html__('Pause on Hover', 'ultimate-store-kit'),
4201 + 'type' => Controls_Manager::SWITCHER,
4202 + 'condition' => [
4203 + 'autoplay' => 'yes',
4204 + ],
3993 4205 ]
3994 4206 );
3995 4207
3996 4208 $this->add_responsive_control(
@@ -3995,14 +4207,14 @@
3995 4207
3996 4208 $this->add_responsive_control(
3997 4209 'slides_to_scroll',
3998 4210 [
3999 - 'type' => Controls_Manager::SELECT,
4000 - 'label' => esc_html__('Slides to Scroll', 'ultimate-store-kit'),
4001 - 'default' => 1,
4211 + 'type' => Controls_Manager::SELECT,
4212 + 'label' => esc_html__('Slides to Scroll', 'ultimate-store-kit'),
4213 + 'default' => 1,
4002 4214 'tablet_default' => 1,
4003 4215 'mobile_default' => 1,
4004 - 'options' => [
4216 + 'options' => [
4005 4217 1 => '1',
4006 4218 2 => '2',
4007 4219 3 => '3',
4008 4220 4 => '4',
@@ -4014,11 +4226,11 @@
4014 4226
4015 4227 $this->add_control(
4016 4228 'centered_slides',
4017 4229 [
4018 - 'label' => __('Center Slide', 'ultimate-store-kit'),
4019 - 'description' => __('Use even items from Layout > Columns settings for better preview.', 'ultimate-store-kit'),
4020 - 'type' => Controls_Manager::SWITCHER,
4230 + 'label' => __('Center Slide', 'ultimate-store-kit'),
4231 + 'description' => __('Use even items from Layout > Columns settings for better preview.', 'ultimate-store-kit'),
4232 + 'type' => Controls_Manager::SWITCHER,
4021 4233 ]
4022 4234 );
4023 4235
4024 4236 $this->add_control(
@@ -4023,10 +4235,10 @@
4023 4235
4024 4236 $this->add_control(
4025 4237 'grab_cursor',
4026 4238 [
4027 - 'label' => __('Grab Cursor', 'ultimate-store-kit'),
4028 - 'type' => Controls_Manager::SWITCHER,
4239 + 'label' => __('Grab Cursor', 'ultimate-store-kit'),
4240 + 'type' => Controls_Manager::SWITCHER,
4029 4241 ]
4030 4242 );
4031 4243
4032 4244 $this->add_control(
@@ -4031,10 +4243,10 @@
4031 4243
4032 4244 $this->add_control(
4033 4245 'loop',
4034 4246 [
4035 - 'label' => __('Loop', 'ultimate-store-kit'),
4036 - 'type' => Controls_Manager::SWITCHER,
4247 + 'label' => __('Loop', 'ultimate-store-kit'),
4248 + 'type' => Controls_Manager::SWITCHER,
4037 4249 'default' => 'yes',
4038 4250
4039 4251 ]
4040 4252 );
@@ -4042,17 +4254,17 @@
4042 4254
4043 4255 $this->add_control(
4044 4256 'speed',
4045 4257 [
4046 - 'label' => __('Animation Speed (ms)', 'ultimate-store-kit'),
4047 - 'type' => Controls_Manager::SLIDER,
4258 + 'label' => __('Animation Speed (ms)', 'ultimate-store-kit'),
4259 + 'type' => Controls_Manager::SLIDER,
4048 4260 'default' => [
4049 4261 'size' => 500,
4050 4262 ],
4051 4263 'range' => [
4052 4264 'px' => [
4053 - 'min' => 100,
4054 - 'max' => 5000,
4265 + 'min' => 100,
4266 + 'max' => 5000,
4055 4267 'step' => 50,
4056 4268 ],
4057 4269 ],
4058 4270 ]
@@ -4060,11 +4272,11 @@
4060 4272
4061 4273 $this->add_control(
4062 4274 'observer',
4063 4275 [
4064 - 'label' => __('Observer', 'ultimate-store-kit'),
4276 + 'label' => __('Observer', 'ultimate-store-kit'),
4065 4277 'description' => __('When you use carousel in any hidden place (in tabs, accordion etc) keep it yes.', 'ultimate-store-kit'),
4066 - 'type' => Controls_Manager::SWITCHER,
4278 + 'type' => Controls_Manager::SWITCHER,
4067 4279 ]
4068 4280 );
4069 4281
4070 4282 $this->add_responsive_control(
@@ -4069,26 +4281,290 @@
4069 4281
4070 4282 $this->add_responsive_control(
4071 4283 'item_shadow_padding',
4072 4284 [
4073 - 'label' => __('Match Padding', 'ultimate-store-kit'),
4285 + 'label' => __('Match Padding', 'ultimate-store-kit'),
4074 4286 'description' => __('You have to add padding for matching overlaping normal/hover box shadow when you used Box Shadow option.', 'ultimate-store-kit'),
4075 - 'type' => Controls_Manager::SLIDER,
4076 - 'range' => [
4287 + 'type' => Controls_Manager::SLIDER,
4288 + 'range' => [
4077 4289 'px' => [
4078 - 'min' => 0,
4290 + 'min' => 0,
4079 4291 'step' => 1,
4080 - 'max' => 50,
4292 + 'max' => 50,
4081 4293 ]
4082 4294 ],
4083 - 'default' => [
4295 + 'default' => [
4084 4296 'size' => 10
4085 4297 ],
4086 - 'selectors' => [
4298 + 'selectors' => [
4087 4299 '{{WRAPPER}} .swiper-carousel' => 'padding: {{SIZE}}{{UNIT}}; margin: 0 -{{SIZE}}{{UNIT}};'
4088 4300 ],
4089 4301 ]
4090 4302 );
4303 +
4304 + $this->add_control(
4305 + 'item_match_height',
4306 + [
4307 + 'label' => __('Item Match Height', 'ultimate-store-kit') . BDTUSK_NC,
4308 + 'type' => Controls_Manager::SWITCHER,
4309 + 'prefix_class' => 'usk-item-match-height--',
4310 + 'render_type' => 'template'
4311 + ]
4312 + );
4313 +
4314 + $this->end_controls_section();
4315 + }
4316 + protected function register_global_controls_variation()
4317 + {
4318 + $this->start_controls_section(
4319 + 'section_global_variation',
4320 + [
4321 + 'label' => __('Variation', 'ultimate-store-kit'),
4322 + 'tab' => Controls_Manager::TAB_STYLE,
4323 + 'condition' => [
4324 + 'show_variation' => 'yes'
4325 + ]
4326 + ]
4327 + );
4328 +
4329 + $this->start_controls_tabs('tabs_variation_style');
4330 +
4331 + $this->start_controls_tab(
4332 + 'tab_variation_wrapper',
4333 + [
4334 + 'label' => esc_html__('Wrapper', 'ultimate-store-kit'),
4335 + ]
4336 + );
4337 +
4338 + $this->add_responsive_control(
4339 + 'variation_margin',
4340 + [
4341 + 'label' => esc_html__('Margin', 'ultimate-store-kit'),
4342 + 'type' => Controls_Manager::DIMENSIONS,
4343 + 'size_units' => ['px', 'em', '%'],
4344 + 'selectors' => [
4345 + '{{WRAPPER}} .usk-variations-container .usk-variation-group' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
4346 + ],
4347 + ]
4348 + );
4349 +
4350 + $this->end_controls_tab();
4351 +
4352 + $this->start_controls_tab(
4353 + 'tab_variation_color',
4354 + [
4355 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
4356 + ]
4357 + );
4358 +
4359 + $this->add_control(
4360 + 'variation_color_size',
4361 + [
4362 + 'label' => esc_html__('Size', 'ultimate-store-kit'),
4363 + 'type' => Controls_Manager::SLIDER,
4364 + 'size_units' => ['px', 'em'],
4365 + 'range' => [
4366 + 'px' => [
4367 + 'min' => 10,
4368 + 'max' => 50,
4369 + 'step' => 1,
4370 + ],
4371 + 'em' => [
4372 + 'min' => 0.1,
4373 + 'max' => 5,
4374 + 'step' => 0.1,
4375 + ],
4376 + ],
4377 + 'selectors' => [
4378 + '{{WRAPPER}} .usk-variations-container .usk-color-button' => '--usk-variation-size: {{SIZE}}{{UNIT}};',
4379 + ],
4380 + ]
4381 + );
4382 +
4383 + $this->add_control(
4384 + 'variation_border_radius',
4385 + [
4386 + 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
4387 + 'type' => Controls_Manager::DIMENSIONS,
4388 + 'size_units' => ['px', '%', 'em'],
4389 + 'selectors' => [
4390 + '{{WRAPPER}} .usk-variations-container .usk-color-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
4391 + ],
4392 + ]
4393 + );
4394 +
4395 + $this->end_controls_tab();
4396 +
4397 + $this->start_controls_tab(
4398 + 'tab_variation_size',
4399 + [
4400 + 'label' => esc_html__('Common', 'ultimate-store-kit'),
4401 + ]
4402 + );
4403 +
4404 + $this->add_control(
4405 + 'variation_size_color',
4406 + [
4407 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
4408 + 'type' => Controls_Manager::COLOR,
4409 + 'selectors' => [
4410 + '{{WRAPPER}} .usk-variations-container .usk-variation-button' => 'color: {{VALUE}};',
4411 + ],
4412 + ]
4413 + );
4414 +
4415 + $this->add_group_control(
4416 + Group_Control_Typography::get_type(),
4417 + [
4418 + 'name' => 'variation_size_typography',
4419 + 'selector' => '{{WRAPPER}} .usk-variations-container .usk-variation-button',
4420 + ]
4421 + );
4422 +
4423 + $this->add_control(
4424 + 'variation_size_background',
4425 + [
4426 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
4427 + 'type' => Controls_Manager::COLOR,
4428 + 'selectors' => [
4429 + '{{WRAPPER}} .usk-variations-container .usk-variation-button' => 'background-color: {{VALUE}};',
4430 + ],
4431 + 'separator' => 'before',
4432 + ]
4433 + );
4434 +
4435 + $this->add_control(
4436 + 'variation_size_padding',
4437 + [
4438 + 'label' => esc_html__('Padding', 'ultimate-store-kit'),
4439 + 'type' => Controls_Manager::DIMENSIONS,
4440 + 'size_units' => ['px', 'em', '%'],
4441 + 'selectors' => [
4442 + '{{WRAPPER}} .usk-variations-container .usk-variation-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
4443 + ],
4444 + ]
4445 + );
4446 +
4447 + $this->add_control(
4448 + 'variation_size_margin',
4449 + [
4450 + 'label' => esc_html__('Margin', 'ultimate-store-kit'),
4451 + 'type' => Controls_Manager::DIMENSIONS,
4452 + 'size_units' => ['px', 'em', '%'],
4453 + 'selectors' => [
4454 + '{{WRAPPER}} .usk-variations-container .usk-pa_size-group' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
4455 + ],
4456 + ]
4457 + );
4458 +
4459 + $this->add_group_control(
4460 + Group_Control_Border::get_type(),
4461 + [
4462 + 'name' => 'variation_size_border',
4463 + 'selector' => '{{WRAPPER}} .usk-variations-container .usk-variation-button',
4464 + 'separator' => 'before',
4465 + ]
4466 + );
4467 +
4468 + $this->add_control(
4469 + 'variation_size_border_radius',
4470 + [
4471 + 'label' => esc_html__('Border Radius', 'ultimate-store-kit'),
4472 + 'type' => Controls_Manager::DIMENSIONS,
4473 + 'size_units' => ['px', '%', 'em'],
4474 + 'selectors' => [
4475 + '{{WRAPPER}} .usk-variations-container .usk-variation-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
4476 + ],
4477 + ]
4478 + );
4479 +
4480 + $this->add_control(
4481 + 'variation_size_hover_heading',
4482 + [
4483 + 'label' => esc_html__('Hover', 'ultimate-store-kit'),
4484 + 'type' => Controls_Manager::HEADING,
4485 + 'separator' => 'before',
4486 + ]
4487 + );
4488 +
4489 + $this->add_control(
4490 + 'variation_size_hover_color',
4491 + [
4492 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
4493 + 'type' => Controls_Manager::COLOR,
4494 + 'selectors' => [
4495 + '{{WRAPPER}} .usk-variations-container .usk-variation-button:hover' => 'color: {{VALUE}};',
4496 + ],
4497 + ]
4498 + );
4499 +
4500 + $this->add_control(
4501 + 'variation_size_hover_background',
4502 + [
4503 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
4504 + 'type' => Controls_Manager::COLOR,
4505 + 'selectors' => [
4506 + '{{WRAPPER}} .usk-variations-container .usk-variation-button:hover' => 'background-color: {{VALUE}};',
4507 + ],
4508 + ]
4509 + );
4510 +
4511 + $this->add_control(
4512 + 'variation_size_hover_border_color',
4513 + [
4514 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
4515 + 'type' => Controls_Manager::COLOR,
4516 + 'selectors' => [
4517 + '{{WRAPPER}} .usk-variations-container .usk-variation-button:hover' => 'border-color: {{VALUE}};',
4518 + ],
4519 + ]
4520 + );
4521 +
4522 + $this->add_control(
4523 + 'variation_size_active_heading',
4524 + [
4525 + 'label' => esc_html__('Active', 'ultimate-store-kit'),
4526 + 'type' => Controls_Manager::HEADING,
4527 + 'separator' => 'before',
4528 + ]
4529 + );
4530 +
4531 + $this->add_control(
4532 + 'variation_size_active_color',
4533 + [
4534 + 'label' => esc_html__('Color', 'ultimate-store-kit'),
4535 + 'type' => Controls_Manager::COLOR,
4536 + 'selectors' => [
4537 + '{{WRAPPER}} .usk-variations-container .usk-variation-button.active' => 'color: {{VALUE}};',
4538 + ],
4539 + ]
4540 + );
4541 +
4542 + $this->add_control(
4543 + 'variation_size_active_background',
4544 + [
4545 + 'label' => esc_html__('Background Color', 'ultimate-store-kit'),
4546 + 'type' => Controls_Manager::COLOR,
4547 + 'selectors' => [
4548 + '{{WRAPPER}} .usk-variations-container .usk-variation-button.active' => 'background-color: {{VALUE}};',
4549 + ],
4550 + ]
4551 + );
4552 +
4553 + $this->add_control(
4554 + 'variation_size_active_border_color',
4555 + [
4556 + 'label' => esc_html__('Border Color', 'ultimate-store-kit'),
4557 + 'type' => Controls_Manager::COLOR,
4558 + 'selectors' => [
4559 + '{{WRAPPER}} .usk-variations-container .usk-variation-button.active' => 'border-color: {{VALUE}};',
4560 + ],
4561 + ]
4562 + );
4563 +
4564 + $this->end_controls_tab();
4565 +
4566 + $this->end_controls_tabs();
4091 4567
4092 4568 $this->end_controls_section();
4093 4569 }
4094 4570 }