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

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

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

text.php

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