PluginProbe
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot / 4.9.3
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot v4.9.3
4.9.3 4.9.2 4.9.1 4.9.0 4.8.2 4.8.1 4.8.0 4.7.0 4.6.2 4.6.1 4.6.0 4.5.6 4.5.5 4.5.4 4.5.3 4.5.2 4.5.1 4.5.0 4.4.1 4.4.0 3.3.4 3.4.0 3.4.1 3.4.2 3.5.0 All 201 releases
← All changes | includes/Editors/Elementor/Widget/Sidebar.php +1693 -122 3.5.0 → 4.9.3 View file →
@@ -1,18 +1,20 @@
1 1 <?php
2 +// phpcs:disable WordPressVIPMinimum.Performance.WPQueryParams.PostNotIn_exclude -- widget settings expose user-controlled exclusion lists; matches widget UX.
3 +// phpcs:disable WordPress.DB.SlowDBQuery.slow_db_query_meta_query,WordPress.DB.SlowDBQuery.slow_db_query_tax_query,WordPress.DB.SlowDBQuery.slow_db_query_meta_key -- core docs widget queries; meta/tax filtering is required functionality.
2 4 namespace WPDeveloper\BetterDocs\Editors\Elementor\Widget;
3 5
4 6 if ( ! defined( 'ABSPATH' ) ) {
5 - exit; // Exit if accessed directly
7 + exit; // Exit if accessed directly
6 8 }
7 9
10 +use Elementor\Plugin;
8 11 use Elementor\Controls_Manager;
9 12 use Elementor\Group_Control_Background;
10 13 use Elementor\Group_Control_Typography;
11 14 use WPDeveloper\BetterDocs\Editors\Elementor\BaseWidget;
12 -use Elementor\Group_Control_Border as Group_Control_Border;
13 -use Elementor\Group_Control_Box_Shadow as Group_Control_Box_Shadow;
14 -use Elementor\Plugin;
15 +use Elementor\Group_Control_Border;
16 +use Elementor\Group_Control_Box_Shadow;
15 17
16 18 class Sidebar extends BaseWidget {
17 19
18 20 public function get_name() {
@@ -19,9 +21,9 @@
19 21 return 'betterdocs-sidebar';
20 22 }
21 23
22 24 public function get_title() {
23 - return __( 'Doc Sidebar', 'betterdocs' );
25 + return __( 'BetterDocs Sidebar', 'betterdocs' );
24 26 }
25 27
26 28 public function get_icon() {
27 29 return 'betterdocs-icon-Sidebar';
@@ -27,9 +29,9 @@
27 29 return 'betterdocs-icon-Sidebar';
28 30 }
29 31
30 32 public function get_categories() {
31 - return ['betterdocs-elements', 'docs-archive'];
33 + return ['betterdocs-elements', 'docs-archive', 'betterdocs-elements-single'];
32 34 }
33 35
34 36 public function get_keywords() {
35 37 return ['betterdocs-elements', 'sidebar', 'betterdocs', 'docs'];
@@ -35,13 +37,13 @@
35 37 return ['betterdocs-elements', 'sidebar', 'betterdocs', 'docs'];
36 38 }
37 39
38 40 public function get_style_depends() {
39 - return ['betterdocs-sidebar'];
41 + return ['betterdocs-sidebar', 'betterdocs-fontawesome', 'betterdocs-search-modal'];
40 42 }
41 43
42 44 public function get_script_depends() {
43 - return ['betterdocs-category-grid'];
45 + return ['betterdocs-category-grid', 'betterdocs-search-modal'];
44 46 }
45 47
46 48 public function get_custom_help_url() {
47 49 return 'https://betterdocs.co/docs/single-doc-in-elementor';
@@ -55,8 +57,9 @@
55 57 $this->betterdocs_do_action();
56 58
57 59 do_action( 'betterdocs_elementor_sidebar_layout_select', $this );
58 60
61 + $this->search_modal_query();
59 62 $this->sidebar_layout_select();
60 63
61 64 if ( ! is_plugin_active( 'betterdocs-pro/betterdocs-pro.php' ) ) {
62 65 $this->start_controls_section(
@@ -99,10 +102,135 @@
99 102
100 103 $this->sub_list_setting();
101 104
102 105 $this->sticky_toc();
106 +
107 + //layout 5 sections & controllers
108 + $this->icon_style_layout_5();
109 + $this->title_style_layout_5();
110 + $this->count_style_layout_5();
111 + $this->list_setting_layout_5();
112 + $this->sub_list_setting_layout_5();
113 + $this->sidebar_search_layout_5();
114 + $this->sidebar_search_modal_layout_5();
115 +
116 +
103 117 }
104 118
119 + public function search_modal_query() {
120 + $this->start_controls_section(
121 + 'search_modal_query',
122 + [
123 + 'label' => __( 'Modal Query', 'betterdocs' ),
124 + 'condition' => [
125 + 'betterdocs_sidebar_layout' => ['layout-5']
126 + ]
127 + ]
128 + );
129 +
130 + $this->add_control(
131 + 'search_modal_doc_query_type',
132 + [
133 + 'label' => __( 'Select Docs Type', 'betterdocs' ),
134 + 'label_block' => true,
135 + 'type' => Controls_Manager::SELECT2,
136 + 'options' => [
137 + 'popular_docs' => __('Popular Docs', 'betterdocs'),
138 + 'specific_doc_ids' => __("Doc Id's", 'betterdocs'),
139 + 'specific_doc_term_ids' => __("Doc Category Id's", "betterdocs")
140 + ],
141 + 'multiple' => false,
142 + 'default' => 'popular_docs'
143 + ]
144 + );
145 +
146 + $this->add_control(
147 + 'initial_docs_number',
148 + [
149 + 'label' => __( 'Number of Docs', 'betterdocs' ),
150 + 'type' => Controls_Manager::NUMBER,
151 + 'default' => '5',
152 + 'condition' => [
153 + 'search_modal_doc_query_type' => 'popular_docs'
154 + ]
155 + ]
156 + );
157 +
158 +
159 + $this->add_control(
160 + 'search_modal_query_term_ids',
161 + [
162 + 'label' => __( "Doc Term ID's", 'betterdocs' ),
163 + 'type' => Controls_Manager::TEXT,
164 + 'description' => __( 'Example: 8, 9', 'betterdocs' ),
165 + 'default' => '',
166 + 'condition' => [
167 + 'search_modal_doc_query_type' => 'specific_doc_term_ids'
168 + ]
169 + ]
170 + );
171 +
172 + $this->add_control(
173 + 'search_modal_query_doc_ids',
174 + [
175 + 'label' => __( "Doc ID's", 'betterdocs' ),
176 + 'type' => Controls_Manager::TEXT,
177 + 'description' => __( 'Example: 15, 16', 'betterdocs' ),
178 + 'default' => '',
179 + 'condition' => [
180 + 'search_modal_doc_query_type' => 'specific_doc_ids'
181 + ]
182 + ]
183 + );
184 +
185 + $this->add_control(
186 + 'search_modal_faq_query_type',
187 + [
188 + 'label' => __( 'Select FAQ Type', 'betterdocs' ),
189 + 'label_block' => true,
190 + 'type' => Controls_Manager::SELECT2,
191 + 'default' => 'default',
192 + 'options' => [
193 + 'default' => __('Default', 'betterdocs'),
194 + 'specific_faq_term_ids' => __("Specific FAQ Term Id's", 'betterdocs'),
195 + ],
196 + 'multiple' => false,
197 + ]
198 + );
199 +
200 + $this->add_control(
201 + 'search_modal_query_faq_term_ids',
202 + [
203 + 'label' => __( "FAQ Term ID's", 'betterdocs' ),
204 + 'type' => Controls_Manager::TEXT,
205 + 'description' => __( 'Example: 8, 9', 'betterdocs' ),
206 + 'default' => '',
207 + 'condition' => [
208 + 'search_modal_faq_query_type' => 'specific_faq_term_ids'
209 + ]
210 + ]
211 + );
212 +
213 + $this->add_control(
214 + 'initial_faqs_number',
215 + [
216 + 'label' => __( "Number of FAQ's", 'betterdocs' ),
217 + 'type' => Controls_Manager::NUMBER,
218 + 'default' => '5',
219 + 'condition' => [
220 + 'search_modal_faq_query_type' => 'default'
221 + ]
222 + ]
223 + );
224 +
225 + $this->end_controls_section();
226 + }
227 +
228 + public function return_mod_terms( $accumulator, $term ) {
229 + $accumulator[$term->term_id] = htmlspecialchars_decode( $term->name );
230 + return $accumulator;
231 + }
232 +
105 233 public function sidebar_layout_select() {
106 234 /**
107 235 * ----------------------------------------------------------
108 236 * Section: Select Layout
@@ -125,9 +253,11 @@
125 253 'options' => [
126 254 'layout-1' => esc_html__( 'Layout 1', 'betterdocs' ),
127 255 'layout-2' => esc_html__( 'Layout 2', 'betterdocs' ),
128 256 'layout-3' => esc_html__( 'Layout 3', 'betterdocs' ),
129 - 'layout-4' => esc_html__( 'Layout 4', 'betterdocs' )
257 + 'layout-4' => esc_html__( 'Layout 4', 'betterdocs' ),
258 + 'layout-5' => esc_html__( 'Layout 5', 'betterdocs' ),
259 + 'layout-6' => esc_html__( 'Layout 6', 'betterdocs' )
130 260 ]
131 261 ]
132 262 );
133 263
@@ -162,8 +292,23 @@
162 292 ]
163 293 );
164 294
165 295 $this->add_control(
296 + 'sidebar_search_toggle',
297 + [
298 + 'label' => esc_html__( 'Sidebar Search', 'betterdocs' ),
299 + 'type' => Controls_Manager::SWITCHER,
300 + 'label_on' => esc_html__( 'Show', 'betterdocs' ),
301 + 'label_off' => esc_html__( 'Hide', 'betterdocs' ),
302 + 'return_value' => 'true',
303 + 'default' => 'true',
304 + 'condition' => [
305 + 'betterdocs_sidebar_layout' => ['layout-5']
306 + ]
307 + ]
308 + );
309 +
310 + $this->add_control(
166 311 'show_icon',
167 312 [
168 313 'label' => __( 'Show Icon', 'betterdocs' ),
169 314 'type' => Controls_Manager::SWITCHER,
@@ -203,10 +348,13 @@
203 348 */
204 349 $this->start_controls_section(
205 350 'section_sticky_toc',
206 351 [
207 - 'label' => __( 'Sticky TOC', 'betterdocs' ),
208 - 'tab' => Controls_Manager::TAB_STYLE
352 + 'label' => __( 'Sticky TOC', 'betterdocs' ),
353 + 'tab' => Controls_Manager::TAB_STYLE,
354 + 'condition' => [
355 + 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4']
356 + ]
209 357 ]
210 358 );
211 359
212 360 $this->add_control(
@@ -264,9 +412,9 @@
264 412 public function wraper_setting_style() {
265 413 $this->start_controls_section(
266 414 'section_card_settings',
267 415 [
268 - 'label' => __( 'Wraper', 'betterdocs' ),
416 + 'label' => __( 'Wrapper', 'betterdocs' ),
269 417 'tab' => Controls_Manager::TAB_STYLE
270 418 ]
271 419 );
272 420
@@ -276,9 +424,10 @@
276 424 'label' => __( 'Margin', 'betterdocs' ),
277 425 'type' => Controls_Manager::DIMENSIONS,
278 426 'size_units' => ['px', '%', 'em'],
279 427 'selectors' => [
280 - '{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
428 + '{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
429 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-8' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
281 430 ]
282 431 ]
283 432 );
284 433
@@ -288,9 +437,10 @@
288 437 'label' => __( 'Padding', 'betterdocs' ),
289 438 'type' => Controls_Manager::DIMENSIONS,
290 439 'size_units' => ['px', 'em', '%'],
291 440 'selectors' => [
292 - '{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
441 + '{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
442 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-8' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
293 443 ]
294 444 ]
295 445 );
296 446 $this->add_control(
@@ -295,9 +445,9 @@
295 445 );
296 446 $this->add_control(
297 447 'column_height',
298 448 [
299 - 'label' => __( 'Height', 'plugin-domain' ),
449 + 'label' => __( 'Height', 'betterdocs' ),
300 450 'type' => Controls_Manager::SLIDER,
301 451 'size_units' => ['px', '%'],
302 452 'range' => [
303 453 'px' => [
@@ -315,8 +465,37 @@
315 465 ]
316 466 ]
317 467 );
318 468
469 + $this->add_responsive_control(
470 + 'wrapper_width',
471 + [
472 + 'label' => __( 'Width', 'betterdocs' ),
473 + 'type' => Controls_Manager::SLIDER,
474 + 'size_units' => ['%', 'px'],
475 + 'range' => [
476 + '%' => [
477 + 'min' => 10,
478 + 'max' => 100
479 + ],
480 + 'px' => [
481 + 'min' => 100,
482 + 'max' => 1200
483 + ]
484 + ],
485 + 'default' => [
486 + 'unit' => '%',
487 + 'size' => 100
488 + ],
489 + 'selectors' => [
490 + '{{WRAPPER}}' => 'width: {{SIZE}}{{UNIT}}; max-width: {{SIZE}}{{UNIT}};'
491 + ],
492 + 'condition' => [
493 + 'betterdocs_sidebar_layout' => ['layout-6']
494 + ]
495 + ]
496 + );
497 +
319 498 $this->add_responsive_control(
320 499 'box_seperator_color',
321 500 [
322 501 'label' => esc_html__( 'Background Color', 'betterdocs' ),
@@ -321,9 +500,10 @@
321 500 [
322 501 'label' => esc_html__( 'Background Color', 'betterdocs' ),
323 502 'type' => Controls_Manager::COLOR,
324 503 'selectors' => [
325 - '{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'background-color: {{VALUE}};'
504 + '{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'background-color: {{VALUE}};',
505 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-8,{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content' => 'background-color: {{VALUE}};'
326 506 ]
327 507 ]
328 508 );
329 509 $this->end_controls_section(); # end of 'Card Settings'
@@ -332,10 +512,13 @@
332 512 public function category_items_setting_style() {
333 513 $this->start_controls_section(
334 514 'category_items_settings',
335 515 [
336 - 'label' => __( 'Category Items', 'betterdocs' ),
337 - 'tab' => Controls_Manager::TAB_STYLE
516 + 'label' => __( 'Category Items', 'betterdocs' ),
517 + 'tab' => Controls_Manager::TAB_STYLE,
518 + 'condition' => [
519 + 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-6']
520 + ]
338 521 ]
339 522 );
340 523 $this->start_controls_tabs( 'category_items_settings_tabs' );
341 524
@@ -344,15 +527,14 @@
344 527 'card_normal',
345 528 ['label' => esc_html__( 'Normal', 'betterdocs' )]
346 529 );
347 530
348 -
349 531 $this->add_group_control(
350 532 Group_Control_Background::get_type(),
351 533 [
352 534 'name' => 'card_bg_normal',
353 535 'types' => ['classic', 'gradient'],
354 - 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body'
536 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body'
355 537 ]
356 538 );
357 539
358 540 $this->add_group_control(
@@ -359,9 +541,9 @@
359 541 Group_Control_Border::get_type(),
360 542 [
361 543 'name' => 'card_border_normal',
362 544 'label' => esc_html__( 'Border', 'betterdocs' ),
363 - 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body'
545 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body'
364 546 ]
365 547 );
366 548
367 549 $this->add_responsive_control(
@@ -370,10 +552,10 @@
370 552 'label' => esc_html__( 'Border Radius', 'betterdocs' ),
371 553 'type' => Controls_Manager::DIMENSIONS,
372 554 'size_units' => ['px', 'em', '%'],
373 555 'selectors' => [
374 - '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
375 - '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
556 + '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
557 + '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
376 558 ]
377 559 ]
378 560 );
379 561
@@ -380,9 +562,9 @@
380 562 $this->add_group_control(
381 563 Group_Control_Box_Shadow::get_type(),
382 564 [
383 565 'name' => 'card_box_shadow_normal',
384 - 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body'
566 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body'
385 567 ]
386 568 );
387 569
388 570 $this->end_controls_tab();
@@ -414,9 +596,8 @@
414 596 ]
415 597 ]
416 598 );
417 599
418 -
419 600 $this->add_control(
420 601 'box_section_body_hover',
421 602 [
422 603 'label' => __( 'Body', 'betterdocs' ),
@@ -429,9 +610,9 @@
429 610 Group_Control_Background::get_type(),
430 611 [
431 612 'name' => 'card_bg_hover',
432 613 'types' => ['classic', 'gradient'],
433 - 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover'
614 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body:hover'
434 615 ]
435 616 );
436 617
437 618 $this->add_group_control(
@@ -438,9 +619,9 @@
438 619 Group_Control_Border::get_type(),
439 620 [
440 621 'name' => 'card_border_hover',
441 622 'label' => esc_html__( 'Border', 'betterdocs' ),
442 - 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover'
623 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body:hover'
443 624 ]
444 625 );
445 626
446 627 $this->add_responsive_control(
@@ -449,10 +630,10 @@
449 630 'label' => esc_html__( 'Border Radius', 'betterdocs' ),
450 631 'type' => Controls_Manager::DIMENSIONS,
451 632 'size_units' => ['px', 'em', '%'],
452 633 'selectors' => [
453 - '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
454 - '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
634 + '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
635 + '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
455 636 ]
456 637 ]
457 638 );
458 639
@@ -459,13 +640,12 @@
459 640 $this->add_group_control(
460 641 Group_Control_Box_Shadow::get_type(),
461 642 [
462 643 'name' => 'card_box_shadow_hover',
463 - 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover'
644 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body:hover'
464 645 ]
465 646 );
466 647
467 -
468 648 $this->end_controls_tabs();
469 649 $this->end_controls_section(); # end of 'Card Settings'
470 650 }
471 651
@@ -477,10 +657,13 @@
477 657 */
478 658 $this->start_controls_section(
479 659 'section_box_icon_style',
480 660 [
481 - 'label' => __( 'Icon', 'betterdocs' ),
482 - 'tab' => Controls_Manager::TAB_STYLE
661 + 'label' => __( 'Icon', 'betterdocs' ),
662 + 'tab' => Controls_Manager::TAB_STYLE,
663 + 'condition' => [
664 + 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4']
665 + ]
483 666 ]
484 667 );
485 668
486 669 $this->add_responsive_control(
@@ -495,9 +678,9 @@
495 678 ]
496 679 ],
497 680 'selectors' => [
498 681 '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper:not(.layout-2) .betterdocs-category-icon' => 'height: {{SIZE}}{{UNIT}}; width: auto;',
499 - '{{WRAPPER}} .betterdocs-category-icon img' => 'height: {{SIZE}}{{UNIT}};'
682 + '{{WRAPPER}} .betterdocs-category-icon img' => 'height: {{SIZE}}{{UNIT}};'
500 683 ]
501 684 ]
502 685 );
503 686
@@ -514,9 +697,9 @@
514 697 ],
515 698 'selectors' => [
516 699 '{{WRAPPER}} .betterdocs-category-collapse' => 'width: {{SIZE}}{{UNIT}};'
517 700 ],
518 - 'condition' => [
701 + 'condition' => [
519 702 'betterdocs_sidebar_layout' => ['layout-4']
520 703 ]
521 704 ]
522 705 );
@@ -534,9 +717,9 @@
534 717 ],
535 718 'selectors' => [
536 719 '{{WRAPPER}} .betterdocs-category-collapse' => 'height: {{SIZE}}{{UNIT}};'
537 720 ],
538 - 'condition' => [
721 + 'condition' => [
539 722 'betterdocs_sidebar_layout' => ['layout-4']
540 723 ]
541 724 ]
542 725 );
@@ -551,14 +734,14 @@
551 734
552 735 $this->add_control(
553 736 'arrow_color',
554 737 [
555 - 'label' => __( 'Arrow Color', 'plugin-domain' ),
738 + 'label' => __( 'Arrow Color', 'betterdocs' ),
556 739 'type' => Controls_Manager::COLOR,
557 740 'selectors' => [
558 741 '{{WRAPPER}} .betterdocs-category-collapse' => 'color: {{VALUE}}'
559 742 ],
560 - 'condition' => [
743 + 'condition' => [
561 744 'betterdocs_sidebar_layout' => ['layout-4']
562 745 ]
563 746 ]
564 747 );
@@ -632,9 +815,9 @@
632 815 'size_units' => ['px', 'em', '%'],
633 816 'selectors' => [
634 817 '{{WRAPPER}} .betterdocs-category-collapse' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
635 818 ],
636 - 'condition' => [
819 + 'condition' => [
637 820 'betterdocs_sidebar_layout' => ['layout-4']
638 821 ]
639 822 ]
640 823 );
@@ -647,9 +830,9 @@
647 830 'size_units' => ['px', 'em', '%'],
648 831 'selectors' => [
649 832 '{{WRAPPER}} .betterdocs-category-collapse' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
650 833 ],
651 - 'condition' => [
834 + 'condition' => [
652 835 'betterdocs_sidebar_layout' => ['layout-4']
653 836 ]
654 837 ]
655 838 );
@@ -664,9 +847,9 @@
664 847
665 848 $this->add_control(
666 849 'arrow_color_hover',
667 850 [
668 - 'label' => __( 'Arrow Color', 'plugin-domain' ),
851 + 'label' => __( 'Arrow Color', 'betterdocs' ),
669 852 'type' => Controls_Manager::COLOR,
670 853 'selectors' => [
671 854 '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-header:hover .betterdocs-category-arrow' => 'color: {{VALUE}}'
672 855 ]
@@ -732,8 +915,173 @@
732 915
733 916 $this->end_controls_section(); # end of 'Icon Styles'
734 917 }
735 918
919 + public function icon_style_layout_5() {
920 + /**
921 + * ----------------------------------------------------------
922 + * Section: Icon Styles
923 + * ----------------------------------------------------------
924 + */
925 + $this->start_controls_section(
926 + 'section_box_icon_style_layout_5',
927 + [
928 + 'label' => __( 'Icon', 'betterdocs' ),
929 + 'tab' => Controls_Manager::TAB_STYLE,
930 + 'condition' => [
931 + 'betterdocs_sidebar_layout' => ['layout-5']
932 + ]
933 + ]
934 + );
935 +
936 + $this->add_responsive_control(
937 + 'category_settings_icon_size_normal_layout_5',
938 + [
939 + 'label' => esc_html__( 'Size', 'betterdocs' ),
940 + 'type' => Controls_Manager::SLIDER,
941 + 'size_units' => ['px', '%', 'em'],
942 + 'range' => [
943 + 'px' => [
944 + 'max' => 500
945 + ]
946 + ],
947 + 'selectors' => [
948 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};',
949 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon svg' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};',
950 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title .betterdocs-folder-icon.arrow-right svg' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};',
951 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title .betterdocs-folder-icon.arrow-right' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};'
952 + ]
953 + ]
954 + );
955 +
956 + $this->start_controls_tabs( 'box_icon_styles_tab_layout_5' );
957 +
958 + // Normal State Tab
959 + $this->start_controls_tab(
960 + 'icon_normal_layout_5',
961 + ['label' => esc_html__( 'Normal', 'betterdocs' )]
962 + );
963 +
964 + $this->add_group_control(
965 + Group_Control_Background::get_type(),
966 + [
967 + 'name' => 'icon_background_normal_layout_5',
968 + 'types' => ['classic', 'gradient'],
969 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon',
970 + 'exclude' => [
971 + 'image'
972 + ]
973 + ]
974 + );
975 +
976 + $this->add_group_control(
977 + Group_Control_Border::get_type(),
978 + [
979 + 'name' => 'icon_border_normal_layout_5',
980 + 'label' => esc_html__( 'Border', 'betterdocs' ),
981 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon'
982 + ]
983 + );
984 +
985 + $this->add_responsive_control(
986 + 'icon_border_radius_normal_layout_5',
987 + [
988 + 'label' => esc_html__( 'Border Radius', 'betterdocs' ),
989 + 'type' => Controls_Manager::DIMENSIONS,
990 + 'size_units' => ['px', 'em', '%'],
991 + 'selectors' => [
992 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
993 + ]
994 + ]
995 + );
996 +
997 + $this->add_responsive_control(
998 + 'icon_padding_layout_5',
999 + [
1000 + 'label' => esc_html__( 'Padding', 'betterdocs' ),
1001 + 'type' => Controls_Manager::DIMENSIONS,
1002 + 'size_units' => ['px', 'em', '%'],
1003 + 'selectors' => [
1004 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1005 + ]
1006 + ]
1007 + );
1008 +
1009 + $this->add_responsive_control(
1010 + 'icon_spacing_layout_5',
1011 + [
1012 + 'label' => esc_html__( 'Margin', 'betterdocs' ),
1013 + 'type' => Controls_Manager::DIMENSIONS,
1014 + 'size_units' => ['px', 'em', '%'],
1015 + 'allowed_dimensions' => [
1016 + 'top',
1017 + 'bottom'
1018 + ],
1019 + 'selectors' => [
1020 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon' => 'margin: {{TOP}}{{UNIT}} auto {{BOTTOM}}{{UNIT}} auto;'
1021 + ]
1022 + ]
1023 + );
1024 +
1025 + $this->end_controls_tab();
1026 +
1027 + // Hover State Tab
1028 + $this->start_controls_tab(
1029 + 'icon_hover_layout_5',
1030 + ['label' => esc_html__( 'Hover', 'betterdocs' )]
1031 + );
1032 +
1033 + $this->add_group_control(
1034 + Group_Control_Border::get_type(),
1035 + [
1036 + 'name' => 'icon_border_hover_layout_5',
1037 + 'label' => esc_html__( 'Border', 'betterdocs' ),
1038 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon:hover'
1039 + ]
1040 + );
1041 +
1042 + $this->add_responsive_control(
1043 + 'icon_border_radius_hover_layout_5',
1044 + [
1045 + 'label' => esc_html__( 'Border Radius', 'betterdocs' ),
1046 + 'type' => Controls_Manager::DIMENSIONS,
1047 + 'size_units' => ['px', 'em', '%'],
1048 + 'selectors' => [
1049 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1050 + ]
1051 +
1052 + ]
1053 + );
1054 +
1055 + $this->add_control(
1056 + 'category_settings_icon_size_transition_layout_5',
1057 + [
1058 + 'label' => __( 'Transition', 'betterdocs' ),
1059 + 'type' => Controls_Manager::SLIDER,
1060 + 'default' => [
1061 + 'size' => 300,
1062 + 'unit' => '%'
1063 + ],
1064 + 'size_units' => ['%'],
1065 + 'range' => [
1066 + '%' => [
1067 + 'max' => 2500,
1068 + 'step' => 1
1069 + ]
1070 + ],
1071 + 'selectors' => [
1072 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon' => 'transition: {{SIZE}}ms;'
1073 + ]
1074 + ]
1075 + );
1076 +
1077 + $this->end_controls_tab();
1078 +
1079 + $this->end_controls_tabs();
1080 +
1081 + $this->end_controls_section(); # end of 'Icon Styles'
1082 + }
1083 +
736 1084 public function title_style() {
737 1085 /**
738 1086 * ----------------------------------------------------------
739 1087 * Section: Title Styles
@@ -741,10 +1089,13 @@
741 1089 */
742 1090 $this->start_controls_section(
743 1091 'section_box_title_styles',
744 1092 [
745 - 'label' => __( 'Title', 'betterdocs' ),
746 - 'tab' => Controls_Manager::TAB_STYLE
1093 + 'label' => __( 'Title', 'betterdocs' ),
1094 + 'tab' => Controls_Manager::TAB_STYLE,
1095 + 'condition' => [
1096 + 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-6']
1097 + ]
747 1098 ]
748 1099 );
749 1100
750 1101 $this->start_controls_tabs( 'box_title_styles_tab' );
@@ -760,10 +1111,10 @@
760 1111 [
761 1112 'label' => esc_html__( 'Color', 'betterdocs' ),
762 1113 'type' => Controls_Manager::COLOR,
763 1114 'selectors' => [
764 - '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a)' => 'color: {{VALUE}};'
765 - ]
1115 + '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar-layout-8 .betterdocs-category-title' => 'color: {{VALUE}};'
1116 + ],
766 1117 ]
767 1118 );
768 1119
769 1120 $this->add_group_control(
@@ -768,11 +1119,11 @@
768 1119
769 1120 $this->add_group_control(
770 1121 Group_Control_Background::get_type(),
771 1122 [
772 - 'name' => 'card_bg_normal_header',
773 - 'types' => ['classic', 'gradient'],
774 - 'selector' => '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-header, {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header'
1123 + 'name' => 'card_bg_normal_header',
1124 + 'types' => ['classic', 'gradient'],
1125 + 'selector' => '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-header, {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header',
775 1126 ]
776 1127 );
777 1128
778 1129 $this->add_group_control(
@@ -778,9 +1129,9 @@
778 1129 $this->add_group_control(
779 1130 Group_Control_Typography::get_type(),
780 1131 [
781 1132 'name' => 'cat_title_typography_normal',
782 - 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a)'
1133 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar-layout-8 .betterdocs-category-title'
783 1134 ]
784 1135 );
785 1136
786 1137 $this->add_responsive_control(
@@ -789,9 +1140,9 @@
789 1140 'label' => __( 'Margin', 'betterdocs' ),
790 1141 'type' => Controls_Manager::DIMENSIONS,
791 1142 'size_units' => ['px', '%', 'em'],
792 1143 'selectors' => [
793 - '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title a, {{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-title:not(a)' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1144 + '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title a, {{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar-layout-8 .betterdocs-category-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
794 1145 ]
795 1146 ]
796 1147 );
797 1148
@@ -801,9 +1152,9 @@
801 1152 'label' => __( 'Padding', 'betterdocs' ),
802 1153 'type' => Controls_Manager::DIMENSIONS,
803 1154 'size_units' => ['px', '%', 'em'],
804 1155 'selectors' => [
805 - '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title a, {{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-title:not(a)' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1156 + '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title a, {{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar-layout-8 .betterdocs-category-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
806 1157 ]
807 1158 ]
808 1159 );
809 1160
@@ -820,9 +1171,9 @@
820 1171 [
821 1172 'label' => esc_html__( 'Color', 'betterdocs' ),
822 1173 'type' => Controls_Manager::COLOR,
823 1174 'selectors' => [
824 - '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header:hover .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header:hover .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header:hover .betterdocs-category-title:not(a)' => 'color: {{VALUE}};'
1175 + '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header:hover .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header:hover .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header:hover .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar-layout-8 .betterdocs-category-title:hover' => 'color: {{VALUE}};'
825 1176 ]
826 1177 ]
827 1178 );
828 1179
@@ -879,14 +1230,14 @@
879 1230
880 1231 $this->add_group_control(
881 1232 Group_Control_Background::get_type(),
882 1233 [
883 - 'name' => 'card_bg_active_header',
884 - 'types' => ['classic', 'gradient'],
885 - 'selector' => '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.active .betterdocs-category-header',
886 - 'exclude' => [
1234 + 'name' => 'card_bg_active_header',
1235 + 'types' => ['classic', 'gradient'],
1236 + 'selector' => '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.active .betterdocs-category-header',
1237 + 'exclude' => [
887 1238 'image'
888 - ]
1239 + ],
889 1240 ]
890 1241 );
891 1242
892 1243 $this->add_control(
@@ -893,9 +1244,9 @@
893 1244 'cat_title_active_border_color',
894 1245 [
895 1246 'label' => esc_html__( 'Border Color', 'betterdocs' ),
896 1247 'type' => Controls_Manager::COLOR,
897 - 'default' => '#5a94ff',
1248 + 'default' => '#5a94ff',
898 1249 'selectors' => [
899 1250 '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header' => 'border-color: {{VALUE}};'
900 1251 ],
901 1252 'condition' => [
@@ -910,8 +1261,178 @@
910 1261
911 1262 $this->end_controls_section(); # end of 'Icon Styles'
912 1263 }
913 1264
1265 + public function title_style_layout_5() {
1266 + /**
1267 + * ----------------------------------------------------------
1268 + * Section: Title Styles
1269 + * ----------------------------------------------------------
1270 + */
1271 + $this->start_controls_section(
1272 + 'section_box_title_styles_layout_5',
1273 + [
1274 + 'label' => __( 'Title', 'betterdocs' ),
1275 + 'tab' => Controls_Manager::TAB_STYLE,
1276 + 'condition' => [
1277 + 'betterdocs_sidebar_layout' => ['layout-5']
1278 + ]
1279 + ]
1280 + );
1281 +
1282 + $this->start_controls_tabs( 'box_title_styles_tab_layout_5' );
1283 +
1284 + // Normal State Tab
1285 + $this->start_controls_tab(
1286 + 'title_normal_layout_5',
1287 + ['label' => esc_html__( 'Normal', 'betterdocs' )]
1288 + );
1289 +
1290 + $this->add_control(
1291 + 'cat_title_color_normal_layout_5',
1292 + [
1293 + 'label' => esc_html__( 'Color', 'betterdocs' ),
1294 + 'type' => Controls_Manager::COLOR,
1295 + 'selectors' => [
1296 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title' => 'color: {{VALUE}};',
1297 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a' => 'color: {{VALUE}};'
1298 + ],
1299 + 'default' => '#344054'
1300 + ]
1301 + );
1302 +
1303 + $this->add_group_control(
1304 + Group_Control_Background::get_type(),
1305 + [
1306 + 'name' => 'card_bg_normal_header_layout_5',
1307 + 'types' => ['classic', 'gradient'],
1308 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header',
1309 + ]
1310 + );
1311 +
1312 + $this->add_group_control(
1313 + Group_Control_Typography::get_type(),
1314 + [
1315 + 'name' => 'cat_title_typography_normal_layout_5',
1316 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a'
1317 + ]
1318 + );
1319 +
1320 + $this->add_responsive_control(
1321 + 'title_spacing_layout_5',
1322 + [
1323 + 'label' => __( 'Margin', 'betterdocs' ),
1324 + 'type' => Controls_Manager::DIMENSIONS,
1325 + 'size_units' => ['px', '%', 'em'],
1326 + 'selectors' => [
1327 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1328 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1329 + ]
1330 + ]
1331 + );
1332 +
1333 + $this->add_responsive_control(
1334 + 'title_padding_layout_5',
1335 + [
1336 + 'label' => __( 'Padding', 'betterdocs' ),
1337 + 'type' => Controls_Manager::DIMENSIONS,
1338 + 'size_units' => ['px', '%', 'em'],
1339 + 'selectors' => [
1340 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1341 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1342 + ]
1343 + ]
1344 + );
1345 +
1346 + $this->end_controls_tab();
1347 +
1348 + // Hover State Tab
1349 + $this->start_controls_tab(
1350 + 'title_hover_layout_5',
1351 + ['label' => esc_html__( 'Hover', 'betterdocs' )]
1352 + );
1353 +
1354 + $this->add_control(
1355 + 'cat_title_color_hover_layout_5',
1356 + [
1357 + 'label' => esc_html__( 'Color', 'betterdocs' ),
1358 + 'type' => Controls_Manager::COLOR,
1359 + 'selectors' => [
1360 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:hover, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a:hover' => 'color: {{VALUE}};'
1361 + ]
1362 + ]
1363 + );
1364 +
1365 + $this->add_group_control(
1366 + Group_Control_Background::get_type(),
1367 + [
1368 + 'name' => 'card_bg_hover_header_layout_5',
1369 + 'types' => ['classic', 'gradient'],
1370 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner:hover, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title:hover, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header:hover',
1371 + ]
1372 + );
1373 +
1374 + $this->add_control(
1375 + 'category_title_transition_layout_5',
1376 + [
1377 + 'label' => __( 'Transition', 'betterdocs' ),
1378 + 'type' => Controls_Manager::SLIDER,
1379 + 'default' => [
1380 + 'size' => 300,
1381 + 'unit' => '%'
1382 + ],
1383 + 'size_units' => ['%'],
1384 + 'range' => [
1385 + '%' => [
1386 + 'max' => 2500,
1387 + 'step' => 1
1388 + ]
1389 + ],
1390 + 'selectors' => [
1391 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title' => 'transition: {{SIZE}}ms;'
1392 + ]
1393 + ]
1394 + );
1395 +
1396 + $this->end_controls_tab();
1397 +
1398 + $this->end_controls_tab();
1399 +
1400 + $this->start_controls_tab(
1401 + 'card_active_layout_5',
1402 + ['label' => esc_html__( 'Active', 'betterdocs' )]
1403 + );
1404 +
1405 + $this->add_control(
1406 + 'cat_title_active_color_layout_5',
1407 + [
1408 + 'label' => esc_html__( 'Color', 'betterdocs' ),
1409 + 'type' => Controls_Manager::COLOR,
1410 + 'selectors' => [
1411 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.show .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title' => 'color: {{VALUE}};'
1412 + ]
1413 + ]
1414 + );
1415 +
1416 + $this->add_group_control(
1417 + Group_Control_Background::get_type(),
1418 + [
1419 + 'name' => 'card_bg_active_header_layout_5',
1420 + 'types' => ['classic', 'gradient'],
1421 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.show .betterdocs-single-category-inner .betterdocs-category-header',
1422 + 'exclude' => [
1423 + 'image'
1424 + ]
1425 + ]
1426 + );
1427 +
1428 + $this->end_controls_tab();
1429 +
1430 + $this->end_controls_tabs();
1431 +
1432 + $this->end_controls_section(); # end of 'Icon Styles'
1433 + }
1434 +
914 1435 public function count_style() {
915 1436 /**
916 1437 * ----------------------------------------------------------
917 1438 * Section: Count Styles
@@ -919,10 +1440,13 @@
919 1440 */
920 1441 $this->start_controls_section(
921 1442 'section_box_count_styles',
922 1443 [
923 - 'label' => __( 'Count', 'betterdocs' ),
924 - 'tab' => Controls_Manager::TAB_STYLE
1444 + 'label' => __( 'Count', 'betterdocs' ),
1445 + 'tab' => Controls_Manager::TAB_STYLE,
1446 + 'condition' => [
1447 + 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4']
1448 + ]
925 1449 ]
926 1450 );
927 1451
928 1452 $this->add_group_control(
@@ -947,9 +1471,10 @@
947 1471 'label' => esc_html__( 'Text Color', 'betterdocs' ),
948 1472 'type' => Controls_Manager::COLOR,
949 1473 'selectors' => [
950 1474 '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span' => 'color: {{VALUE}};'
951 - ]
1475 + ],
1476 + 'default' => '#ffffff'
952 1477 ]
953 1478 );
954 1479
955 1480 $this->add_group_control(
@@ -954,12 +1479,12 @@
954 1479
955 1480 $this->add_group_control(
956 1481 Group_Control_Background::get_type(),
957 1482 [
958 - 'name' => 'count_box_bg',
959 - 'types' => ['classic', 'gradient'],
960 - 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts',
961 - 'exclude' => [
1483 + 'name' => 'count_box_bg',
1484 + 'types' => ['classic', 'gradient'],
1485 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts',
1486 + 'exclude' => [
962 1487 'image'
963 1488 ]
964 1489 ]
965 1490 );
@@ -1022,32 +1547,32 @@
1022 1547 ]
1023 1548 );
1024 1549
1025 1550 $this->add_control(
1026 - 'second_color_seperator',
1027 - [
1028 - 'label' => esc_html__( 'Second Color', 'textdomain' ),
1029 - 'type' => \Elementor\Controls_Manager::HEADING,
1030 - 'separator' => 'before',
1551 + 'second_color_seperator',
1552 + [
1553 + 'label' => esc_html__( 'Second Color', 'betterdocs' ),
1554 + 'type' => \Elementor\Controls_Manager::HEADING,
1555 + 'separator' => 'before',
1031 1556 'condition' => [
1032 1557 'betterdocs_sidebar_layout' => 'layout-1'
1033 1558 ]
1034 - ]
1035 - );
1559 + ]
1560 + );
1036 1561
1037 1562 $this->add_group_control(
1038 1563 Group_Control_Background::get_type(),
1039 1564 [
1040 - 'name' => 'count_box_bg_second',
1041 - 'types' => ['classic', 'gradient'],
1042 - 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span',
1043 - 'exclude' => [
1565 + 'name' => 'count_box_bg_second',
1566 + 'types' => ['classic', 'gradient'],
1567 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span',
1568 + 'exclude' => [
1044 1569 'image'
1045 1570 ],
1046 1571 'condition' => [
1047 1572 'betterdocs_sidebar_layout' => 'layout-1'
1048 1573 ]
1049 - ],
1574 + ]
1050 1575 );
1051 1576
1052 1577 $this->end_controls_tab();
1053 1578
@@ -1075,9 +1600,9 @@
1075 1600 'types' => ['classic', 'gradient'],
1076 1601 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover',
1077 1602 'exclude' => [
1078 1603 'image'
1079 - ],
1604 + ]
1080 1605 ]
1081 1606 );
1082 1607
1083 1608 $this->add_group_control(
@@ -1134,32 +1659,247 @@
1134 1659 ]
1135 1660 );
1136 1661
1137 1662 $this->add_control(
1138 - 'hover_second_color_seperator',
1139 - [
1140 - 'label' => esc_html__( 'Second Color', 'textdomain' ),
1141 - 'type' => \Elementor\Controls_Manager::HEADING,
1142 - 'separator' => 'before',
1663 + 'hover_second_color_seperator',
1664 + [
1665 + 'label' => esc_html__( 'Second Color', 'betterdocs' ),
1666 + 'type' => \Elementor\Controls_Manager::HEADING,
1667 + 'separator' => 'before',
1143 1668 'condition' => [
1144 1669 'betterdocs_sidebar_layout' => 'layout-1'
1145 1670 ]
1146 - ]
1147 - );
1671 + ]
1672 + );
1148 1673
1149 1674 $this->add_group_control(
1150 1675 Group_Control_Background::get_type(),
1151 1676 [
1152 - 'name' => 'count_box_bg_second_hover',
1677 + 'name' => 'count_box_bg_second_hover',
1678 + 'types' => ['classic', 'gradient'],
1679 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover span',
1680 + 'exclude' => [
1681 + 'image'
1682 + ],
1683 + 'condition' => [
1684 + 'betterdocs_sidebar_layout' => 'layout-1'
1685 + ]
1686 + ]
1687 + );
1688 +
1689 + $this->end_controls_tab();
1690 +
1691 + $this->end_controls_tabs();
1692 +
1693 + $this->end_controls_section(); # end of 'Count Styles'
1694 + }
1695 +
1696 + public function count_style_layout_5() {
1697 + /**
1698 + * ----------------------------------------------------------
1699 + * Section: Count Styles
1700 + * ----------------------------------------------------------
1701 + */
1702 + $this->start_controls_section(
1703 + 'section_box_count_styles_layout_5',
1704 + [
1705 + 'label' => __( 'Count', 'betterdocs' ),
1706 + 'tab' => Controls_Manager::TAB_STYLE,
1707 + 'condition' => [
1708 + 'betterdocs_sidebar_layout' => ['layout-5']
1709 + ]
1710 + ]
1711 + );
1712 +
1713 + $this->add_group_control(
1714 + Group_Control_Typography::get_type(),
1715 + [
1716 + 'name' => 'count_typography_normal_layout_5',
1717 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span'
1718 + ]
1719 + );
1720 +
1721 + $this->start_controls_tabs( 'box_count_styles_tab_layout_5' );
1722 +
1723 + // Normal State Tab
1724 + $this->start_controls_tab(
1725 + 'count_normal_layout_5',
1726 + ['label' => esc_html__( 'Normal', 'betterdocs' )]
1727 + );
1728 +
1729 + $this->add_control(
1730 + 'count_color_normal_layout_5',
1731 + [
1732 + 'label' => esc_html__( 'Text Color', 'betterdocs' ),
1733 + 'type' => Controls_Manager::COLOR,
1734 + 'selectors' => [
1735 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span' => 'color: {{VALUE}};'
1736 + ],
1737 + 'default' => ''
1738 + ]
1739 + );
1740 +
1741 + $this->add_group_control(
1742 + Group_Control_Background::get_type(),
1743 + [
1744 + 'name' => 'count_box_bg_layout_5',
1745 + 'types' => ['classic', 'gradient'],
1746 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span',
1747 + 'exclude' => [
1748 + 'image'
1749 + ],
1750 + 'fields_options' => [
1751 + 'background' => [
1752 + 'default' => 'classic'
1753 + ],
1754 + 'color' => [
1755 + 'default' => ''
1756 + ]
1757 + ]
1758 + ]
1759 + );
1760 +
1761 + $this->add_group_control(
1762 + Group_Control_Border::get_type(),
1763 + [
1764 + 'name' => 'count_box_border_layout_5',
1765 + 'label' => esc_html__( 'Border', 'betterdocs' ),
1766 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts'
1767 + ]
1768 + );
1769 +
1770 + $this->add_responsive_control(
1771 + 'count_box_border_radius_layout_5',
1772 + [
1773 + 'label' => esc_html__( 'Border Radius', 'betterdocs' ),
1774 + 'type' => Controls_Manager::DIMENSIONS,
1775 + 'size_units' => ['px', 'em', '%'],
1776 + 'selectors' => [
1777 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1778 + ]
1779 + ]
1780 + );
1781 +
1782 + $this->add_group_control(
1783 + Group_Control_Box_Shadow::get_type(),
1784 + [
1785 + 'name' => 'count_box_box_shadow_layout_5',
1786 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts'
1787 + ]
1788 + );
1789 +
1790 + $this->add_responsive_control(
1791 + 'count_box_size_layout_5',
1792 + [
1793 + 'label' => esc_html__( 'Size', 'betterdocs' ),
1794 + 'type' => Controls_Manager::SLIDER,
1795 + 'size_units' => ['px', '%', 'em'],
1796 + 'range' => [
1797 + 'px' => [
1798 + 'max' => 500
1799 + ]
1800 + ],
1801 + 'selectors' => [
1802 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span' => 'height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}};'
1803 + ]
1804 + ]
1805 + );
1806 +
1807 + $this->add_responsive_control(
1808 + 'count_spacing_layout_5',
1809 + [
1810 + 'label' => __( 'Spacing', 'betterdocs' ),
1811 + 'type' => Controls_Manager::DIMENSIONS,
1812 + 'size_units' => ['px', '%', 'em'],
1813 + 'selectors' => [
1814 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1815 + ]
1816 + ]
1817 + );
1818 +
1819 + $this->end_controls_tab();
1820 +
1821 + // Hover State Tab
1822 + $this->start_controls_tab(
1823 + 'count_hover_layout_5',
1824 + ['label' => esc_html__( 'Hover', 'betterdocs' )]
1825 + );
1826 +
1827 + $this->add_control(
1828 + 'count_color_hover_layout_5',
1829 + [
1830 + 'label' => esc_html__( 'Text Color', 'betterdocs' ),
1831 + 'type' => Controls_Manager::COLOR,
1832 + 'selectors' => [
1833 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span:hover' => 'color: {{VALUE}};'
1834 + ]
1835 + ]
1836 + );
1837 +
1838 + $this->add_group_control(
1839 + Group_Control_Background::get_type(),
1840 + [
1841 + 'name' => 'count_box_bg_hover_layout_5',
1153 1842 'types' => ['classic', 'gradient'],
1154 - 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover span',
1843 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span:hover',
1155 1844 'exclude' => [
1156 1845 'image'
1846 + ]
1847 + ]
1848 + );
1849 +
1850 + $this->add_group_control(
1851 + Group_Control_Border::get_type(),
1852 + [
1853 + 'name' => 'count_box_border_hover_layout_5',
1854 + 'label' => esc_html__( 'Border', 'betterdocs' ),
1855 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover'
1856 +
1857 + ]
1858 + );
1859 +
1860 + $this->add_responsive_control(
1861 + 'count_box_border_radius_hover_layout_5',
1862 + [
1863 + 'label' => esc_html__( 'Border Radius', 'betterdocs' ),
1864 + 'type' => Controls_Manager::DIMENSIONS,
1865 + 'size_units' => ['px', 'em', '%'],
1866 + 'selectors' => [
1867 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1868 + ]
1869 +
1870 + ]
1871 + );
1872 +
1873 + $this->add_group_control(
1874 + Group_Control_Box_Shadow::get_type(),
1875 + [
1876 + 'name' => 'count_box_box_shadow_hover_layout_5',
1877 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover'
1878 + ]
1879 + );
1880 +
1881 + $this->add_control(
1882 + 'category_count_transition_layout_5',
1883 + [
1884 + 'label' => __( 'Transition', 'betterdocs' ),
1885 + 'type' => Controls_Manager::SLIDER,
1886 + 'default' => [
1887 + 'size' => 300,
1888 + 'unit' => '%'
1157 1889 ],
1158 - 'condition' => [
1159 - 'betterdocs_sidebar_layout' => 'layout-1'
1890 + 'size_units' => ['%'],
1891 + 'range' => [
1892 + '%' => [
1893 + 'max' => 2500,
1894 + 'step' => 1
1895 + ]
1896 + ],
1897 + 'selectors' => [
1898 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts' => 'transition: {{SIZE}}ms;'
1899 +
1160 1900 ]
1161 - ],
1901 + ]
1162 1902 );
1163 1903
1164 1904 $this->end_controls_tab();
1165 1905
@@ -1176,10 +1916,13 @@
1176 1916 */
1177 1917 $this->start_controls_section(
1178 1918 'section_article_settings',
1179 1919 [
1180 - 'label' => __( 'Category List', 'betterdocs' ),
1181 - 'tab' => Controls_Manager::TAB_STYLE
1920 + 'label' => __( 'Category List', 'betterdocs' ),
1921 + 'tab' => Controls_Manager::TAB_STYLE,
1922 + 'condition' => [
1923 + 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-6']
1924 + ]
1182 1925 ]
1183 1926 );
1184 1927
1185 1928 $this->add_group_control(
@@ -1185,9 +1928,9 @@
1185 1928 $this->add_group_control(
1186 1929 Group_Control_Typography::get_type(),
1187 1930 [
1188 1931 'name' => 'list_item_typography',
1189 - 'selector' => '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a'
1932 + 'selector' => '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a'
1190 1933 ]
1191 1934 );
1192 1935
1193 1936 $this->add_control(
@@ -1195,9 +1938,9 @@
1195 1938 [
1196 1939 'label' => esc_html__( 'Color', 'betterdocs' ),
1197 1940 'type' => Controls_Manager::COLOR,
1198 1941 'selectors' => [
1199 - '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a' => 'color: {{VALUE}};'
1942 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a' => 'color: {{VALUE}};'
1200 1943 ]
1201 1944 ]
1202 1945 );
1203 1946
@@ -1206,25 +1949,55 @@
1206 1949 [
1207 1950 'label' => esc_html__( 'Hover Color', 'betterdocs' ),
1208 1951 'type' => Controls_Manager::COLOR,
1209 1952 'selectors' => [
1210 - '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a:hover' => 'color: {{VALUE}};'
1953 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:focus' => 'color: {{VALUE}};'
1211 1954 ]
1212 1955 ]
1213 1956 );
1214 1957
1958 + $this->add_control(
1959 + 'list_hover_background_color',
1960 + [
1961 + 'label' => __( 'Hover Background Color', 'betterdocs' ),
1962 + 'type' => Controls_Manager::COLOR,
1963 + 'selectors' => [
1964 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:hover' => 'background-color: {{VALUE}};',
1965 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a.active' => 'background-color: {{VALUE}};',
1966 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:focus' => 'background-color: {{VALUE}};'
1967 + ],
1968 + 'condition' => [
1969 + 'betterdocs_sidebar_layout' => ['layout-6']
1970 + ]
1971 + ]
1972 + );
1973 +
1215 1974 $this->add_responsive_control(
1216 1975 'list_margin',
1217 1976 [
1218 - 'label' => esc_html__( 'List Item Spacing', 'betterdocs' ),
1977 + 'label' => esc_html__( 'List Item Margin', 'betterdocs' ),
1219 1978 'type' => Controls_Manager::DIMENSIONS,
1220 1979 'size_units' => ['px', 'em', '%'],
1221 1980 'selectors' => [
1222 - '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1981 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1982 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1223 1983 ]
1224 1984 ]
1225 1985 );
1226 1986
1987 + $this->add_responsive_control(
1988 + 'list_padding',
1989 + [
1990 + 'label' => __( 'List Item Padding', 'betterdocs' ),
1991 + 'type' => Controls_Manager::DIMENSIONS,
1992 + 'size_units' => ['px', '%', 'em'],
1993 + 'selectors' => [
1994 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1995 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1996 + ]
1997 + ]
1998 + );
1999 +
1227 2000 $this->add_responsive_control(
1228 2001 'list_area_padding',
1229 2002 [
1230 2003 'label' => esc_html__( 'List Area Padding', 'betterdocs' ),
@@ -1232,8 +2005,11 @@
1232 2005 'allowed_dimensions' => 'vertical',
1233 2006 'size_units' => ['px', 'em', '%'],
1234 2007 'selectors' => [
1235 2008 '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body' => 'padding-top: {{TOP}}{{UNIT}}; padding-bottom: {{BOTTOM}}{{UNIT}};'
2009 + ],
2010 + 'condition' => [
2011 + 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
1236 2012 ]
1237 2013 ]
1238 2014 );
1239 2015
@@ -1241,19 +2017,41 @@
1241 2017 'icon_settings_heading',
1242 2018 [
1243 2019 'label' => esc_html__( 'Icon', 'betterdocs' ),
1244 2020 'type' => Controls_Manager::HEADING,
1245 - 'separator' => 'before'
2021 + 'separator' => 'before',
2022 + 'condition' => [
2023 + 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
2024 + ]
1246 2025 ]
1247 2026 );
1248 2027
1249 2028 $this->add_control(
2029 + 'list_icon',
2030 + [
2031 + 'label' => __( 'Icon', 'betterdocs' ),
2032 + 'type' => Controls_Manager::ICONS,
2033 + 'default' => [
2034 + 'value' => 'far fa-file-alt',
2035 + 'library' => 'fa-regular'
2036 + ],
2037 + 'condition' => [
2038 + 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
2039 + ]
2040 + ]
2041 + );
2042 +
2043 + $this->add_control(
1250 2044 'list_icon_color',
1251 2045 [
1252 2046 'label' => esc_html__( 'Color', 'betterdocs' ),
1253 2047 'type' => Controls_Manager::COLOR,
1254 2048 'selectors' => [
1255 - '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg' => 'fill: {{VALUE}};'
2049 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg' => 'fill: {{VALUE}};',
2050 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li i' => 'color: {{VALUE}};'
2051 + ],
2052 + 'condition' => [
2053 + 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
1256 2054 ]
1257 2055 ]
1258 2056 );
1259 2057
@@ -1269,10 +2067,17 @@
1269 2067 'step' => 1
1270 2068 ]
1271 2069 ],
1272 2070 'selectors' => [
1273 - '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg' => 'width: {{SIZE}}{{UNIT}};',
1274 - '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li .betterdocs-nested-category-title svg' => 'font-size: {{SIZE}}{{UNIT}};'
2071 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg' => 'width: {{SIZE}}{{UNIT}};',
2072 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li .betterdocs-nested-category-title svg' => 'width: {{SIZE}}{{UNIT}};',
2073 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li i' => 'font-size: {{SIZE}}{{UNIT}};',
2074 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li .betterdocs-nested-category-title i' => 'font-size: {{SIZE}}{{UNIT}};',
2075 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li img' => 'width: {{SIZE}}{{UNIT}}; height:{{SIZE}}{{UNIT}};',
2076 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li .betterdocs-nested-category-title img' => 'width: {{SIZE}}{{UNIT}}; height:{{SIZE}}{{UNIT}};'
2077 + ],
2078 + 'condition' => [
2079 + 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
1275 2080 ]
1276 2081 ]
1277 2082 );
1278 2083
@@ -1282,9 +2087,13 @@
1282 2087 'label' => esc_html__( 'Spacing', 'betterdocs' ),
1283 2088 'type' => Controls_Manager::DIMENSIONS,
1284 2089 'size_units' => ['px', 'em', '%'],
1285 2090 'selectors' => [
1286 - '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
2091 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2092 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li i' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
2093 + ],
2094 + 'condition' => [
2095 + 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
1287 2096 ]
1288 2097 ]
1289 2098 );
1290 2099
@@ -1290,8 +2099,145 @@
1290 2099
1291 2100 $this->end_controls_section(); # end of 'Column Settings'
1292 2101 }
1293 2102
2103 + public function list_setting_layout_5() {
2104 + /**
2105 + * ----------------------------------------------------------
2106 + * Section: List Settinggs
2107 + * ----------------------------------------------------------
2108 + */
2109 + $this->start_controls_section(
2110 + 'section_article_settings_layout_5',
2111 + [
2112 + 'label' => __( 'Category List', 'betterdocs' ),
2113 + 'tab' => Controls_Manager::TAB_STYLE,
2114 + 'condition' => [
2115 + 'betterdocs_sidebar_layout' => ['layout-5']
2116 + ]
2117 + ]
2118 + );
2119 +
2120 + $this->add_group_control(
2121 + Group_Control_Typography::get_type(),
2122 + [
2123 + 'name' => 'list_item_typography_layout_5',
2124 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a'
2125 + ]
2126 + );
2127 +
2128 + $this->add_control(
2129 + 'list_color_layout_5',
2130 + [
2131 + 'label' => esc_html__( 'Color', 'betterdocs' ),
2132 + 'type' => Controls_Manager::COLOR,
2133 + 'selectors' => [
2134 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a' => 'color: {{VALUE}};'
2135 + ]
2136 + ]
2137 + );
2138 +
2139 + $this->add_control(
2140 + 'list_background_color_layout_5',
2141 + [
2142 + 'label' => esc_html__( 'Background Color', 'betterdocs' ),
2143 + 'type' => Controls_Manager::COLOR,
2144 + 'selectors' => [
2145 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a' => 'background-color: {{VALUE}};'
2146 + ]
2147 + ]
2148 + );
2149 +
2150 + $this->add_control(
2151 + 'list_outer_background_color_layout_5',
2152 + [
2153 + 'label' => esc_html__( 'Outer Background Color', 'betterdocs' ),
2154 + 'type' => Controls_Manager::COLOR,
2155 + 'default' => '#fff',
2156 + 'selectors' => [
2157 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner' => 'background-color: {{VALUE}};'
2158 + ]
2159 + ]
2160 + );
2161 +
2162 + $this->add_control(
2163 + 'list_background_hover_color_layout_5',
2164 + [
2165 + 'label' => esc_html__( 'Background Hover Color', 'betterdocs' ),
2166 + 'type' => Controls_Manager::COLOR,
2167 + 'selectors' => [
2168 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a:hover' => 'background-color: {{VALUE}};'
2169 + ]
2170 + ]
2171 + );
2172 +
2173 + $this->add_control(
2174 + 'list_hover_color_layout_5',
2175 + [
2176 + 'label' => esc_html__( 'Hover Color', 'betterdocs' ),
2177 + 'type' => Controls_Manager::COLOR,
2178 + 'selectors' => [
2179 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a:hover' => 'color: {{VALUE}};'
2180 + ]
2181 + ]
2182 + );
2183 +
2184 + $this->add_responsive_control(
2185 + 'list_margin_layout_5',
2186 + [
2187 + 'label' => esc_html__( 'List Item Spacing', 'betterdocs' ),
2188 + 'type' => Controls_Manager::DIMENSIONS,
2189 + 'size_units' => ['px', 'em', '%'],
2190 + 'selectors' => [
2191 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
2192 + ]
2193 + ]
2194 + );
2195 +
2196 + $this->add_responsive_control(
2197 + 'list_area_padding_layout_5',
2198 + [
2199 + 'label' => esc_html__( 'List Area Padding', 'betterdocs' ),
2200 + 'type' => Controls_Manager::DIMENSIONS,
2201 + 'allowed_dimensions' => 'vertical',
2202 + 'size_units' => ['px', 'em', '%'],
2203 + 'selectors' => [
2204 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a' => 'padding-top: {{TOP}}{{UNIT}}; padding-bottom: {{BOTTOM}}{{UNIT}};'
2205 + ]
2206 + ]
2207 + );
2208 +
2209 + $this->add_control(
2210 + 'list_border_color_layout_5',
2211 + [
2212 + 'label' => esc_html__( 'Active Border Color', 'betterdocs' ),
2213 + 'type' => Controls_Manager::COLOR,
2214 + 'selectors' => [
2215 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.active.default.show:before' => 'background: {{VALUE}};'
2216 + ]
2217 + ]
2218 + );
2219 +
2220 + $this->add_responsive_control(
2221 + 'list_border_width_layout_5',
2222 + [
2223 + 'label' => esc_html__( 'Active Border Width', 'betterdocs' ),
2224 + 'type' => Controls_Manager::SLIDER,
2225 + 'size_units' => ['px', '%', 'em'],
2226 + 'range' => [
2227 + 'px' => [
2228 + 'max' => 500
2229 + ]
2230 + ],
2231 + 'selectors' => [
2232 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.active.default.show:before' => 'width: {{SIZE}}{{UNIT}};'
2233 + ]
2234 + ]
2235 + );
2236 +
2237 + $this->end_controls_section(); # end of 'Column Settings'
2238 + }
2239 +
1294 2240 /**
1295 2241 * ----------------------------------------------------------
1296 2242 * Section: Sub List Settinggs
1297 2243 * ----------------------------------------------------------
@@ -1300,10 +2246,13 @@
1300 2246
1301 2247 $this->start_controls_section(
1302 2248 'section_sub_list_settings',
1303 2249 [
1304 - 'label' => __( 'Sub-Category List', 'betterdocs' ),
1305 - 'tab' => Controls_Manager::TAB_STYLE
2250 + 'label' => __( 'Sub-Category List', 'betterdocs' ),
2251 + 'tab' => Controls_Manager::TAB_STYLE,
2252 + 'condition' => [
2253 + 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-6']
2254 + ]
1306 2255 ]
1307 2256 );
1308 2257
1309 2258 $this->add_group_control(
@@ -1309,9 +2258,9 @@
1309 2258 $this->add_group_control(
1310 2259 Group_Control_Typography::get_type(),
1311 2260 [
1312 2261 'name' => 'sub_list_item_typography',
1313 - 'selector' => '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list li a'
2262 + 'selector' => '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list li a, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a'
1314 2263 ]
1315 2264 );
1316 2265
1317 2266 $this->add_control(
@@ -1319,9 +2268,9 @@
1319 2268 [
1320 2269 'label' => esc_html__( 'Color', 'betterdocs' ),
1321 2270 'type' => Controls_Manager::COLOR,
1322 2271 'selectors' => [
1323 - '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list a' => 'color: {{VALUE}};'
2272 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list a, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a' => 'color: {{VALUE}};'
1324 2273 ]
1325 2274 ]
1326 2275 );
1327 2276
@@ -1330,9 +2279,9 @@
1330 2279 [
1331 2280 'label' => esc_html__( 'Hover Color', 'betterdocs' ),
1332 2281 'type' => Controls_Manager::COLOR,
1333 2282 'selectors' => [
1334 - '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list a:hover' => 'color: {{VALUE}};'
2283 + '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list a:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:focus' => 'color: {{VALUE}};'
1335 2284 ]
1336 2285 ]
1337 2286 );
1338 2287
@@ -1375,8 +2324,577 @@
1375 2324
1376 2325 $this->end_controls_section(); # end of 'Column Settings'
1377 2326 }
1378 2327
2328 + public function sub_list_setting_layout_5() {
2329 + $this->start_controls_section(
2330 + 'section_sub_list_settings_layout_5',
2331 + [
2332 + 'label' => __( 'Sub-Category List', 'betterdocs' ),
2333 + 'tab' => Controls_Manager::TAB_STYLE,
2334 + 'condition' => [
2335 + 'betterdocs_sidebar_layout' => ['layout-5']
2336 + ]
2337 + ]
2338 + );
2339 +
2340 + $this->add_group_control(
2341 + Group_Control_Typography::get_type(),
2342 + [
2343 + 'name' => 'sub_list_item_typography_layout_5',
2344 + 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a'
2345 + ]
2346 + );
2347 +
2348 + $this->add_control(
2349 + 'sub_list_color_layout_5',
2350 + [
2351 + 'label' => esc_html__( 'Color', 'betterdocs' ),
2352 + 'type' => Controls_Manager::COLOR,
2353 + 'selectors' => [
2354 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a' => 'color: {{VALUE}};'
2355 + ]
2356 + ]
2357 + );
2358 +
2359 + $this->add_control(
2360 + 'sub_list_hover_color_layout_5',
2361 + [
2362 + 'label' => esc_html__( 'Hover Color', 'betterdocs' ),
2363 + 'type' => Controls_Manager::COLOR,
2364 + 'selectors' => [
2365 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a:hover' => 'color: {{VALUE}};'
2366 + ]
2367 + ]
2368 + );
2369 +
2370 + $this->add_control(
2371 + 'sub_list_background_color_layout_5',
2372 + [
2373 + 'label' => esc_html__( 'Background Color', 'betterdocs' ),
2374 + 'type' => Controls_Manager::COLOR,
2375 + 'selectors' => [
2376 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a' => 'background-color: {{VALUE}};'
2377 + ]
2378 + ]
2379 + );
2380 +
2381 + $this->add_control(
2382 + 'sub_list_background_hover_color_layout_5',
2383 + [
2384 + 'label' => esc_html__( 'Background Hover Color', 'betterdocs' ),
2385 + 'type' => Controls_Manager::COLOR,
2386 + 'selectors' => [
2387 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a:hover' => 'background-color: {{VALUE}};'
2388 + ]
2389 + ]
2390 + );
2391 +
2392 + $this->add_responsive_control(
2393 + 'sub_list_margin_layout_5',
2394 + [
2395 + 'label' => esc_html__( 'List Item Spacing', 'betterdocs' ),
2396 + 'type' => Controls_Manager::DIMENSIONS,
2397 + 'size_units' => ['px', 'em', '%'],
2398 + 'selectors' => [
2399 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
2400 + ]
2401 + ]
2402 + );
2403 +
2404 + $this->add_responsive_control(
2405 + 'sub_list_area_padding_layout_5',
2406 + [
2407 + 'label' => esc_html__( 'List Area Padding', 'betterdocs' ),
2408 + 'type' => Controls_Manager::DIMENSIONS,
2409 + 'allowed_dimensions' => 'vertical',
2410 + 'size_units' => ['px', 'em', '%'],
2411 + 'selectors' => [
2412 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a' => 'padding-top: {{TOP}}{{UNIT}}; padding-bottom: {{BOTTOM}}{{UNIT}};'
2413 + ]
2414 + ]
2415 + );
2416 +
2417 + $this->add_responsive_control(
2418 + 'sub_list_icon_spacing_layout_5',
2419 + [
2420 + 'label' => esc_html__( 'Spacing', 'betterdocs' ),
2421 + 'type' => Controls_Manager::DIMENSIONS,
2422 + 'size_units' => ['px', 'em', '%'],
2423 + 'selectors' => [
2424 + '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
2425 + ]
2426 + ]
2427 + );
2428 +
2429 + $this->end_controls_section(); # end of 'Column Settings'
2430 + }
2431 +
2432 + public function sidebar_search_layout_5() {
2433 + $this->start_controls_section(
2434 + 'sidebar_search',
2435 + [
2436 + 'label' => __( 'Sidebar Search', 'betterdocs' ),
2437 + 'tab' => Controls_Manager::TAB_STYLE,
2438 + 'condition' => [
2439 + 'betterdocs_sidebar_layout' => ['layout-5']
2440 + ]
2441 + ]
2442 + );
2443 +
2444 + $this->add_group_control(
2445 + Group_Control_Typography::get_type(),
2446 + [
2447 + 'name' => 'sidebar_search_typography',
2448 + 'selector' => '{{WRAPPER}} betterdocs-search-popup .betterdocs-searchform .betterdocs-searchform-input-wrap .betterdocs-search-command'
2449 + ]
2450 + );
2451 +
2452 + $this->add_control(
2453 + 'sidebar_search_color',
2454 + [
2455 + 'label' => esc_html__( 'Color', 'betterdocs' ),
2456 + 'type' => Controls_Manager::COLOR,
2457 + 'selectors' => [
2458 + '{{WRAPPER}} .betterdocs-search-popup .betterdocs-searchform .betterdocs-searchform-input-wrap .betterdocs-search-command' => 'color: {{VALUE}};'
2459 + ]
2460 + ]
2461 + );
2462 +
2463 + $this->add_control(
2464 + 'sidebar_search_background_color',
2465 + [
2466 + 'label' => esc_html__( 'Background Color', 'betterdocs' ),
2467 + 'type' => Controls_Manager::COLOR,
2468 + 'default' => '#f9fafb',
2469 + 'selectors' => [
2470 + '{{WRAPPER}} .betterdocs-live-search.betterdocs-search-popup .betterdocs-searchform' => 'background-color: {{VALUE}};'
2471 + ]
2472 + ]
2473 + );
2474 +
2475 + $this->add_responsive_control(
2476 + 'sidebar_search_icon_size',
2477 + [
2478 + 'label' => esc_html__( 'Size', 'betterdocs' ),
2479 + 'type' => Controls_Manager::SLIDER,
2480 + 'size_units' => ['px', '%', 'em'],
2481 + 'range' => [
2482 + 'px' => [
2483 + 'max' => 500
2484 + ]
2485 + ],
2486 + 'selectors' => [
2487 + '{{WRAPPER}} .betterdocs-search-popup .betterdocs-searchform .betterdocs-searchform-input-wrap svg' => 'height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}};'
2488 + ]
2489 + ]
2490 + );
2491 +
2492 + $this->end_controls_section();
2493 + }
2494 +
2495 + public function sidebar_search_modal_layout_5() {
2496 + $this->start_controls_section(
2497 + 'sidebar_search_modal',
2498 + [
2499 + 'label' => __( 'Sidebar Search Modal', 'betterdocs' ),
2500 + 'tab' => Controls_Manager::TAB_STYLE,
2501 + 'condition' => [
2502 + 'betterdocs_sidebar_layout' => ['layout-5']
2503 + ]
2504 + ]
2505 + );
2506 +
2507 + $this->add_control(
2508 + 'sidebar_search_modal_field',
2509 + [
2510 + 'label' => esc_html__( 'Search Field', 'betterdocs' ),
2511 + 'type' => \Elementor\Controls_Manager::HEADING,
2512 + 'separator' => 'before'
2513 + ]
2514 + );
2515 +
2516 + $this->add_responsive_control(
2517 + 'sidebar_search_magnifier_color',
2518 + [
2519 + 'label' => esc_html__( 'Magnifier Color', 'betterdocs' ),
2520 + 'type' => Controls_Manager::COLOR,
2521 + 'selectors' => [
2522 + '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header svg g path' => 'fill: {{VALUE}};'
2523 + ]
2524 + ]
2525 + );
2526 +
2527 + $this->add_responsive_control(
2528 + 'sidebar_search_field_background_color',
2529 + [
2530 + 'label' => esc_html__( 'Field Background Color', 'betterdocs' ),
2531 + 'type' => Controls_Manager::COLOR,
2532 + 'selectors' => [
2533 + '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap' => 'background-color: {{VALUE}};'
2534 + ]
2535 + ]
2536 + );
2537 +
2538 + $this->add_group_control(
2539 + Group_Control_Typography::get_type(),
2540 + [
2541 + 'name' => 'sidebar_search_modal_field_typography',
2542 + 'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap .betterdocs-search-field'
2543 + ]
2544 + );
2545 +
2546 + $this->add_responsive_control(
2547 + 'sidebar_search_modal_field_color',
2548 + [
2549 + 'label' => esc_html__( 'Field Color', 'betterdocs' ),
2550 + 'type' => Controls_Manager::COLOR,
2551 + 'selectors' => [
2552 + '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap .betterdocs-search-field' => 'color: {{VALUE}};'
2553 + ]
2554 + ]
2555 + );
2556 +
2557 + $this->add_responsive_control(
2558 + 'sidebar_search_modal_field_placeholder_color',
2559 + [
2560 + 'label' => esc_html__( 'Field Placeholder Color', 'betterdocs' ),
2561 + 'type' => Controls_Manager::COLOR,
2562 + 'selectors' => [
2563 + '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap .betterdocs-search-field::placeholder' => 'color: {{VALUE}};'
2564 + ]
2565 + ]
2566 + );
2567 +
2568 + $this->add_control(
2569 + 'sidebar_search_modal_category_section',
2570 + [
2571 + 'label' => esc_html__( 'Search Category', 'betterdocs' ),
2572 + 'type' => \Elementor\Controls_Manager::HEADING,
2573 + 'separator' => 'before'
2574 + ]
2575 + );
2576 +
2577 + $this->add_responsive_control(
2578 + 'sidebar_search_modal_categories_color',
2579 + [
2580 + 'label' => esc_html__( 'Color', 'betterdocs' ),
2581 + 'type' => Controls_Manager::COLOR,
2582 + 'selectors' => [
2583 + '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-select-option-wrapper .betterdocs-form-select' => 'color: {{VALUE}};'
2584 + ]
2585 + ]
2586 + );
2587 +
2588 + $this->add_group_control(
2589 + Group_Control_Typography::get_type(),
2590 + [
2591 + 'name' => 'sidebar_search_modal_categories_typography',
2592 + 'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-select-option-wrapper .betterdocs-form-select'
2593 + ]
2594 + );
2595 +
2596 + $this->add_control(
2597 + 'sidebar_search_modal_content_tabs',
2598 + [
2599 + 'label' => esc_html__( 'Content Tabs', 'betterdocs' ),
2600 + 'type' => \Elementor\Controls_Manager::HEADING,
2601 + 'separator' => 'before'
2602 + ]
2603 + );
2604 +
2605 + $this->add_group_control(
2606 + Group_Control_Typography::get_type(),
2607 + [
2608 + 'name' => 'sidebar_search_modal_content_tabs_typography',
2609 + 'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items span'
2610 + ]
2611 + );
2612 +
2613 + $this->add_control(
2614 + 'sidebar_search_modal_content_tabs_icon_size',
2615 + [
2616 + 'label' => __( 'Icon Size', 'betterdocs' ),
2617 + 'type' => Controls_Manager::SLIDER,
2618 + 'size_units' => ['px', '%'],
2619 + 'range' => [
2620 + 'px' => [
2621 + 'min' => 0,
2622 + 'max' => 1000,
2623 + 'step' => 5
2624 + ],
2625 + '%' => [
2626 + 'min' => 0,
2627 + 'max' => 100
2628 + ]
2629 + ],
2630 + 'selectors' => [
2631 + '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items span svg' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};'
2632 + ]
2633 + ]
2634 + );
2635 +
2636 + $this->add_group_control(
2637 + Group_Control_Border::get_type(),
2638 + [
2639 + 'name' => 'sidebar_search_modal_content_active_tab_border',
2640 + 'label' => esc_html__( 'Border', 'betterdocs' ),
2641 + 'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items.active'
2642 + ]
2643 + );
2644 +
2645 + $this->add_control(
2646 + 'sidebar_search_modal_content_list',
2647 + [
2648 + 'label' => esc_html__( 'Content List', 'betterdocs' ),
2649 + 'type' => \Elementor\Controls_Manager::HEADING,
2650 + 'separator' => 'before'
2651 + ]
2652 + );
2653 +
2654 + $this->add_group_control(
2655 + Group_Control_Typography::get_type(),
2656 + [
2657 + 'name' => 'sidebar_search_modal_content_list_typography',
2658 + 'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main h4'
2659 + ]
2660 + );
2661 +
2662 + $this->add_responsive_control(
2663 + 'sidebar_search_modal_content_list_color',
2664 + [
2665 + 'label' => esc_html__( 'Color', 'betterdocs' ),
2666 + 'type' => Controls_Manager::COLOR,
2667 + 'selectors' => [
2668 + '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main h4' => 'color: {{VALUE}};'
2669 + ]
2670 + ]
2671 + );
2672 +
2673 + $this->add_control(
2674 + 'sidebar_search_modal_content_list_icon_size',
2675 + [
2676 + 'label' => __( 'Icon Size', 'betterdocs' ),
2677 + 'type' => Controls_Manager::SLIDER,
2678 + 'size_units' => ['px', '%'],
2679 + 'range' => [
2680 + 'px' => [
2681 + 'min' => 0,
2682 + 'max' => 1000,
2683 + 'step' => 5
2684 + ],
2685 + '%' => [
2686 + 'min' => 0,
2687 + 'max' => 100
2688 + ]
2689 + ],
2690 + 'selectors' => [
2691 + '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main svg' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};'
2692 + ]
2693 + ]
2694 + );
2695 +
2696 + $this->add_group_control(
2697 + Group_Control_Border::get_type(),
2698 + [
2699 + 'name' => 'sidebar_search_modal_content_list_border',
2700 + 'label' => esc_html__( 'Border', 'betterdocs' ),
2701 + 'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list'
2702 + ]
2703 + );
2704 +
2705 + $this->add_control(
2706 + 'sidebar_search_modal_content_list_category',
2707 + [
2708 + 'label' => esc_html__( 'Content List Category', 'betterdocs' ),
2709 + 'type' => \Elementor\Controls_Manager::HEADING,
2710 + 'separator' => 'before'
2711 + ]
2712 + );
2713 +
2714 + $this->add_group_control(
2715 + Group_Control_Typography::get_type(),
2716 + [
2717 + 'name' => 'sidebar_search_modal_content_list_category_typography',
2718 + 'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub h5'
2719 + ]
2720 + );
2721 +
2722 + $this->add_responsive_control(
2723 + 'sidebar_search_modal_content_list_category_color',
2724 + [
2725 + 'label' => esc_html__( 'Color', 'betterdocs' ),
2726 + 'type' => Controls_Manager::COLOR,
2727 + 'selectors' => [
2728 + '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub h5' => 'color: {{VALUE}};'
2729 + ]
2730 + ]
2731 + );
2732 +
2733 + $this->add_control(
2734 + 'sidebar_search_modal_content_list_category_icon_size',
2735 + [
2736 + 'label' => __( 'Icon Size', 'betterdocs' ),
2737 + 'type' => Controls_Manager::SLIDER,
2738 + 'size_units' => ['px', '%'],
2739 + 'range' => [
2740 + 'px' => [
2741 + 'min' => 0,
2742 + 'max' => 1000,
2743 + 'step' => 5
2744 + ],
2745 + '%' => [
2746 + 'min' => 0,
2747 + 'max' => 100
2748 + ]
2749 + ],
2750 + 'selectors' => [
2751 + '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub svg' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};'
2752 + ]
2753 + ]
2754 + );
2755 +
2756 + $this->end_controls_section();
2757 + }
2758 +
2759 +
2760 +
2761 + public function sub_category_list_style_layout_6() {
2762 + $this->start_controls_section(
2763 + 'section_sub_category_list_style_layout_6',
2764 + [
2765 + 'label' => __( 'Sub Category List', 'betterdocs' ),
2766 + 'tab' => Controls_Manager::TAB_STYLE,
2767 + 'condition' => [
2768 + 'betterdocs_sidebar_layout' => ['layout-6']
2769 + ]
2770 + ]
2771 + );
2772 +
2773 + $this->add_group_control(
2774 + Group_Control_Typography::get_type(),
2775 + [
2776 + 'name' => 'sub_category_list_typography_layout_6',
2777 + 'selector' => '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a'
2778 + ]
2779 + );
2780 +
2781 + $this->add_control(
2782 + 'sub_category_list_color_layout_6',
2783 + [
2784 + 'label' => __( 'Color', 'betterdocs' ),
2785 + 'type' => Controls_Manager::COLOR,
2786 + 'selectors' => [
2787 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a' => 'color: {{VALUE}};'
2788 + ]
2789 + ]
2790 + );
2791 +
2792 + $this->add_control(
2793 + 'sub_category_list_hover_color_layout_6',
2794 + [
2795 + 'label' => __( 'Hover Color', 'betterdocs' ),
2796 + 'type' => Controls_Manager::COLOR,
2797 + 'selectors' => [
2798 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a:hover' => 'color: {{VALUE}};',
2799 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a:focus' => 'color: {{VALUE}};'
2800 + ]
2801 + ]
2802 + );
2803 +
2804 + $this->add_control(
2805 + 'sub_category_list_hover_background_color_layout_6',
2806 + [
2807 + 'label' => __( 'Hover Background Color', 'betterdocs' ),
2808 + 'type' => Controls_Manager::COLOR,
2809 + 'default' => '#e8fff4',
2810 + 'selectors' => [
2811 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a:hover' => 'background-color: {{VALUE}};',
2812 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a:focus' => 'background-color: {{VALUE}};'
2813 + ]
2814 + ]
2815 + );
2816 +
2817 + $this->add_responsive_control(
2818 + 'sub_category_list_padding_layout_6',
2819 + [
2820 + 'label' => esc_html__( 'Padding', 'betterdocs' ),
2821 + 'type' => Controls_Manager::DIMENSIONS,
2822 + 'size_units' => ['px', 'em', '%'],
2823 + 'selectors' => [
2824 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
2825 + ]
2826 + ]
2827 + );
2828 +
2829 + $this->add_control(
2830 + 'sub_category_nested_list_heading',
2831 + [
2832 + 'label' => __( 'Nested List Items', 'betterdocs' ),
2833 + 'type' => Controls_Manager::HEADING,
2834 + 'separator' => 'before'
2835 + ]
2836 + );
2837 +
2838 + $this->add_group_control(
2839 + Group_Control_Typography::get_type(),
2840 + [
2841 + 'name' => 'sub_category_nested_list_typography_layout_6',
2842 + 'selector' => '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a'
2843 + ]
2844 + );
2845 +
2846 + $this->add_control(
2847 + 'sub_category_nested_list_color_layout_6',
2848 + [
2849 + 'label' => __( 'Color', 'betterdocs' ),
2850 + 'type' => Controls_Manager::COLOR,
2851 + 'selectors' => [
2852 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a' => 'color: {{VALUE}};'
2853 + ]
2854 + ]
2855 + );
2856 +
2857 + $this->add_control(
2858 + 'sub_category_nested_list_hover_color_layout_6',
2859 + [
2860 + 'label' => __( 'Hover Color', 'betterdocs' ),
2861 + 'type' => Controls_Manager::COLOR,
2862 + 'selectors' => [
2863 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:hover' => 'color: {{VALUE}};',
2864 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:focus' => 'color: {{VALUE}};'
2865 + ]
2866 + ]
2867 + );
2868 +
2869 + $this->add_control(
2870 + 'sub_category_nested_list_hover_background_color_layout_6',
2871 + [
2872 + 'label' => __( 'Hover Background Color', 'betterdocs' ),
2873 + 'type' => Controls_Manager::COLOR,
2874 + 'default' => '#e8fff4',
2875 + 'selectors' => [
2876 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:hover' => 'background-color: {{VALUE}};',
2877 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:focus' => 'background-color: {{VALUE}};'
2878 + ]
2879 + ]
2880 + );
2881 +
2882 + $this->add_responsive_control(
2883 + 'sub_category_nested_list_padding_layout_6',
2884 + [
2885 + 'label' => esc_html__( 'Padding', 'betterdocs' ),
2886 + 'type' => Controls_Manager::DIMENSIONS,
2887 + 'size_units' => ['px', 'em', '%'],
2888 + 'selectors' => [
2889 + '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
2890 + ]
2891 + ]
2892 + );
2893 +
2894 + $this->end_controls_section();
2895 + }
2896 +
1379 2897 protected function render_callback() {
1380 2898 $settings = $this->get_settings_for_display();
1381 2899 $this->attributes = &$settings;
1382 2900
@@ -1388,8 +2906,16 @@
1388 2906 if ( ! betterdocs()->is_pro_active() && ( $sidebar_layout == 2 || $sidebar_layout == 3 ) ) {
1389 2907 $sidebar_layout = 1;
1390 2908 }
1391 2909
2910 + if ( $sidebar_layout == 5 ) {
2911 + $sidebar_layout = 7;
2912 + }
2913 +
2914 + if ( $sidebar_layout == 6 ) {
2915 + $sidebar_layout = 8;
2916 + }
2917 +
1392 2918 $this->views( 'templates/sidebars/sidebar-' . $sidebar_layout );
1393 2919
1394 2920 if ( $settings['enable_sticky_toc'] == 1 && $layout == 1 ) {
1395 2921 betterdocs()->views->get( 'templates/parts/sticky-toc' );
@@ -1394,48 +2920,93 @@
1394 2920 if ( $settings['enable_sticky_toc'] == 1 && $layout == 1 ) {
1395 2921 betterdocs()->views->get( 'templates/parts/sticky-toc' );
1396 2922 }
1397 2923
1398 - if( Plugin::instance()->editor->is_edit_mode() ) {
2924 + if ( Plugin::instance()->editor->is_edit_mode() ) {
1399 2925 $this->render_editor_script();
1400 2926 }
1401 2927 }
1402 2928
1403 2929 public function view_params() {
1404 - $settings = &$this->attributes;
2930 + /**
2931 + * Localize This In Order To Know If This Block Is Arriving From Betterdocs Templates Or Not
2932 + */
2933 + betterdocs()->assets->localize( 'betterdocs-category-grid', 'betterdocsCategoryGridConfig', [
2934 + 'is_betterdocs_templates' => betterdocs()->helper->is_templates() ? true : false,
2935 + // Must also carry the lazy-load endpoint. wp_localize_script concatenates
2936 + // every `var betterdocsCategoryGridConfig = …` for this object name and the
2937 + // last assignment wins; shipping only is_betterdocs_templates here clobbered
2938 + // Scripts.php's full config on Elementor pages, leaving ajax_url undefined so
2939 + // loadLazyBody() bailed and the sidebar widget's lazy-load never fired.
2940 + 'ajax_url' => admin_url( 'admin-ajax.php' ),
2941 + 'lazy_load_action' => 'betterdocs_lazy_category_body',
2942 + ] );
2943 +
2944 + $settings = &$this->attributes;
1405 2945 $default_multiple_kb = (bool) betterdocs()->editor->get( 'elementor' )->multiple_kb_status();
1406 - $kb_slug = isset( $settings['selected_knowledge_base'] ) ? $settings['selected_knowledge_base'] : '';
2946 + $kb_slug = isset( $settings['selected_knowledge_base'] ) ? $settings['selected_knowledge_base'] : '';
1407 2947
2948 + if ( $settings['betterdocs_sidebar_layout'] == 'layout-5' || $settings['betterdocs_sidebar_layout'] == 'layout-6' ) {
2949 + $settings['list_icon'] = [
2950 + 'value' => [
2951 + 'url' => ''
2952 + ]
2953 + ];
2954 + }
2955 +
1408 2956 $params = [
1409 - 'wrapper_attr' => [
1410 - 'class' => [ 'betterdocs-elementor-single-sidebar' ]
2957 + 'wrapper_attr' => [
2958 + 'class' => ['betterdocs-elementor-single-sidebar']
1411 2959 ],
1412 2960 'shortcode_attr' => [
2961 + 'layout_type' => 'widget',
2962 + 'list_icon_url' => '',
2963 + 'list_icon_name' => is_array( $settings['list_icon']['value'] ) ? $settings['list_icon']['value']['url'] : $settings['list_icon']['value'],
1413 2964 'terms_order' => $settings['order'],
1414 2965 'terms_orderby' => $settings['orderby'],
2966 + 'orderby' => $settings['post_orderby'],
2967 + 'order' => $settings['post_order'],
1415 2968 'terms_include' => array_diff( $settings['include'], (array) $settings['exclude'] ),
1416 2969 'terms_exclude' => $settings['exclude'],
1417 2970 'terms_offset' => $settings['offset'],
1418 2971 'nested_subcategory' => $settings['nested_subcategory'],
1419 - 'multiple_knowledge_base' => $default_multiple_kb,
1420 - 'kb_slug' => $kb_slug,
2972 + 'lazy_load' => ! empty( $settings['lazy_load'] ),
1421 2973 'sidebar_list' => true,
1422 2974 'disable_customizer_style' => true,
1423 2975 'posts_per_page' => -1,
1424 - 'title_tag' => $settings['category_title_tag']
1425 - ],
2976 + 'title_tag' => $settings['category_title_tag'],
2977 + 'sidebar_layout' => $settings['betterdocs_sidebar_layout']
2978 + ]
1426 2979 ];
1427 2980
1428 - if( $settings['betterdocs_sidebar_layout'] == 'layout-1') {
1429 - $params['shortcode_attr'][ 'show_icon' ] = $settings['show_icon'];
1430 - $params['shortcode_attr'][ 'show_count' ] = $settings['show_count'];
2981 + // Pass a KB scope only when one is explicitly selected on the widget. When none
2982 + // is set, omit kb_slug so the betterdocs_sidebar_template_shortcode_params filter
2983 + // (Pro/MKB) can inject the current knowledge_base context on KB templates — the
2984 + // same path the default sidebar uses. With no KB context nothing is injected and
2985 + // all categories render. (Passing kb_slug='' here would block that injection.)
2986 + if ( ! empty( $kb_slug ) ) {
2987 + $params['shortcode_attr']['kb_slug'] = $kb_slug;
2988 + $params['shortcode_attr']['multiple_knowledge_base'] = (bool) $default_multiple_kb;
1431 2989 }
1432 2990
1433 - if( $settings['betterdocs_sidebar_layout'] == 'layout-4' || $settings['betterdocs_sidebar_layout'] == 'layout-3' ) {
1434 - $params['shortcode_attr'][ 'show_icon' ] = false;
1435 - $params['shortcode_attr'][ 'show_count' ] = false;
2991 + if ( $settings['betterdocs_sidebar_layout'] == 'layout-1' ) {
2992 + $params['shortcode_attr']['show_icon'] = $settings['show_icon'];
2993 + $params['shortcode_attr']['show_count'] = $settings['show_count'];
1436 2994 }
1437 2995
2996 + if ( $settings['betterdocs_sidebar_layout'] == 'layout-4' || $settings['betterdocs_sidebar_layout'] == 'layout-3' ) {
2997 + $params['shortcode_attr']['show_icon'] = false;
2998 + $params['shortcode_attr']['show_count'] = false;
2999 + }
3000 +
3001 + if ( $settings['betterdocs_sidebar_layout'] == 'layout-5' ) {
3002 + $params['number_of_docs'] = $settings['initial_docs_number'];
3003 + $params['number_of_faqs'] = $settings['initial_faqs_number'];
3004 + $params['doc_ids'] = $settings['search_modal_query_doc_ids'];
3005 + $params['doc_term_ids'] = $settings['search_modal_query_term_ids'] ;
3006 + $params['faq_term_ids'] = $settings['search_modal_query_faq_term_ids'];
3007 + $params['sidebar_search'] = $settings['sidebar_search_toggle'];
3008 + }
1438 3009 return $params;
1439 3010 }
1440 3011
1441 3012 public function render_editor_script() {