text.php — Shortcodes and extra features for Phlox theme 2.5.0

auxin-elements / includes / elementor / widgets / text.php

auxin-elements / includes / elementor / widgets Last commit date

text.php

1558 lines

1	<?php
2	namespace Auxin\Plugin\CoreElements\Elementor\Elements;
3
4	use Elementor\Plugin;
5	use Elementor\Widget_Base;
6	use Elementor\Controls_Manager;
7	use Elementor\Group_Control_Image_Size;
8	use Elementor\Group_Control_Typography;
9	use Elementor\Scheme_Typography;
10	use Elementor\Group_Control_Border;
11	use Elementor\Group_Control_Box_Shadow;
12	use Elementor\Group_Control_Text_Shadow;
13	use Elementor\Group_Control_Background;
14
15	if ( ! defined( 'ABSPATH' ) ) {
16	exit; // Exit if accessed directly.
17	}
18
19	/**
20	* Elementor 'RecentProducts' widget.
21	*
22	* Elementor widget that displays an 'RecentProducts' with lightbox.
23	*
24	* @since 1.0.0
25	*/
26	class Text extends Widget_Base {
27
28	/**
29	* Get widget name.
30	*
31	* Retrieve 'RecentProducts' widget name.
32	*
33	* @since 1.0.0
34	* @access public
35	*
36	* @return string Widget name.
37	*/
38	public function get_name() {
39	return 'aux_text';
40	}
41
42	/**
43	* Get widget title.
44	*
45	* Retrieve 'RecentProducts' widget title.
46	*
47	* @since 1.0.0
48	* @access public
49	*
50	* @return string Widget title.
51	*/
52	public function get_title() {
53	return __('Info Box', 'auxin-elements' );
54	}
55
56	/**
57	* Get widget icon.
58	*
59	* Retrieve 'RecentProducts' widget icon.
60	*
61	* @since 1.0.0
62	* @access public
63	*
64	* @return string Widget icon.
65	*/
66	public function get_icon() {
67	return 'eicon-info-box auxin-badge';
68	}
69
70	/**
71	* Get widget categories.
72	*
73	* Retrieve 'RecentProducts' widget icon.
74	*
75	* @since 1.0.0
76	* @access public
77	*
78	* @return string Widget icon.
79	*/
80	public function get_categories() {
81	return array( 'auxin-core' );
82	}
83
84	/**
85	* Register 'RecentProducts' widget controls.
86	*
87	* Adds different input fields to allow the user to change and customize the widget settings.
88	*
89	* @since 1.0.0
90	* @access protected
91	*/
92	protected function _register_controls() {
93
94	/-----------------------------------------------------------------------------------/
95	/* Content TAB
96	/-----------------------------------------------------------------------------------/
97
98	/* header_section
99	/-------------------------------------/
100
101	$this->start_controls_section(
102	'header_section',
103	array(
104	'label' => __( 'Header', 'auxin-elements' ),
105	)
106	);
107
108	$this->add_control(
109	'icon_or_image',
110	array(
111	'label' => __( 'Type', 'auxin-elements' ),
112	'type' => Controls_Manager::SELECT,
113	'default' => 'icon',
114	'options' => array(
115	'none' => __( 'None' , 'auxin-elements' ),
116	'icon' => __( 'Icon' , 'auxin-elements' ),
117	'inline-svg' => __( 'Inline SVG' , 'auxin-elements' )
118	)
119	)
120	);
121
122	$this->add_control(
123	'icon',
124	array(
125	'label' => __('Icon','auxin-elements' ),
126	'description' => __('Please choose an icon from the list.', 'auxin-elements'),
127	'type' => 'aux-icon',
128	'default' => 'fa fa-wordpress',
129	'condition' => array(
130	'icon_or_image' => array('icon')
131	)
132	)
133	);
134
135	$this->add_control(
136	'image',
137	array(
138	'label' => __('Image','auxin-elements' ),
139	'type' => Controls_Manager::MEDIA,
140	'condition' => array(
141	'icon_or_image' => array('image')
142	)
143	)
144	);
145
146	$this->add_group_control(
147	Group_Control_Image_Size::get_type(),
148	array(
149	'name' => 'image', // Usage: `{name}_size` and `{name}_custom_dimension`, in this case `thumbnail_size` and `thumbnail_custom_dimension`.
150	'separator' => 'none',
151	'default' => 'full',
152	'condition' => array(
153	'icon_or_image' => array('image')
154	)
155	)
156	);
157
158	$this->add_control(
159	'preloadable',
160	array(
161	'label' => __('Preload image','auxin-elements' ),
162	'type' => Controls_Manager::SWITCHER,
163	'label_on' => __( 'On', 'auxin-elements' ),
164	'label_off' => __( 'Off', 'auxin-elements' ),
165	'return_value' => 'yes',
166	'default' => 'no',
167	'condition' => array(
168	'icon_or_image' => array('image')
169	)
170	)
171	);
172
173	$this->add_control(
174	'preload_preview',
175	array(
176	'label' => __('While loading image display','auxin-elements' ),
177	'label_block' => true,
178	'type' => Controls_Manager::SELECT,
179	'options' => auxin_get_preloadable_previews(),
180	'return_value' => 'yes',
181	'default' => 'yes',
182	'condition' => array(
183	'icon_or_image' => array('image'),
184	'preloadable' => 'yes'
185	)
186	)
187	);
188
189	$this->add_control(
190	'preload_bgcolor',
191	array(
192	'label' => __( 'Placeholder color while loading image', 'auxin-elements' ),
193	'type' => Controls_Manager::COLOR,
194	'condition' => array(
195	'icon_or_image' => array('image'),
196	'preloadable' => 'yes',
197	'preload_preview' => array('no', 'simple-spinner', 'simple-spinner-light', 'simple-spinner-dark')
198	)
199	)
200	);
201
202	$this->add_control(
203	'svg_inline',
204	array(
205	'label' => '',
206	'type' => Controls_Manager::CODE,
207	'default' => '',
208	'placeholder' => __( 'Enter inline SVG content here', 'auxin-elements' ),
209	'show_label' => false,
210	'condition' => array(
211	'icon_or_image' => 'inline-svg'
212	)
213	)
214	);
215
216	$this->end_controls_section();
217
218	/* content_section
219	/-------------------------------------/
220
221	$this->start_controls_section(
222	'content_section',
223	array(
224	'label' => __('Content', 'auxin-elements' ),
225	)
226	);
227
228	$this->add_control(
229	'title',
230	array(
231	'label' => __('Title','auxin-elements' ),
232	'description' => __('Text title, leave it empty if you don`t need title.', 'auxin-elements'),
233	'type' => Controls_Manager::TEXT,
234	'default' => 'Great Idea'
235	)
236	);
237
238	$this->add_control(
239	'subtitle',
240	array(
241	'label' => __('Subtitle','auxin-elements' ),
242	'type' => Controls_Manager::TEXT
243	)
244	);
245
246	$this->add_control(
247	'title_link',
248	array(
249	'label' => __('Title Link','auxin-elements' ),
250	'type' => Controls_Manager::URL,
251	'placeholder' => 'http://phlox.pro',
252	'show_external' => false,
253	'dynamic' => [
254	'active' => true
255	]
256	)
257	);
258
259	$this->add_control(
260	'content',
261	array(
262	'label' => __('Content','auxin-elements' ),
263	'description' => __('Enter a text as a text content.', 'auxin-elements'),
264	'type' => Controls_Manager::WYSIWYG,
265	'default' => 'NVestibulum rutum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante.'
266	)
267	);
268
269	$this->end_controls_section();
270
271	/* button_section
272	/-------------------------------------/
273
274	$this->start_controls_section(
275	'button_section',
276	array(
277	'label' => __('Button', 'auxin-elements' ),
278	)
279	);
280
281	$this->add_control(
282	'display_button',
283	array(
284	'label' => __('Display button','auxin-elements' ),
285	'description' => __('Display a button in text widget', 'auxin-elements' ),
286	'type' => Controls_Manager::SWITCHER,
287	'label_on' => __( 'On', 'auxin-elements' ),
288	'label_off' => __( 'Off', 'auxin-elements' ),
289	'return_value' => 'yes',
290	'default' => 'yes'
291	)
292	);
293
294	$this->add_control(
295	'btn_label',
296	array(
297	'label' => __('Button label','auxin-elements' ),
298	'type' => Controls_Manager::TEXT,
299	'default' => __( 'Read More', 'auxin-elements' ),
300	'condition' => array(
301	'display_button' => 'yes',
302	)
303	)
304	);
305
306	$this->add_control(
307	'btn_icon',
308	array(
309	'label' => __('Icon for button','auxin-elements' ),
310	'type' => 'aux-icon',
311	'condition' => array(
312	'display_button' => 'yes',
313	)
314	)
315	);
316
317	$this->add_control(
318	'btn_link',
319	array(
320	'label' => __('Link','auxin-elements' ),
321	'description' => __('If you want to link your button.', 'auxin-elements' ),
322	'type' => Controls_Manager::URL,
323	'placeholder' => 'http://phlox.pro',
324	'show_external' => true,
325	'condition' => [
326	'display_button' => 'yes',
327	],
328	'dynamic' => [
329	'active' => true
330	]
331	)
332	);
333
334	$this->end_controls_section();
335
336	/-----------------------------------------------------------------------------------/
337	/* Style TAB
338	/-----------------------------------------------------------------------------------/
339
340	/* header_style_section
341	/-------------------------------------/
342
343	$this->start_controls_section(
344	'header_style_section',
345	array(
346	'label' => __('Header', 'auxin-elements' ),
347	'tab' => Controls_Manager::TAB_STYLE,
348	'condition' => array(
349	'icon_or_image' => array( 'icon', 'image', 'inline-svg' )
350	)
351	)
352	);
353
354	$this->add_control(
355	'image_position',
356	array(
357	'label' => __('Header Position','auxin-elements'),
358	'type' => 'aux-visual-select',
359	'style_items' => 'max-width:30%;',
360	'options' => array(
361	'top' => array(
362	'label' => __('Top', 'auxin-elements'),
363	'image' => AUXIN_URL . 'images/visual-select/column-icon-top.svg'
364	),
365	'left' => array(
366	'label' => __('Left', 'auxin-elements'),
367	'image' => AUXIN_URL . 'images/visual-select/column-icon-left.svg'
368	),
369	'right' => array(
370	'label' => __('Right', 'auxin-elements'),
371	'image' => AUXIN_URL . 'images/visual-select/column-icon-right.svg'
372	)
373	),
374	'default' => 'top'
375	)
376	);
377
378	$this->add_group_control(
379	Group_Control_Background::get_type(),
380	array(
381	'name' => 'header_background',
382	'label' => __( 'Background', 'auxin-elements' ),
383	'types' => array( 'classic', 'gradient' ),
384	'selector' => '{{WRAPPER}} .aux-text-widget-header'
385	)
386	);
387
388	$this->add_responsive_control(
389	'header_padding',
390	array(
391	'label' => __( 'Padding', 'auxin-elements' ),
392	'type' => Controls_Manager::DIMENSIONS,
393	'size_units' => array( 'px', '%' ),
394	'selectors' => array(
395	'{{WRAPPER}} .aux-widget-text .aux-text-widget-header' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
396	)
397	)
398	);
399
400	$this->end_controls_section();
401
402	/* icon_image_style_section
403	/-------------------------------------/
404
405	$this->start_controls_section(
406	'icon_image_style_section',
407	array(
408	'label' => __('Icon/Image', 'auxin-elements' ),
409	'tab' => Controls_Manager::TAB_STYLE,
410	'condition' => array(
411	'icon_or_image' => array( 'icon', 'image', 'inline-svg' )
412	)
413	)
414	);
415
416	$this->add_group_control(
417	Group_Control_Box_Shadow::get_type(),
418	array(
419	'name' => 'header_box_shadow',
420	'selector' => '{{WRAPPER}} .aux-ico-box'
421	)
422	);
423
424	$this->add_group_control(
425	Group_Control_Border::get_type(),
426	array(
427	'name' => 'icon_border',
428	'label' => __( 'Border', 'auxin-elements' ),
429	'selector' => '{{WRAPPER}} .aux-ico-box',
430	)
431	);
432
433	$this->add_control(
434	'icon_color',
435	array(
436	'label' => __('Icon color', 'auxin-elements'),
437	'type' => Controls_Manager::COLOR,
438	'default' => '#ffffff',
439	'condition' => array(
440	'icon_or_image' => array('icon')
441	)
442	)
443	);
444
445	$this->add_responsive_control(
446	'icon_size',
447	array(
448	'label' => __( 'Icon Size', 'auxin-elements' ),
449	'type' => Controls_Manager::SLIDER,
450	'size_units' => array( 'px', '%' ),
451	'range' => array(
452	'px' => array(
453	'min' => 16,
454	'max' => 512,
455	'step' => 2,
456	),
457	'%' => array(
458	'min' => 0,
459	'max' => 100,
460	),
461	),
462	'selectors' => array(
463	'{{WRAPPER}} .aux-ico' => 'font-size: {{SIZE}}{{UNIT}};',
464	),
465	'condition' => array(
466	'icon_or_image' => array('icon')
467	)
468	)
469	);
470
471	$this->add_control(
472	'icon_bg_color',
473	array(
474	'label' => __('Icon background color','auxin-elements' ),
475	'type' => Controls_Manager::COLOR,
476	'default' => '#1bb0ce',
477	'condition' => array(
478	'icon_or_image' => array('icon')
479	)
480	)
481	);
482
483	$this->add_control(
484	'icon_shape',
485	array(
486	'label' => __('Icon background shape','auxin-elements'),
487	'style_items' => 'max-width:30%;',
488	'type' => 'aux-visual-select',
489	'options' => array(
490	'circle' => array(
491	'label' => __('Circle', 'auxin-elements'),
492	'image' => AUXIN_URL . 'images/visual-select/icon-style-circle.svg'
493	),
494	'semi-circle' => array(
495	'label' => __('Semi-circle', 'auxin-elements'),
496	'image' => AUXIN_URL . 'images/visual-select/icon-style-semi-circle.svg'
497	),
498	'round-rect' => array(
499	'label' => __('Round Rectangle', 'auxin-elements'),
500	'image' => AUXIN_URL . 'images/visual-select/icon-style-round-rectangle.svg'
501	),
502	'cross-rect' => array(
503	'label' => __('Cross Rectangle', 'auxin-elements'),
504	'image' => AUXIN_URL . 'images/visual-select/icon-style-cross-rectangle.svg'
505	),
506	'rect' => array(
507	'label' => __('Rectangle', 'auxin-elements'),
508	'image' => AUXIN_URL . 'images/visual-select/icon-style-rectangle.svg'
509	)
510	),
511	'default' => 'circle',
512	'condition' => array(
513	'icon_or_image' => array('icon')
514	)
515	)
516	);
517
518	$this->add_responsive_control(
519	'icon_padding',
520	array(
521	'label' => __( 'Padding', 'auxin-elements' ),
522	'type' => Controls_Manager::DIMENSIONS,
523	'size_units' => array( 'px', '%' ),
524	'selectors' => array(
525	'{{WRAPPER}} .aux-ico-box' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
526	),
527	'condition' => array(
528	'icon_or_image' => array('icon')
529	)
530	)
531	);
532
533	$this->add_control(
534	'img_shape',
535	array(
536	'label' => __('Image shape','auxin-elements'),
537	'type' => 'aux-visual-select',
538	'options' => array(
539	'default' => array(
540	'label' => __('Default Aspect', 'auxin-elements'),
541	'image' => AUXIN_URL . 'images/visual-select/icon-style-rectangle.svg'
542	),
543	'circle' => array(
544	'label' => __('Circle', 'auxin-elements'),
545	'image' => AUXIN_URL . 'images/visual-select/icon-style-circle.svg'
546	),
547	'semi-circle' => array(
548	'label' => __('Semi-circle', 'auxin-elements'),
549	'image' => AUXIN_URL . 'images/visual-select/icon-style-semi-circle.svg'
550	),
551	'round-rect' => array(
552	'label' => __('Round Rectangle', 'auxin-elements'),
553	'image' => AUXIN_URL . 'images/visual-select/icon-style-round-rectangle.svg'
554	),
555	'rect' => array(
556	'label' => __('Rectangle', 'auxin-elements'),
557	'image' => AUXIN_URL . 'images/visual-select/icon-style-rectangle.svg'
558	),
559	),
560	'default' => 'default',
561	'condition' => array(
562	'icon_or_image' => array('image')
563	)
564	)
565	);
566
567	$this->end_controls_section();
568
569	/* title_style_section
570	/-------------------------------------/
571
572	$this->start_controls_section(
573	'title_style_section',
574	array(
575	'label' => __( 'Title', 'auxin-elements' ),
576	'tab' => Controls_Manager::TAB_STYLE,
577	'condition' => array(
578	'title!' => ''
579	)
580	)
581	);
582
583	$this->start_controls_tabs( 'title_colors' );
584
585	$this->start_controls_tab(
586	'title_color_normal',
587	array(
588	'label' => __( 'Normal' , 'auxin-elements' )
589	)
590	);
591
592	$this->add_control(
593	'title_color',
594	array(
595	'label' => __( 'Color', 'auxin-elements' ),
596	'type' => Controls_Manager::COLOR,
597	'selectors' => array(
598	'{{WRAPPER}} .col-title a, {{WRAPPER}} .col-title' => 'color: {{VALUE}} !important;',
599	)
600	)
601	);
602
603	$this->end_controls_tab();
604
605	$this->start_controls_tab(
606	'title_color_hover',
607	array(
608	'label' => __( 'Hover' , 'auxin-elements' )
609	)
610	);
611
612	$this->add_control(
613	'title_hover_color',
614	array(
615	'label' => __( 'Color', 'auxin-elements' ),
616	'type' => Controls_Manager::COLOR,
617	'selectors' => array(
618	'{{WRAPPER}}:hover .col-title a, {{WRAPPER}}:hover .col-title' => 'color: {{VALUE}} !important;'
619	)
620	)
621	);
622
623	$this->end_controls_tab();
624
625	$this->end_controls_tabs();
626
627
628	$this->add_group_control(
629	Group_Control_Typography::get_type(),
630	array(
631	'name' => 'title_typography',
632	'scheme' => Scheme_Typography::TYPOGRAPHY_1,
633	'selector' => '{{WRAPPER}} .col-title, {{WRAPPER}} .col-title a'
634	)
635	);
636
637	$this->add_group_control(
638	Group_Control_Text_Shadow::get_type(),
639	array(
640	'name' => 'title_shadow',
641	'label' => __( 'Text Shadow', 'auxin-elements' ),
642	'selector' => '{{WRAPPER}} .col-title'
643	)
644	);
645
646	$this->add_responsive_control(
647	'title_margin_bottom',
648	array(
649	'label' => __( 'Bottom space', 'auxin-elements' ),
650	'type' => Controls_Manager::SLIDER,
651	'range' => array(
652	'px' => array(
653	'min' => -200,
654	'max' => 200
655	)
656	),
657	'selectors' => array(
658	'{{WRAPPER}} .col-title' => 'margin-bottom: {{SIZE}}{{UNIT}};'
659	)
660	)
661	);
662
663	$this->end_controls_section();
664
665	/* subtitle_style_section
666	/-------------------------------------/
667
668	$this->start_controls_section(
669	'subtitle_style_section',
670	array(
671	'label' => __( 'Subtitle', 'auxin-elements' ),
672	'tab' => Controls_Manager::TAB_STYLE,
673	'condition' => array(
674	'subtitle!' => ''
675	)
676	)
677	);
678
679	$this->start_controls_tabs( 'subtitle_colors' );
680
681	$this->start_controls_tab(
682	'subtitle_color_normal',
683	array(
684	'label' => __( 'Normal' , 'auxin-elements' )
685	)
686	);
687
688	$this->add_control(
689	'subtitle_color',
690	array(
691	'label' => __( 'Color', 'auxin-elements' ),
692	'type' => Controls_Manager::COLOR,
693	'selectors' => array(
694	'{{WRAPPER}} .col-subtitle' => 'color: {{VALUE}} !important;',
695	)
696	)
697	);
698
699	$this->end_controls_tab();
700
701	$this->start_controls_tab(
702	'subtitle_color_hover',
703	array(
704	'label' => __( 'Hover' , 'auxin-elements' )
705	)
706	);
707
708	$this->add_control(
709	'subtitle_hover_color',
710	array(
711	'label' => __( 'Color', 'auxin-elements' ),
712	'type' => Controls_Manager::COLOR,
713	'selectors' => array(
714	'{{WRAPPER}}:hover .col-subtitle' => 'color: {{VALUE}} !important;'
715	)
716	)
717	);
718
719	$this->end_controls_tab();
720
721	$this->end_controls_tabs();
722
723
724	$this->add_group_control(
725	Group_Control_Typography::get_type(),
726	array(
727	'name' => 'subtitle_typography',
728	'scheme' => Scheme_Typography::TYPOGRAPHY_1,
729	'selector' => '{{WRAPPER}} .col-subtitle'
730	)
731	);
732
733	$this->add_group_control(
734	Group_Control_Text_Shadow::get_type(),
735	array(
736	'name' => 'subtitle_shadow',
737	'label' => __( 'Text Shadow', 'auxin-elements' ),
738	'selector' => '{{WRAPPER}} .col-subtitle'
739	)
740	);
741
742	$this->add_responsive_control(
743	'subtitle_margin_top',
744	array(
745	'label' => __( 'Top space', 'auxin-elements' ),
746	'type' => Controls_Manager::SLIDER,
747	'range' => array(
748	'px' => array(
749	'min' => -200,
750	'max' => 200
751	)
752	),
753	'selectors' => array(
754	'{{WRAPPER}} .col-subtitle' => 'margin-top: {{SIZE}}{{UNIT}};'
755	)
756	)
757	);
758
759	$this->add_responsive_control(
760	'subtitle_margin_bottom',
761	array(
762	'label' => __( 'Bottom space', 'auxin-elements' ),
763	'type' => Controls_Manager::SLIDER,
764	'range' => array(
765	'px' => array(
766	'min' => -200,
767	'max' => 200
768	)
769	),
770	'selectors' => array(
771	'{{WRAPPER}} .col-subtitle' => 'margin-bottom: {{SIZE}}{{UNIT}};'
772	)
773	)
774	);
775
776	$this->end_controls_section();
777
778	/* content_style_section
779	/-------------------------------------/
780
781	$this->start_controls_section(
782	'content_style_section',
783	array(
784	'label' => __( 'Content', 'auxin-elements' ),
785	'tab' => Controls_Manager::TAB_STYLE
786	)
787	);
788
789
790	$this->start_controls_tabs( 'content_colors' );
791
792	$this->start_controls_tab(
793	'content_color_normal',
794	array(
795	'label' => __( 'Normal' , 'auxin-elements' )
796	)
797	);
798
799	$this->add_control(
800	'content_color',
801	array(
802	'label' => __( 'Color', 'auxin-elements' ),
803	'type' => Controls_Manager::COLOR,
804	'selectors' => array(
805	'{{WRAPPER}} .widget-content' => 'color:{{VALUE}} !important;',
806	)
807	)
808	);
809
810	$this->end_controls_tab();
811
812	$this->start_controls_tab(
813	'content_color_hover',
814	array(
815	'label' => __( 'Hover' , 'auxin-elements' )
816	)
817	);
818
819	$this->add_control(
820	'content_hover_color',
821	array(
822	'label' => __( 'Color', 'auxin-elements' ),
823	'type' => Controls_Manager::COLOR,
824	'selectors' => array(
825	'{{WRAPPER}}:hover .widget-content' => 'color:{{VALUE}} !important;'
826	)
827	)
828	);
829
830	$this->end_controls_tab();
831
832	$this->end_controls_tabs();
833
834
835	$this->add_group_control(
836	Group_Control_Typography::get_type(),
837	array(
838	'name' => 'content_typography',
839	'scheme' => Scheme_Typography::TYPOGRAPHY_1,
840	'selector' => '{{WRAPPER}} .widget-content'
841	)
842	);
843
844	$this->add_group_control(
845	Group_Control_Text_Shadow::get_type(),
846	array(
847	'name' => 'content_shadow',
848	'label' => __( 'Text Shadow', 'auxin-elements' ),
849	'selector' => '{{WRAPPER}} .widget-content'
850	)
851	);
852
853	$this->add_responsive_control(
854	'content_padding',
855	array(
856	'label' => __( 'Padding', 'auxin-elements' ),
857	'type' => Controls_Manager::DIMENSIONS,
858	'size_units' => array( 'px', '%' ),
859	'selectors' => array(
860	'{{WRAPPER}} .aux-widget-text .aux-text-widget-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
861	)
862	)
863	);
864
865	$this->add_responsive_control(
866	'content_margin_top',
867	array(
868	'label' => __( 'Top space', 'auxin-elements' ),
869	'type' => Controls_Manager::SLIDER,
870	'range' => array(
871	'px' => array(
872	'min' => -200,
873	'max' => 200
874	)
875	),
876	'selectors' => array(
877	'{{WRAPPER}} .widget-content' => 'margin-top: {{SIZE}}{{UNIT}};'
878	)
879	)
880	);
881
882	$this->add_responsive_control(
883	'content_margin_bottom',
884	array(
885	'label' => __( 'Bottom space', 'auxin-elements' ),
886	'type' => Controls_Manager::SLIDER,
887	'range' => array(
888	'px' => array(
889	'min' => -200,
890	'max' => 200
891	)
892	),
893	'selectors' => array(
894	'{{WRAPPER}} .widget-content' => 'margin-bottom: {{SIZE}}{{UNIT}};'
895	)
896	)
897	);
898
899	$this->end_controls_section();
900
901	/* button_style_section
902	/-------------------------------------/
903
904	$this->start_controls_section(
905	'button_style_section',
906	array(
907	'label' => __('Button', 'auxin-elements' ),
908	'tab' => Controls_Manager::TAB_STYLE,
909	'condition' => array(
910	'display_button' => 'yes',
911	)
912	)
913	);
914
915	$this->add_control(
916	'btn_size',
917	array(
918	'label' => __('Size', 'auxin-elements'),
919	'type' => Controls_Manager::SELECT,
920	'default' => 'medium',
921	'options' => array(
922	'exlarge' => __('Exlarge', 'auxin-elements' ),
923	'large' => __('Large' , 'auxin-elements' ),
924	'medium' => __('Medium' , 'auxin-elements' ),
925	'small' => __('Small' , 'auxin-elements' ),
926	'tiny' => __('Tiny' , 'auxin-elements' )
927	)
928	)
929	);
930
931	$this->add_control(
932	'button_skin_heading',
933	array(
934	'label' => __( 'Button Skin', 'auxin-elements' ),
935	'type' => Controls_Manager::HEADING,
936	'separator' => 'before',
937	)
938	);
939
940	$this->add_control(
941	'btn_color_name',
942	array(
943	'label' => __('Skin', 'auxin-elements'),
944	'type' => 'aux-visual-select',
945	'default' => 'black',
946	'options' => auxin_get_famous_colors_list()
947	)
948	);
949
950	$this->start_controls_tabs( 'button_background_tab' );
951
952	$this->start_controls_tab(
953	'button_bg_normal',
954	array(
955	'label' => __( 'Normal' , 'auxin-elements' )
956	)
957	);
958
959	$this->add_group_control(
960	Group_Control_Background::get_type(),
961	array(
962	'name' => 'button_background',
963	'label' => __( 'Background', 'auxin-elements' ),
964	'types' => array( 'classic', 'gradient' ),
965	'selector' => '{{WRAPPER}} .aux-button'
966	)
967	);
968
969	$this->add_group_control(
970	Group_Control_Box_Shadow::get_type(),
971	array(
972	'name' => 'button_box_shadow',
973	'selector' => '{{WRAPPER}} .aux-button'
974	)
975	);
976
977	$this->end_controls_tab();
978
979	$this->start_controls_tab(
980	'button_bg_hover',
981	array(
982	'label' => __( 'Hover' , 'auxin-elements' )
983	)
984	);
985
986	$this->add_group_control(
987	Group_Control_Background::get_type(),
988	array(
989	'name' => 'hover_button_background',
990	'label' => __( 'Background', 'auxin-elements' ),
991	'types' => array( 'classic', 'gradient' ),
992	'selector' => '{{WRAPPER}} .aux-button .aux-overlay::after'
993	)
994	);
995
996	$this->add_group_control(
997	Group_Control_Box_Shadow::get_type(),
998	array(
999	'name' => 'hover_button_box_shadow',
1000	'selector' => '{{WRAPPER}} .aux-button:hover'
1001	)
1002	);
1003
1004	$this->end_controls_tab();
1005
1006	$this->end_controls_tabs();
1007
1008	$this->add_control(
1009	'button_icon_heading',
1010	array(
1011	'label' => __( 'Button Icon', 'auxin-elements' ),
1012	'type' => Controls_Manager::HEADING,
1013	'separator' => 'before',
1014	'condition' => array(
1015	'btn_icon!' => '',
1016	)
1017	)
1018	);
1019
1020	$this->add_control(
1021	'btn_icon_align',
1022	array(
1023	'label' => __('Icon alignment', 'auxin-elements'),
1024	'type' => Controls_Manager::SELECT,
1025	'default' => 'default',
1026	'options' => array(
1027	'default' => __('Default' , 'auxin-elements' ),
1028	'left' => __('Left' , 'auxin-elements' ),
1029	'right' => __('Right' , 'auxin-elements' ),
1030	'over' => __('Over' , 'auxin-elements' ),
1031	'left-animate' => __('Animate from Left' , 'auxin-elements' ),
1032	'right-animate' => __('Animate from Right' , 'auxin-elements' )
1033	),
1034	'condition' => array(
1035	'btn_icon!' => '',
1036	)
1037	)
1038	);
1039
1040	$this->add_responsive_control(
1041	'btn_icon_size',
1042	array(
1043	'label' => __( 'Icon Size', 'auxin-elements' ),
1044	'type' => Controls_Manager::SLIDER,
1045	'size_units' => array( 'px', '%' ),
1046	'range' => array(
1047	'px' => array(
1048	'min' => 10,
1049	'max' => 512,
1050	'step' => 2,
1051	),
1052	'%' => array(
1053	'min' => 0,
1054	'max' => 100,
1055	),
1056	),
1057	'selectors' => array(
1058	'{{WRAPPER}} .aux-icon' => 'font-size: {{SIZE}}{{UNIT}};',
1059	),
1060	'condition' => array(
1061	'btn_icon!' => ''
1062	)
1063	)
1064	);
1065
1066	$this->start_controls_tabs(
1067	'btn_icon_color',
1068	array(
1069	'condition' => array(
1070	'btn_icon!' => '',
1071	)
1072	)
1073	);
1074
1075	$this->start_controls_tab(
1076	'icon_color_normal',
1077	array(
1078	'label' => __( 'Normal' , 'auxin-elements' )
1079	)
1080	);
1081
1082	$this->add_control(
1083	'button_icon_color',
1084	array(
1085	'label' => __( 'Color', 'auxin-elements' ),
1086	'type' => Controls_Manager::COLOR,
1087	'selectors' => array(
1088	'{{WRAPPER}} .aux-icon' => 'color: {{VALUE}};',
1089	)
1090	)
1091	);
1092
1093	$this->end_controls_tab();
1094
1095	$this->start_controls_tab(
1096	'btn_icon_color_hover',
1097	array(
1098	'label' => __( 'Hover' , 'auxin-elements' )
1099	)
1100	);
1101
1102	$this->add_control(
1103	'hover_button_icon_color',
1104	array(
1105	'label' => __( 'Color', 'auxin-elements' ),
1106	'type' => Controls_Manager::COLOR,
1107	'selectors' => array(
1108	'{{WRAPPER}} .aux-button:hover .aux-icon' => 'color: {{VALUE}};',
1109	)
1110	)
1111	);
1112
1113	$this->end_controls_tab();
1114
1115	$this->end_controls_tabs();
1116
1117	$this->add_control(
1118	'button_text_heading',
1119	array(
1120	'label' => __( 'Button Text', 'auxin-elements' ),
1121	'type' => Controls_Manager::HEADING,
1122	'separator' => 'before',
1123	'condition' => array(
1124	'btn_icon!' => '',
1125	)
1126	)
1127	);
1128
1129	$this->start_controls_tabs( 'button_text' );
1130
1131	$this->start_controls_tab(
1132	'button_text_normal',
1133	array(
1134	'label' => __( 'Normal' , 'auxin-elements' )
1135	)
1136	);
1137
1138	$this->add_control(
1139	'btn_text_color',
1140	array(
1141	'label' => __( 'Color', 'auxin-elements' ),
1142	'type' => Controls_Manager::COLOR,
1143	'selectors' => array(
1144	'{{WRAPPER}} .aux-text' => 'color: {{VALUE}};',
1145	)
1146	)
1147	);
1148
1149	$this->add_group_control(
1150	Group_Control_Text_Shadow::get_type(),
1151	array(
1152	'name' => 'btn_text_shadow',
1153	'label' => __( 'Text Shadow', 'auxin-elements' ),
1154	'selector' => '{{WRAPPER}} .aux-button',
1155	)
1156	);
1157
1158	$this->add_group_control(
1159	Group_Control_Typography::get_type(),
1160	array(
1161	'name' => 'button_typography',
1162	'scheme' => Scheme_Typography::TYPOGRAPHY_1,
1163	'selector' => '{{WRAPPER}} .aux-text'
1164	)
1165	);
1166
1167	$this->end_controls_tab();
1168
1169	$this->start_controls_tab(
1170	'button_text_hover',
1171	array(
1172	'label' => __( 'Hover' , 'auxin-elements' )
1173	)
1174	);
1175
1176	$this->add_control(
1177	'hover_btn_text_color',
1178	array(
1179	'label' => __( 'Color', 'auxin-elements' ),
1180	'type' => Controls_Manager::COLOR,
1181	'selectors' => array(
1182	'{{WRAPPER}} .aux-button:hover .aux-text' => 'color: {{VALUE}};',
1183	)
1184	)
1185	);
1186
1187	$this->add_group_control(
1188	Group_Control_Text_Shadow::get_type(),
1189	array(
1190	'name' => 'hover_btn_text_shadow',
1191	'label' => __( 'Text Shadow', 'auxin-elements' ),
1192	'selector' => '{{WRAPPER}} .aux-button:hover',
1193	)
1194	);
1195
1196	$this->add_group_control(
1197	Group_Control_Typography::get_type(),
1198	array(
1199	'name' => 'hover_button_typography',
1200	'scheme' => Scheme_Typography::TYPOGRAPHY_1,
1201	'selector' => '{{WRAPPER}} .aux-text'
1202	)
1203	);
1204
1205	$this->end_controls_tab();
1206
1207	$this->end_controls_tabs();
1208
1209	$this->add_control(
1210	'button_wrapper_heading',
1211	array(
1212	'label' => __( 'Button Wrapper', 'auxin-elements' ),
1213	'type' => Controls_Manager::HEADING,
1214	'separator' => 'before',
1215	'condition' => array(
1216	'btn_icon!' => '',
1217	)
1218	)
1219	);
1220
1221	$this->add_responsive_control(
1222	'btn_icon_margin',
1223	array(
1224	'label' => __( 'Icon Margin', 'auxin-elements' ),
1225	'type' => Controls_Manager::DIMENSIONS,
1226	'size_units' => array( 'px', '%' ),
1227	'selectors' => array(
1228	'{{WRAPPER}} .aux-icon' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1229	)
1230	)
1231	);
1232
1233	$this->add_control(
1234	'btn_border',
1235	array(
1236	'label' => __('Shape Style','auxin-elements' ),
1237	'type' => 'aux-visual-select',
1238	'style_items' => 'max-width:30%;',
1239	'options' => array(
1240	'none' => array(
1241	'label' => __('Box', 'auxin-elements' ),
1242	'image' => AUXIN_URL . 'images/visual-select/button-normal.svg'
1243	),
1244	'round' => array(
1245	'label' => __('Round', 'auxin-elements' ),
1246	'image' => AUXIN_URL . 'images/visual-select/button-curved.svg'
1247	),
1248	'curve' => array(
1249	'label' => __('Curve', 'auxin-elements' ),
1250	'image' => AUXIN_URL . 'images/visual-select/button-rounded.svg'
1251	)
1252	),
1253	'default' => 'round'
1254	)
1255	);
1256
1257	$this->add_control(
1258	'btn_style',
1259	array(
1260	'label' => __('Button Style','auxin-elements' ),
1261	'type' => 'aux-visual-select',
1262	'style_items' => 'max-width:30%;',
1263	'options' => array(
1264	'none' => array(
1265	'label' => __('Normal', 'auxin-elements' ),
1266	'image' => AUXIN_URL . 'images/visual-select/button-normal.svg'
1267	),
1268	'3d' => array(
1269	'label' => __('3D', 'auxin-elements' ),
1270	'image' => AUXIN_URL . 'images/visual-select/button-3d.svg'
1271	),
1272	'outline' => array(
1273	'label' => __('Outline', 'auxin-elements' ),
1274	'image' => AUXIN_URL . 'images/visual-select/button-outline.svg'
1275	)
1276	),
1277	'default' => 'outline'
1278	)
1279	);
1280
1281	$this->add_responsive_control(
1282	'button_padding',
1283	array(
1284	'label' => __( 'Padding', 'auxin-elements' ),
1285	'type' => Controls_Manager::DIMENSIONS,
1286	'size_units' => array( 'px', '%' ),
1287	'selectors' => array(
1288	'{{WRAPPER}} .aux-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1289	)
1290	)
1291	);
1292
1293	$this->end_controls_section();
1294
1295
1296	/* wrapper_style_section
1297	/-------------------------------------/
1298
1299	$this->start_controls_section(
1300	'wrapper_style_section',
1301	array(
1302	'label' => __( 'Wrapper', 'auxin-elements' ),
1303	'tab' => Controls_Manager::TAB_STYLE
1304	)
1305	);
1306
1307	$this->add_control(
1308	'overlay_color',
1309	array(
1310	'label' => __('Overlay', 'auxin-elements'),
1311	'type' => Controls_Manager::COLOR
1312	)
1313	);
1314
1315	$this->add_responsive_control(
1316	'text_align',
1317	array(
1318	'label' => __('Text Align','auxin-elements'),
1319	'type' => Controls_Manager::CHOOSE,
1320	'options' => array(
1321	'left' => array(
1322	'title' => __( 'Left', 'auxin-elements' ),
1323	'icon' => 'fa fa-align-left',
1324	),
1325	'center' => array(
1326	'title' => __( 'Center', 'auxin-elements' ),
1327	'icon' => 'fa fa-align-center',
1328	),
1329	'right' => array(
1330	'title' => __( 'Right', 'auxin-elements' ),
1331	'icon' => 'fa fa-align-right',
1332	),
1333	),
1334	'default' => 'center',
1335	'toggle' => true,
1336	'selectors' => array(
1337	'{{WRAPPER}} .aux-widget-advanced-text' => 'text-align: {{VALUE}}',
1338	)
1339	)
1340	);
1341
1342	$this->add_responsive_control(
1343	'wrapper_content_padding',
1344	array(
1345	'type' => Controls_Manager::DIMENSIONS,
1346	'size_units' => array( 'px', '%' ),
1347	'selectors' => array(
1348	'{{WRAPPER}} .aux-widget-advanced-text' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1349	)
1350	)
1351	);
1352
1353	$this->add_responsive_control(
1354	'wrapper_content_border_radius',
1355	array(
1356	'label' => __( 'Border Radius', 'auxin-elements' ),
1357	'type' => Controls_Manager::DIMENSIONS,
1358	'size_units' => array( 'px', 'em', '%' ),
1359	'selectors' => array(
1360	'{{WRAPPER}} .aux-text-widget-overlay, {{WRAPPER}} .aux-widget-advanced-text' => 'border-radius:{{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1361	),
1362	'allowed_dimensions' => 'all',
1363	'separator' => 'after'
1364	)
1365	);
1366
1367	$this->start_controls_tabs( 'wrapper_content_status' );
1368
1369	$this->start_controls_tab(
1370	'wrapper_content_status_normal',
1371	array(
1372	'label' => __( 'Normal' , 'auxin-elements' )
1373	)
1374	);
1375
1376	$this->add_group_control(
1377	Group_Control_Border::get_type(),
1378	array(
1379	'name' => 'wrapper_content_border_normal',
1380	'selector' => '{{WRAPPER}} .aux-widget-advanced-text',
1381	'separator' => 'none'
1382	)
1383	);
1384
1385	$this->add_group_control(
1386	Group_Control_Background::get_type(),
1387	array(
1388	'name' => 'wrapper_content_background_normal',
1389	'selector' => '{{WRAPPER}} .aux-widget-advanced-text',
1390	'separator' => 'none'
1391	)
1392	);
1393
1394	$this->end_controls_tab();
1395
1396
1397	$this->start_controls_tab(
1398	'wrapper_content_status_hover',
1399	array(
1400	'label' => __( 'Hover' , 'auxin-elements' )
1401	)
1402	);
1403
1404	$this->add_group_control(
1405	Group_Control_Border::get_type(),
1406	array(
1407	'name' => 'wrapper_content_border_hover',
1408	'selector' => '{{WRAPPER}} .aux-widget-advanced-text:hover',
1409	'separator' => 'none'
1410	)
1411	);
1412
1413	$this->add_group_control(
1414	Group_Control_Background::get_type(),
1415	array(
1416	'name' => 'wrapper_content_background_hover',
1417	'selector' => '{{WRAPPER}} .aux-widget-advanced-text:hover',
1418	'separator' => 'none'
1419	)
1420	);
1421
1422	$this->add_control(
1423	'wrapper_content_transition',
1424	array(
1425	'label' => __( 'Transition duration', 'auxin-elements' ),
1426	'type' => Controls_Manager::SLIDER,
1427	'range' => array(
1428	'px' => array(
1429	'min' => 0,
1430	'max' => 2000,
1431	'step' => 50
1432	)
1433	),
1434	'selectors' => array(
1435	'{{WRAPPER}} .aux-widget-advanced-text' => 'transition-duration:{{SIZE}}ms;'
1436	)
1437	)
1438	);
1439
1440	$this->end_controls_tab();
1441
1442	$this->end_controls_tabs();
1443
1444	$this->end_controls_section();
1445
1446	/* footer_section
1447	/-------------------------------------/
1448
1449	$this->start_controls_section(
1450	'footer_section',
1451	array(
1452	'label' => __('Footer', 'auxin-elements' ),
1453	'tab' => Controls_Manager::TAB_STYLE
1454	)
1455	);
1456
1457	$this->add_control(
1458	'footer_shape',
1459	array(
1460	'label' => __('Footer Shape','auxin-elements'),
1461	'type' => 'aux-visual-select',
1462	'style_items' => 'max-width:30%;',
1463	'options' => array(
1464	'none' => array(
1465	'label' => __('None', 'auxin-elements'),
1466	'image' => AUXIN_URL . 'images/visual-select/text-normal.svg'
1467	),
1468	'wave' => array(
1469	'label' => __('Wave', 'auxin-elements'),
1470	'image' => AUXIN_URL . 'images/visual-select/text-outline.svg'
1471	),
1472	'tail' => array(
1473	'label' => __('Tail', 'auxin-elements'),
1474	'image' => AUXIN_URL . 'images/visual-select/text-boxed.svg'
1475	)
1476	),
1477	'default' => 'none'
1478	)
1479	);
1480
1481	$this->add_control(
1482	'footer_shape_color',
1483	array(
1484	'label' => __('Color of button', 'auxin-elements'),
1485	'type' => Controls_Manager::COLOR,
1486	'condition' => array(
1487	'footer_shape' => array('tail', 'wave')
1488	)
1489	)
1490	);
1491
1492	$this->end_controls_section();
1493	}
1494
1495	/**
1496	* Render image box widget output on the frontend.
1497	*
1498	* Written in PHP and used to generate the final HTML.
1499	*
1500	* @since 1.0.0
1501	* @access protected
1502	*/
1503	protected function render() {
1504
1505	$settings = $this->get_settings_for_display();
1506
1507	$btn_target = $settings['btn_link']['is_external'] ? '_blank' : '_self';
1508
1509	$args = array(
1510	'title' => $settings['title'],
1511	'subtitle' => $settings['subtitle'],
1512	'title_link' => $settings['title_link']['url'],
1513	'content' => $settings['content'],
1514
1515	'display_button' => $settings['display_button'],
1516	'btn_label' => $settings['btn_label'],
1517	'btn_size' => $settings['btn_size'],
1518	'btn_border' => $settings['btn_border'],
1519	'btn_style' => $settings['btn_style'],
1520	'btn_icon' => $settings['btn_icon'],
1521	'btn_icon_align' => $settings['btn_icon_align'],
1522	'btn_color_name' => $settings['btn_color_name'],
1523	'btn_link' => $settings['btn_link']['url'],
1524	'btn_nofollow' => $settings['btn_link']['nofollow'],
1525	'btn_target' => $btn_target,
1526
1527	'icon_or_image' => $settings['icon_or_image'],
1528	'icon' => $settings['icon'],
1529	'icon_color' => $settings['icon_color'],
1530	'icon_bg_color' => $settings['icon_bg_color'],
1531	'icon_shape' => $settings['icon_shape'],
1532	'image' => $settings['image']['id'],
1533	'size' => $settings['image_size'],
1534	'width' => $settings['image_custom_dimension']['width'],
1535	'height' => $settings['image_custom_dimension']['height'],
1536	'preloadable' => $settings['preloadable'],
1537	'preload_preview' => $settings['preload_preview'],
1538	'preload_bgcolor' => $settings['preload_bgcolor'],
1539	'image_size' => $settings['image_size'],
1540	'img_shape' => $settings['img_shape'],
1541	'icon_border_width' => '',
1542	'image_position' => $settings['image_position'],
1543	'icon_svg_inline' => $settings['svg_inline'],
1544
1545	'text_align' => $settings['text_align'],
1546	'text_align_resp' => $settings['text_align_mobile'],
1547	'overlay_color' => $settings['overlay_color'],
1548
1549	'footer_shape' => $settings['footer_shape'],
1550	'footer_shape_color' => $settings['footer_shape_color']
1551	);
1552
1553	// get the shortcode base blog page
1554	echo auxin_widget_column_callback( $args );
1555	}
1556
1557	}
1558