PluginProbe ʕ •ᴥ•ʔ
ShopEngine Elementor WooCommerce Builder Addon – All in One WooCommerce Solution / 4.6.5
ShopEngine Elementor WooCommerce Builder Addon – All in One WooCommerce Solution v4.6.5
4.9.2 4.9.1 4.9.0 2.0.0 2.1.0 2.2.0 2.2.1 2.2.2 2.3.0 2.4.0 2.5.0 2.5.1 3.0.0 3.1.0 3.1.1 4.0.0 4.0.1 4.1.0 4.1.1 4.2.0 4.2.1 4.3.0 4.3.1 4.4.0 4.5.0 4.5.1 4.6.0 4.6.1 4.6.2 4.6.3 4.6.4 4.6.5 4.6.6 4.6.7 4.6.8 4.6.9 4.7.0 4.7.1 4.7.2 4.7.3 4.7.4 4.7.5 4.7.6 4.7.7 4.7.8 4.7.9 4.8.0 4.8.1 4.8.2 4.8.3 4.8.4 4.8.5 4.8.6 4.8.7 4.8.8 4.8.9 trunk 0.1.2-beta 0.1.3-beta 0.1.4-beta 1.0.0 1.1.0 1.1.1 1.1.2 1.1.3 1.2.0 1.2.1 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.4.0 1.4.1 1.5.0 1.5.1 1.6.0 1.6.1 1.7.0 1.8.0 1.8.1 1.9.0
shopengine / widgets / checkout-form-login / checkout-form-login.php
shopengine / widgets / checkout-form-login Last commit date
screens 3 years ago checkout-form-login-config.php 4 years ago checkout-form-login.php 3 years ago
checkout-form-login.php
544 lines
1 <?php
2
3 namespace Elementor;
4
5 use ShopEngine\Widgets\Products;
6
7 defined('ABSPATH') || exit;
8
9 class ShopEngine_Checkout_Form_Login extends \ShopEngine\Base\Widget {
10
11 public function config() {
12 return new ShopEngine_Checkout_Form_Login_Config();
13 }
14
15 protected function register_controls() {
16 /**
17 * Checkbox label title
18 */
19 $this->start_controls_section(
20 'shopengine_heading_section',
21 [
22 'label' => esc_html__('Toggle Heading', 'shopengine'),
23 'tab' => Controls_Manager::TAB_STYLE
24 ]
25 );
26
27 $this->add_control(
28 'shopengine_heading_color',
29 [
30 'label' => esc_html__('Color', 'shopengine'),
31 'type' => Controls_Manager::COLOR,
32 'alpha' => false,
33 'default' => '#3A3A3A',
34 'selectors' => [
35 '{{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login-toggle .shopengine-woocommerce-info' => 'color: {{VALUE}}'
36 ]
37 ]
38 );
39
40 $this->add_control(
41 'shopengine_heading_link_color',
42 [
43 'label' => esc_html__('Link Color', 'shopengine'),
44 'type' => Controls_Manager::COLOR,
45 'default' => '#4169E1',
46 'selectors' => [
47 '{{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login-toggle .shopengine-woocommerce-info a' => 'color: {{VALUE}}'
48 ]
49 ]
50 );
51
52 $this->add_control(
53 'shopengine_heading_background',
54 [
55 'label' => esc_html__('Heading Background', 'shopengine'),
56 'type' => Controls_Manager::COLOR,
57 'default' => '#F5F5F5',
58 'selectors' => [
59 '{{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login-toggle .shopengine-woocommerce-info' => 'background-color: {{VALUE}}'
60 ]
61 ]
62 );
63
64 $this->add_group_control(
65 Group_Control_Border::get_type(),
66 [
67 'name' => 'shopengine_heading_border',
68 'label' => esc_html__('Border', 'shopengine'),
69 'fields_options' => [
70 'border' => [
71 'default' => 'solid'
72 ],
73 'width' => [
74 'default' => [
75 'top' => 2,
76 'right' => 0,
77 'bottom' => 0,
78 'left' => 0,
79 'isLinked' => true
80 ],
81 'selectors' => [
82 '{{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login-toggle' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
83 '.rtl {{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login-toggle' => 'border-width: {{TOP}}{{UNIT}} {{LEFT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{RIGHT}}{{UNIT}}',
84 ]
85 ],
86 'color' => [
87 'default' => '#D4D4D4'
88 ]
89 ],
90 'selector' => '{{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login-toggle'
91 ]
92 );
93
94 $this->end_controls_section();
95
96 $this->start_controls_section(
97 'shopengine_description_section',
98 [
99 'label' => esc_html__('Text', 'shopengine'),
100 'tab' => Controls_Manager::TAB_STYLE
101 ]
102 );
103
104 $this->add_control(
105 'shopengine_description_color',
106 [
107 'label' => esc_html__('Color', 'shopengine'),
108 'type' => Controls_Manager::COLOR,
109 'default' => '#747474',
110 'selectors' => [
111 '{{WRAPPER}} .shopengine-checkout-form-login .shopengine-checkout-login-form > p:not(.form-row)' => 'color: {{VALUE}}'
112 ]
113 ]
114 );
115
116 $this->add_control(
117 'shopengine_description_link_color',
118 [
119 'label' => esc_html__('Link Color', 'shopengine'),
120 'type' => Controls_Manager::COLOR,
121 'default' => '#4169E1',
122 'selectors' => [
123 '{{WRAPPER}} .shopengine-checkout-form-login .shopengine-checkout-login-form p a' => 'color: {{VALUE}}'
124 ]
125 ]
126 );
127
128 $this->end_controls_section();
129
130 $this->start_controls_section(
131 'shopengine_input_label_section',
132 [
133 'label' => esc_html__('Label', 'shopengine'),
134 'tab' => Controls_Manager::TAB_STYLE
135 ]
136 );
137
138 $this->add_control(
139 'shopengine_input_label_color',
140 [
141 'label' => esc_html__('Color', 'shopengine'),
142 'type' => Controls_Manager::COLOR,
143 'alpha' => false,
144 'default' => '#3A3A3A',
145 'selectors' => [
146 '{{WRAPPER}} .shopengine-checkout-form-login .form-row label' => 'color: {{VALUE}}'
147 ]
148 ]
149 );
150
151 $this->add_control(
152 'shopengine_input_required_indicator_color',
153 [
154 'label' => esc_html__('Required Indicator Color:', 'shopengine'),
155 'type' => Controls_Manager::COLOR,
156 'alpha' => false,
157 'default' => '#FF0000',
158 'selectors' => [
159 '{{WRAPPER}} .shopengine-checkout-form-login .form-row label .required' => 'color: {{VALUE}}'
160 ]
161 ]
162 );
163
164 $this->add_responsive_control(
165 'shopengine_input_label_margin',
166 [
167 'label' => esc_html__('Margin', 'shopengine'),
168 'type' => Controls_Manager::DIMENSIONS,
169 'size_units' => ['px'],
170 'default' => [
171 'unit' => 'px',
172 'top' => 0,
173 'right' => 0,
174 'bottom' => 9,
175 'left' => 0,
176 'isLinked' => true
177 ],
178 'selectors' => [
179 '{{WRAPPER}} .shopengine-checkout-form-login .form-row label' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
180 '.rtl {{WRAPPER}} .shopengine-checkout-form-login .form-row label' => 'margin: {{TOP}}{{UNIT}} {{LEFT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{RIGHT}}{{UNIT}};',
181 ]
182 ]
183 );
184
185 $this->end_controls_section();
186
187 $this->start_controls_section(
188 'shopengine_input_section',
189 [
190 'label' => esc_html__('Input', 'shopengine'),
191 'tab' => Controls_Manager::TAB_STYLE
192 ]
193 );
194
195 $this->start_controls_tabs('shopengine_input_tabs_style');
196
197 $this->start_controls_tab(
198 'shopengine_input_tabnormal',
199 [
200 'label' => esc_html__('Normal', 'shopengine')
201 ]
202 );
203
204 $this->add_control(
205 'shopengine_input_color',
206 [
207 'label' => esc_html__('Input Color', 'shopengine'),
208 'type' => Controls_Manager::COLOR,
209 'alpha' => false,
210 'selectors' => [
211 '{{WRAPPER}} .shopengine-checkout-form-login input' => 'color: {{VALUE}};'
212 ],
213 'default' => '#000000'
214 ]
215 );
216
217 $this->add_control(
218 'shopengine_input_background',
219 [
220 'label' => esc_html__('Background', 'shopengine'),
221 'type' => Controls_Manager::COLOR,
222 'default' => '#ffffff',
223 'selectors' => [
224 '{{WRAPPER}} .shopengine-checkout-form-login input' => 'background-color: {{VALUE}}'
225 ]
226 ]
227 );
228
229 $this->add_group_control(
230 Group_Control_Border::get_type(),
231 [
232 'name' => 'shopengine_input_border',
233 'label' => esc_html__('Border', 'shopengine'),
234 'selector' => '.woocommerce {{WRAPPER}} .shopengine-checkout-form-login input',
235 'fields_options' => [
236 'width' => [
237 'selectors' => [
238 '.woocommerce {{WRAPPER}} .shopengine-checkout-form-login input' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
239 '.rtl .woocommerce {{WRAPPER}} .shopengine-checkout-form-login input' => 'border-width: {{TOP}}{{UNIT}} {{LEFT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{RIGHT}}{{UNIT}};',
240 ]
241 ]
242 ],
243 ]
244 );
245
246 $this->end_controls_tab();
247
248 $this->start_controls_tab(
249 'shopengine_input_tabfocus',
250 [
251 'label' => esc_html__('Focus', 'shopengine')
252 ]
253 );
254
255 $this->add_control(
256 'shopengine_input_color_focus',
257 [
258 'label' => esc_html__('Input Color', 'shopengine'),
259 'type' => Controls_Manager::COLOR,
260 'alpha' => false,
261 'selectors' => [
262 '{{WRAPPER}} .shopengine-checkout-form-login input:focus' => 'color: {{VALUE}};'
263 ],
264 'default' => '#101010'
265 ]
266 );
267
268 $this->add_control(
269 'shopengine_input_background_focus',
270 [
271 'label' => esc_html__('Background', 'shopengine'),
272 'type' => Controls_Manager::COLOR,
273 'default' => '#ffffff',
274 'selectors' => [
275 '{{WRAPPER}} .shopengine-checkout-form-login input:focus' => 'background-color: {{VALUE}}'
276 ]
277 ]
278 );
279
280 $this->add_group_control(
281 Group_Control_Border::get_type(),
282 [
283 'name' => 'shopengine_input_border_focus',
284 'label' => esc_html__('Border', 'shopengine'),
285 'selector' => '{{WRAPPER}} .shopengine-checkout-form-login input:focus',
286 'fields_options' => [
287 'width' => [
288 'selectors' => [
289 '{{WRAPPER}} .shopengine-checkout-form-login input:focus' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
290 '.rtl {{WRAPPER}} .shopengine-checkout-form-login input:focus' => 'border-width: {{TOP}}{{UNIT}} {{LEFT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{RIGHT}}{{UNIT}}',
291 ]
292 ]
293 ],
294 ]
295 );
296
297 $this->end_controls_tab();
298 $this->end_controls_tabs();
299
300 $this->add_responsive_control(
301 'shopengine_input_padding',
302 [
303 'label' => esc_html__('Padding', 'shopengine'),
304 'type' => Controls_Manager::DIMENSIONS,
305 'size_units' => ['px'],
306 'default' => [
307 'unit' => 'px',
308 'top' => 12,
309 'right' => 18,
310 'bottom' => 12,
311 'left' => 18,
312 'isLinked' => true
313 ],
314 'selectors' => [
315 '{{WRAPPER}} .shopengine-checkout-form-login input' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
316 '.rtl {{WRAPPER}} .shopengine-checkout-form-login input' => 'padding: {{TOP}}{{UNIT}} {{LEFT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{RIGHT}}{{UNIT}};',
317 ],
318 'separator' => 'before'
319 ]
320 );
321
322 $this->end_controls_section();
323
324 /**
325 * Button controls
326 */
327 $this->start_controls_section(
328 'shopengine_button_section',
329 [
330 'label' => esc_html__('Button', 'shopengine'),
331 'tab' => Controls_Manager::TAB_STYLE
332 ]
333 );
334
335 $this->start_controls_tabs('shopengine_button_tab');
336
337 $this->start_controls_tab(
338 'shopengine_button_tabnormal',
339 [
340 'label' => esc_html__('Normal', 'shopengine')
341 ]
342 );
343
344 $this->add_control(
345 'shopengine_button_colornormal',
346 [
347 'label' => esc_html__('Color', 'shopengine'),
348 'type' => Controls_Manager::COLOR,
349 'default' => '#ffffff',
350 'selectors' => [
351 '{{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login__submit' => 'color: {{VALUE}}'
352 ]
353 ]
354 );
355
356 $this->add_control(
357 'shopengine_button_backgroundnormal',
358 [
359 'label' => esc_html__('Background', 'shopengine'),
360 'type' => Controls_Manager::COLOR,
361 'default' => '#3A3A3A',
362 'selectors' => [
363 '{{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login__submit' => 'background-color: {{VALUE}}'
364 ]
365 ]
366 );
367
368 $this->end_controls_tab();
369
370 $this->start_controls_tab(
371 'shopengine_button_tabhover',
372 [
373 'label' => esc_html__('Hover', 'shopengine')
374 ]
375 );
376
377 $this->add_control(
378 'shopengine_button_colorhover',
379 [
380 'label' => esc_html__('Color', 'shopengine'),
381 'type' => Controls_Manager::COLOR,
382 'default' => '#ffffff',
383 'selectors' => [
384 '{{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login__submit:hover' => 'color: {{VALUE}}'
385 ]
386 ]
387 );
388
389 $this->add_control(
390 'shopengine_button_backgroundhover',
391 [
392 'label' => esc_html__('Background', 'shopengine'),
393 'type' => Controls_Manager::COLOR,
394 'default' => '#000000',
395 'selectors' => [
396 '{{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login__submit:hover' => 'background-color: {{VALUE}}'
397 ]
398 ]
399 );
400
401 $this->end_controls_tab();
402
403 $this->end_controls_tabs();
404
405 $this->add_group_control(
406 Group_Control_Border::get_type(),
407 [
408 'name' => 'shopengine_button_border',
409 'label' => esc_html__('Border', 'shopengine'),
410 'separator' => 'before',
411 'selector' => '{{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login__submit',
412 'fields_options' => [
413 'width' => [
414 'selectors' => [
415 '{{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login__submit' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
416 '.rtl {{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login__submit' => 'border-width: {{TOP}}{{UNIT}} {{LEFT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{RIGHT}}{{UNIT}}',
417 ]
418 ]
419 ],
420 ]
421 );
422
423 $this->add_responsive_control(
424 'shopengine_button_border_radius',
425 [
426 'label' => esc_html__('Border Radius', 'shopengine'),
427 'type' => Controls_Manager::SLIDER,
428 'size_units' => ['px', '%'],
429 'range' => [
430 'px' => [
431 'min' => 0,
432 'max' => 100,
433 'step' => 1
434 ],
435 '%' => [
436 'min' => 0,
437 'max' => 100
438 ]
439 ],
440 'default' => [
441 'unit' => 'px',
442 'size' => 3
443 ],
444 'selectors' => [
445 '{{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login__submit' => 'border-radius: {{SIZE}}{{UNIT}};'
446 ]
447 ]
448 );
449
450 $this->add_group_control(
451 Group_Control_Box_Shadow::get_type(),
452 [
453 'name' => 'shopengine_button_box_shadow',
454 'label' => esc_html__('Box Shadow', 'shopengine'),
455 'selector' => '{{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login__submit'
456 ]
457 );
458
459 $this->add_responsive_control(
460 'shopengine_button_margin',
461 [
462 'label' => esc_html__('Margin', 'shopengine'),
463 'type' => Controls_Manager::DIMENSIONS,
464 'size_units' => ['px'],
465 'default' => [
466 'unit' => 'px',
467 'top' => 0,
468 'right' => 20,
469 'bottom' => 10,
470 'left' => 0,
471 'isLinked' => true
472 ],
473 'selectors' => [
474 '{{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login__submit' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
475 '.rtl {{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login__submit' => 'margin: {{TOP}}{{UNIT}} {{LEFT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{RIGHT}}{{UNIT}};',
476 ]
477 ]
478 );
479
480 $this->end_controls_section();
481
482 /**
483 * Typography Section
484 */
485 $this->start_controls_section(
486 'shopengine_typography_section',
487 [
488 'label' => esc_html__('Typography', 'shopengine'),
489 'tab' => Controls_Manager::TAB_STYLE
490 ]
491 );
492
493 $this->add_group_control(
494 Group_Control_Typography::get_type(),
495 [
496 'name' => 'shopengine_typography_primary',
497 'label' => esc_html__('Primary Typography', 'shopengine'),
498 'selector' => '{{WRAPPER}} .shopengine-checkout-form-login .shopengine-woocommerce-info, {{WRAPPER}} .shopengine-checkout-form-login p'
499 ]
500 );
501
502 $this->add_control(
503 'shopengine_typography_primary_desc',
504 [
505 'type' => Controls_Manager::RAW_HTML,
506 'raw' => esc_html__('Primary Typography : Toggle Heading, Text', 'shopengine'),
507 'content_classes' => 'elementor-control-field-description',
508 'separator' => 'after'
509 ]
510 );
511
512 $this->add_group_control(
513 Group_Control_Typography::get_type(),
514 [
515 'name' => 'shopengine_typography_secondary',
516 'label' => esc_html__('Secondary Typography', 'shopengine'),
517 'selector' => '{{WRAPPER}} .shopengine-checkout-form-login input, {{WRAPPER}} .shopengine-checkout-form-login .woocommerce-form-login__submit'
518 ]
519 );
520
521 $this->add_control(
522 'shopengine_typography_secondary_desc',
523 [
524 'type' => Controls_Manager::RAW_HTML,
525 'raw' => esc_html__('Secondary Typography : Input, Submit Button', 'shopengine'),
526 'content_classes' => 'elementor-control-field-description'
527 ]
528 );
529
530 $this->end_controls_section();
531 }
532
533 protected function screen() {
534
535 $settings = $this->get_settings_for_display();
536
537 $post_type = get_post_type();
538
539 $tpl = Products::instance()->get_widget_template($this->get_name());
540
541 include $tpl;
542 }
543 }
544