WooCommerce MercadoPago - Version 4.0.3

Version Description

Download this release

Release Info

Developer mercadopago
Plugin Icon 128x128 WooCommerce MercadoPago
Version 4.0.3
Comparing to
See all releases

Code changes from version 4.0.2 to 4.0.3

Files changed (17) hide show
  1. assets/css/basic_checkout_mercadopago.css +86 -53
  2. assets/css/config_mercadopago.css +8 -8
  3. assets/js/basic-cho.js +2 -2
  4. assets/js/basic_config_mercadopago.js +2 -2
  5. assets/js/custom_config_mercadopago.js +2 -2
  6. assets/js/ticket.js +9 -9
  7. assets/js/ticket_config_mercadopago.js +2 -2
  8. includes/module/WC_WooMercadoPago_Module.php +1 -1
  9. includes/payments/WC_WooMercadoPago_BasicGateway.php +6 -4
  10. includes/payments/WC_WooMercadoPago_CustomGateway.php +3 -3
  11. includes/payments/WC_WooMercadoPago_PaymentAbstract.php +13 -13
  12. includes/payments/WC_WooMercadoPago_TicketGateway.php +3 -3
  13. readme.txt +8 -2
  14. templates/checkout/basic_checkout.php +15 -15
  15. templates/checkout/custom_checkout.php +73 -73
  16. templates/checkout/ticket_checkout.php +46 -46
  17. woocommerce-mercadopago.php +1 -1
assets/css/basic_checkout_mercadopago.css CHANGED
@@ -1,93 +1,98 @@
1
- .pt-20 {
2
  padding-top: 20px !important;
3
  }
4
 
5
- .pt-15 {
 
 
 
 
 
6
  padding-top: 15px !important;
7
  }
8
 
9
- .pt-10 {
10
  padding-top: 10px !important;
11
  }
12
 
13
- .pt-0{
14
  padding-top: 0px !important;
15
  }
16
 
17
- .pt-30 {
18
  padding-top: 30px !important;
19
  }
20
 
21
- .pb-15 {
22
  padding-bottom: 15px !important;
23
  }
24
 
25
- .pb-20 {
26
  padding-bottom: 20px !important;
27
  }
28
 
29
- .pb-30 {
30
  padding-bottom: 30px !important;
31
  }
32
 
33
- .pl-10 {
34
  padding-left: 10px !important;
35
  }
36
 
37
- .pr-10 {
38
  padding-right: 10px !important;
39
  }
40
 
41
- .pr-15 {
42
  padding-right: 15px !important;
43
  }
44
 
45
- .mt-5 {
46
  margin-top: 5px !important;
47
  }
48
 
49
- .mb-0 {
50
  margin-bottom: 0px !important;
51
  }
52
 
53
- .mb-20 {
54
  margin-bottom: 20px !important;
55
  }
56
 
57
- .mb-30 {
58
  margin-bottom: 30px !important;
59
  }
60
 
61
- .mt-20 {
62
  margin-top: 20px !important;
63
  }
64
 
65
- .display-inherit {
66
  display: inherit !important;
67
  }
68
 
69
- .pointer {
70
- cursor: pointer !important;
71
  }
72
 
73
- .text-center{
74
  text-align: center !important;
75
  }
76
 
77
- .text-justify{
78
  text-align: justify !important;
79
  }
80
 
81
- .min-hg{
82
  min-height: 40px !important;
83
  }
84
 
85
- .row {
86
  width: 100%;
87
  display: inline-block;
88
  }
89
 
90
- .col-md-12 {
91
  width: 100%;
92
  display: inline-block;
93
  padding-left: 0px;
@@ -95,19 +100,19 @@
95
  text-align: left !important;
96
  }
97
 
98
- .col-md-9 {
99
  flex: 0 0 75%;
100
  width: 75%;
101
  float: left;
102
  }
103
 
104
- .col-md-8 {
105
  flex: 0 0 66.666667%;
106
  width: 66.666667%;
107
  float: left;
108
  }
109
 
110
- .col-md-6 {
111
  width: 50%;
112
  float: left;
113
  padding-left: 0px;
@@ -115,29 +120,29 @@
115
  text-align: left !important;
116
  }
117
 
118
- .col-md-4 {
119
  flex: 0 0 33.333333%;
120
  width: 33.333333%;
121
  float: left;
122
  }
123
 
124
- .col-md-3 {
125
  flex: 0 0 25%;
126
  width: 25%;
127
  float: left;
128
  }
129
 
130
- .img-fluid {
131
  max-width: 100%;
132
  height: auto;
133
  }
134
 
135
- .panel-checkout {
136
  background-color: #fff;
137
  padding: 10px 15px 25px;
138
  }
139
 
140
- .title-checkout {
141
  padding: 15px 0 0px;
142
  font-family: sans-serif;
143
  font-size: 1.20rem !important;
@@ -150,14 +155,14 @@
150
  margin: 0 !important;
151
  }
152
 
153
- .title-checkout::before {
154
  content: "" !important;
155
  width: 0 !important;
156
  height: 0 !important;
157
  margin: 0 !important;
158
  }
159
 
160
- .subtitle-checkout {
161
  font-size: 14px !important;
162
  font-family: sans-serif !important;
163
  color: #7a7a7a;
@@ -167,7 +172,7 @@
167
  text-transform: uppercase;
168
  }
169
 
170
- .subtitle-basic-checkout {
171
  font-size: 14px !important;
172
  font-family: sans-serif !important;
173
  color: #7a7a7a;
@@ -177,7 +182,7 @@
177
  text-transform: uppercase;
178
  }
179
 
180
- .badge-checkout {
181
  font-size: 15px !important;
182
  font-family: sans-serif !important;
183
  padding: 5px 10px;
@@ -189,13 +194,40 @@
189
  border-radius: 2px;
190
  }
191
 
192
- .img-tarjetas {
 
 
 
 
 
 
 
 
 
 
 
193
  padding: 8px !important;
 
 
 
 
 
 
 
 
 
 
 
194
  max-height: 35px !important;
195
  width: auto !important;
 
 
 
 
 
196
  }
197
 
198
- .redirect-frame {
199
  width: 100%;
200
  text-align: center;
201
  background-color: #f5f5f5;
@@ -203,11 +235,11 @@
203
  display: inline-block;
204
  }
205
 
206
- .redirect-frame img {
207
  max-width: 160px !important;
208
  }
209
 
210
- .redirect-frame p {
211
  padding-top: 15px !important;
212
  margin-top: 0px !important;
213
  font-family: sans-serif !important;
@@ -223,12 +255,12 @@
223
 
224
  /* ----- Custom Checkout ----- */
225
 
226
- .panel-custom-checkout {
227
  background-color: #fff;
228
  padding: 10px 15px 0px;
229
  }
230
 
231
- .subtitle-custom-checkout {
232
  font-size: 17px !important;
233
  font-family: sans-serif !important;
234
  color: #04204c;
@@ -237,7 +269,7 @@
237
  margin: 0px 0 5px !important;
238
  }
239
 
240
- .subtitle-ticket-checkout {
241
  font-size: 17px !important;
242
  font-family: sans-serif !important;
243
  color: #04204c;
@@ -379,14 +411,15 @@
379
  cursor: pointer;
380
  }
381
 
382
- .frame-payments {
383
  display: none;
384
  background-color: #f5f5f5;
385
  margin-top: 10px;
386
  padding: 10px 10px 10px;
 
387
  }
388
 
389
- .subtitle-checkout-custom {
390
  font-size: 13px !important;
391
  font-family: sans-serif !important;
392
  color: #7a7a7a;
@@ -396,13 +429,13 @@
396
  text-transform: uppercase;
397
  }
398
 
399
- .tooltip {
400
  position: relative;
401
  display: inline-block;
402
  border-bottom: 1px dotted black;
403
  }
404
 
405
- .tooltip .tooltiptext {
406
  visibility: hidden;
407
  background: #3483fa;
408
  color: #fff;
@@ -414,7 +447,7 @@
414
  font-size: 12px;
415
  }
416
 
417
- .tooltip .tooltiptext:before {
418
  border: 6px solid transparent;
419
  border-right-color: #3483fa;
420
  content: "";
@@ -423,12 +456,12 @@
423
  top: 5px;
424
  }
425
 
426
- .tooltip:hover .tooltiptext {
427
  visibility: visible;
428
  }
429
 
430
  /* ----- Ticket ----- */
431
- .erro_febraban {
432
  font-family: sans-serif !important;
433
  font-size: 12px !important;
434
  font-weight: normal !important;
@@ -439,7 +472,7 @@
439
  color: #f04449 !important;
440
  }
441
 
442
- .subtitle-ticket-checkout {
443
  font-size: 17px !important;
444
  font-family: sans-serif !important;
445
  color: #04204c;
@@ -447,14 +480,14 @@
447
  margin: 0px 0 5px !important;
448
  }
449
 
450
- .ticket-name{
451
  font-weight: bold;
452
  color: rgba(0, 0, 0, 0.8);
453
  padding-left: 5px;
454
  font-size: 13px;
455
  }
456
 
457
- .ticket-payments{
458
  text-overflow: ellipsis;
459
  white-space: nowrap;
460
  overflow: hidden;
1
+ .mp-pt-20 {
2
  padding-top: 20px !important;
3
  }
4
 
5
+ .mp-pt-5 {
6
+ padding-top: 5px !important;
7
+ }
8
+
9
+
10
+ .mp-pt-15 {
11
  padding-top: 15px !important;
12
  }
13
 
14
+ .mp-pt-10 {
15
  padding-top: 10px !important;
16
  }
17
 
18
+ .mp-pt-0{
19
  padding-top: 0px !important;
20
  }
21
 
22
+ .mp-pt-30 {
23
  padding-top: 30px !important;
24
  }
25
 
26
+ .mp-pb-15 {
27
  padding-bottom: 15px !important;
28
  }
29
 
30
+ .mp-pb-20 {
31
  padding-bottom: 20px !important;
32
  }
33
 
34
+ .mp-pb-30 {
35
  padding-bottom: 30px !important;
36
  }
37
 
38
+ .mp-pl-10 {
39
  padding-left: 10px !important;
40
  }
41
 
42
+ .mp-pr-10 {
43
  padding-right: 10px !important;
44
  }
45
 
46
+ .mp-pr-15 {
47
  padding-right: 15px !important;
48
  }
49
 
50
+ .mp-mt-5 {
51
  margin-top: 5px !important;
52
  }
53
 
54
+ .mp-mb-0 {
55
  margin-bottom: 0px !important;
56
  }
57
 
58
+ .mp-mb-20 {
59
  margin-bottom: 20px !important;
60
  }
61
 
62
+ .mp-mb-30 {
63
  margin-bottom: 30px !important;
64
  }
65
 
66
+ .mp-mt-20 {
67
  margin-top: 20px !important;
68
  }
69
 
70
+ .mp-display-inherit {
71
  display: inherit !important;
72
  }
73
 
74
+ .mp-pointer {
75
+ cursor: pointer!important;
76
  }
77
 
78
+ .mp-text-center{
79
  text-align: center !important;
80
  }
81
 
82
+ .mp-text-justify{
83
  text-align: justify !important;
84
  }
85
 
86
+ .mp-min-hg{
87
  min-height: 40px !important;
88
  }
89
 
90
+ .mp-row-checkout {
91
  width: 100%;
92
  display: inline-block;
93
  }
94
 
95
+ .mp-col-md-12 {
96
  width: 100%;
97
  display: inline-block;
98
  padding-left: 0px;
100
  text-align: left !important;
101
  }
102
 
103
+ .mp-col-md-9 {
104
  flex: 0 0 75%;
105
  width: 75%;
106
  float: left;
107
  }
108
 
109
+ .mp-col-md-8 {
110
  flex: 0 0 66.666667%;
111
  width: 66.666667%;
112
  float: left;
113
  }
114
 
115
+ .mp-col-md-6 {
116
  width: 50%;
117
  float: left;
118
  padding-left: 0px;
120
  text-align: left !important;
121
  }
122
 
123
+ .mp-col-md-4 {
124
  flex: 0 0 33.333333%;
125
  width: 33.333333%;
126
  float: left;
127
  }
128
 
129
+ .mp-col-md-3 {
130
  flex: 0 0 25%;
131
  width: 25%;
132
  float: left;
133
  }
134
 
135
+ .mp-img-fluid {
136
  max-width: 100%;
137
  height: auto;
138
  }
139
 
140
+ .mp-panel-checkout {
141
  background-color: #fff;
142
  padding: 10px 15px 25px;
143
  }
144
 
145
+ .mp-title-checkout {
146
  padding: 15px 0 0px;
147
  font-family: sans-serif;
148
  font-size: 1.20rem !important;
155
  margin: 0 !important;
156
  }
157
 
158
+ .mp-title-checkout::before {
159
  content: "" !important;
160
  width: 0 !important;
161
  height: 0 !important;
162
  margin: 0 !important;
163
  }
164
 
165
+ .submp-title-checkout {
166
  font-size: 14px !important;
167
  font-family: sans-serif !important;
168
  color: #7a7a7a;
172
  text-transform: uppercase;
173
  }
174
 
175
+ .mp-subtitle-basic-checkout {
176
  font-size: 14px !important;
177
  font-family: sans-serif !important;
178
  color: #7a7a7a;
182
  text-transform: uppercase;
183
  }
184
 
185
+ .mp-badge-checkout {
186
  font-size: 15px !important;
187
  font-family: sans-serif !important;
188
  padding: 5px 10px;
194
  border-radius: 2px;
195
  }
196
 
197
+ .mp-img-tarjetas {
198
+ padding: 8px !important;
199
+ max-height: 35px !important;
200
+ width: auto !important;
201
+ /* adaptation for all themes */
202
+ float: none !important;
203
+ position: relative !important;
204
+ right: 0px !important;
205
+ border: inherit !important;
206
+ }
207
+
208
+ .mp-img-redirect{
209
  padding: 8px !important;
210
+ max-height: 6.250em !important;
211
+ width: auto !important;
212
+ /* adaptation for all themes */
213
+ float: none !important;
214
+ position: relative !important;
215
+ right: 0px !important;
216
+ border: inherit !important;
217
+ }
218
+
219
+ .mp-img-ticket {
220
+ padding: 0px 8px !important;
221
  max-height: 35px !important;
222
  width: auto !important;
223
+ /* adaptation for all themes */
224
+ float: left !important;
225
+ position: relative !important;
226
+ right: 0px !important;
227
+ border: inherit !important;
228
  }
229
 
230
+ .mp-redirect-frame {
231
  width: 100%;
232
  text-align: center;
233
  background-color: #f5f5f5;
235
  display: inline-block;
236
  }
237
 
238
+ .mp-redirect-frame img {
239
  max-width: 160px !important;
240
  }
241
 
242
+ .mp-redirect-frame p {
243
  padding-top: 15px !important;
244
  margin-top: 0px !important;
245
  font-family: sans-serif !important;
255
 
256
  /* ----- Custom Checkout ----- */
257
 
258
+ .mp-panel-custom-checkout {
259
  background-color: #fff;
260
  padding: 10px 15px 0px;
261
  }
262
 
263
+ .mp-subtitle-custom-checkout {
264
  font-size: 17px !important;
265
  font-family: sans-serif !important;
266
  color: #04204c;
269
  margin: 0px 0 5px !important;
270
  }
271
 
272
+ .mp-subtitle-ticket-checkout {
273
  font-size: 17px !important;
274
  font-family: sans-serif !important;
275
  color: #04204c;
411
  cursor: pointer;
412
  }
413
 
414
+ .mp-frame-payments {
415
  display: none;
416
  background-color: #f5f5f5;
417
  margin-top: 10px;
418
  padding: 10px 10px 10px;
419
+ width: 100%;
420
  }
421
 
422
+ .submp-title-checkout-custom {
423
  font-size: 13px !important;
424
  font-family: sans-serif !important;
425
  color: #7a7a7a;
429
  text-transform: uppercase;
430
  }
431
 
432
+ .mp-tooltip {
433
  position: relative;
434
  display: inline-block;
435
  border-bottom: 1px dotted black;
436
  }
437
 
438
+ .mp-tooltip .mp-tooltiptext {
439
  visibility: hidden;
440
  background: #3483fa;
441
  color: #fff;
447
  font-size: 12px;
448
  }
449
 
450
+ .mp-tooltip .mp-tooltiptext:before {
451
  border: 6px solid transparent;
452
  border-right-color: #3483fa;
453
  content: "";
456
  top: 5px;
457
  }
458
 
459
+ .mp-tooltip:hover .mp-tooltiptext {
460
  visibility: visible;
461
  }
462
 
463
  /* ----- Ticket ----- */
464
+ .mp-erro_febraban {
465
  font-family: sans-serif !important;
466
  font-size: 12px !important;
467
  font-weight: normal !important;
472
  color: #f04449 !important;
473
  }
474
 
475
+ .mp-subtitle-ticket-checkout {
476
  font-size: 17px !important;
477
  font-family: sans-serif !important;
478
  color: #04204c;
480
  margin: 0px 0 5px !important;
481
  }
482
 
483
+ .mp-ticket-name{
484
  font-weight: bold;
485
  color: rgba(0, 0, 0, 0.8);
486
  padding-left: 5px;
487
  font-size: 13px;
488
  }
489
 
490
+ .mp-ticket-payments{
491
  text-overflow: ellipsis;
492
  white-space: nowrap;
493
  overflow: hidden;
assets/css/config_mercadopago.css CHANGED
@@ -3,7 +3,7 @@
3
  padding-right: 20px !important;
4
  }
5
 
6
- .pt-10 {
7
  padding-top: 10px !important;
8
  }
9
 
@@ -11,7 +11,7 @@
11
  padding-bottom: 10px !important;
12
  }
13
 
14
- .pb-20 {
15
  padding-bottom: 20px !important;
16
  }
17
 
@@ -19,11 +19,11 @@
19
  margin-top: -10px !important;
20
  }
21
 
22
- .mt-5 {
23
  margin-top: 5px;
24
  }
25
 
26
- .mb-0 {
27
  margin-bottom: 0px !important;
28
  }
29
 
@@ -35,7 +35,7 @@
35
  font-weight: 400 !important;
36
  }
37
 
38
- .text-center {
39
  text-align: center !important;
40
  }
41
 
@@ -44,13 +44,13 @@
44
  display: inline-block;
45
  }
46
 
47
- .col-md-12 {
48
  width: 100%;
49
  display: inline-block;
50
  text-align: justify !important;
51
  }
52
 
53
- .col-md-3 {
54
  width: 25%;
55
  float: left;
56
  }
@@ -223,7 +223,7 @@
223
  padding-right: 5px;
224
  }
225
 
226
- .title-checkout-body {
227
  font-family: sans-serif !important;
228
  margin: 5px 0 5px !important;
229
  font-size: 20px !important;
3
  padding-right: 20px !important;
4
  }
5
 
6
+ .mp-pt-10 {
7
  padding-top: 10px !important;
8
  }
9
 
11
  padding-bottom: 10px !important;
12
  }
13
 
14
+ .mp-pb-20 {
15
  padding-bottom: 20px !important;
16
  }
17
 
19
  margin-top: -10px !important;
20
  }
21
 
22
+ .mp-mt-5 {
23
  margin-top: 5px;
24
  }
25
 
26
+ .mp-mb-0 {
27
  margin-bottom: 0px !important;
28
  }
29
 
35
  font-weight: 400 !important;
36
  }
37
 
38
+ .mp-text-center {
39
  text-align: center !important;
40
  }
41
 
44
  display: inline-block;
45
  }
46
 
47
+ .mp-col-md-12 {
48
  width: 100%;
49
  display: inline-block;
50
  text-align: justify !important;
51
  }
52
 
53
+ .mp-col-md-3 {
54
  width: 25%;
55
  float: left;
56
  }
223
  padding-right: 5px;
224
  }
225
 
226
+ .mp-title-checkout-body {
227
  font-family: sans-serif !important;
228
  margin: 5px 0 5px !important;
229
  font-size: 20px !important;
assets/js/basic-cho.js CHANGED
@@ -1,9 +1,9 @@
1
  (function () {
2
- if (document.getElementById("payment") != undefined && document.getElementById("payment").offsetWidth <= 440) {
3
  var framePayments = document.querySelectorAll('#framePayments');
4
  for (var i = 0; i < framePayments.length; i++) {
5
  framePayments[i].className = '';
6
- framePayments[i].classList.add('col-md-12');
7
  }
8
  }
9
  }).call();
1
  (function () {
2
+ if (document.getElementById("payment") != undefined && document.getElementById("payment").offsetWidth <= 530) {
3
  var framePayments = document.querySelectorAll('#framePayments');
4
  for (var i = 0; i < framePayments.length; i++) {
5
  framePayments[i].className = '';
6
+ framePayments[i].classList.add('mp-col-md-12');
7
  }
8
  }
9
  }).call();
assets/js/basic_config_mercadopago.js CHANGED
@@ -44,7 +44,7 @@ window.onload = function () {
44
  var collapse_title = document.querySelector("#woocommerce_woo-mercado-pago-basic_checkout_advanced_settings");
45
  var collapse_table = collapse_title.nextElementSibling;
46
  collapse_table.style.display = "none";
47
- collapse_title.style.cursor = "pointer";
48
 
49
  collapse_title.innerHTML += "<span class='btn-collapsible' id='header_plus' style='display:block'>+</span>\
50
  <span class='btn-collapsible' id='header_less' style='display:none'>-</span>";
@@ -71,7 +71,7 @@ window.onload = function () {
71
  var collapse_description_2 = document.querySelector("#woocommerce_woo-mercado-pago-basic_checkout_payments_advanced_description");
72
  collapse_table_2.style.display = "none";
73
  collapse_description_2.style.display = "none";
74
- collapse_title_2.style.cursor = "pointer";
75
 
76
  collapse_title_2.innerHTML += "<span class='btn-collapsible' id='header_plus_2' style='display:block'>+</span>\
77
  <span class='btn-collapsible' id='header_less_2' style='display:none'>-</span>";
44
  var collapse_title = document.querySelector("#woocommerce_woo-mercado-pago-basic_checkout_advanced_settings");
45
  var collapse_table = collapse_title.nextElementSibling;
46
  collapse_table.style.display = "none";
47
+ collapse_title.style.cursor = "mp-pointer";
48
 
49
  collapse_title.innerHTML += "<span class='btn-collapsible' id='header_plus' style='display:block'>+</span>\
50
  <span class='btn-collapsible' id='header_less' style='display:none'>-</span>";
71
  var collapse_description_2 = document.querySelector("#woocommerce_woo-mercado-pago-basic_checkout_payments_advanced_description");
72
  collapse_table_2.style.display = "none";
73
  collapse_description_2.style.display = "none";
74
+ collapse_title_2.style.cursor = "mp-pointer";
75
 
76
  collapse_title_2.innerHTML += "<span class='btn-collapsible' id='header_plus_2' style='display:block'>+</span>\
77
  <span class='btn-collapsible' id='header_less_2' style='display:none'>-</span>";
assets/js/custom_config_mercadopago.js CHANGED
@@ -46,7 +46,7 @@ window.onload = function () {
46
  var collapse_title = document.querySelector("#woocommerce_woo-mercado-pago-custom_checkout_advanced_settings");
47
  var collapse_table = collapse_title.nextElementSibling;
48
  collapse_table.style.display = "none";
49
- collapse_title.style.cursor = "pointer";
50
 
51
  collapse_title.innerHTML += "<span class='btn-collapsible' id='header_plus' style='display:block'>+</span>\
52
  <span class='btn-collapsible' id='header_less' style='display:none'>-</span>";
@@ -76,7 +76,7 @@ window.onload = function () {
76
  var collapse_description_2 = document.querySelector("#woocommerce_woo-mercado-pago-custom_checkout_payments_advanced_description");
77
  collapse_table_2.style.display = "none";
78
  collapse_description_2.style.display = "none";
79
- collapse_title_2.style.cursor = "pointer";
80
 
81
  // var text_advanced_config = document.querySelector("#woocommerce_woo-mercado-pago-custom_checkout_custom_payments_advanced_description");
82
  // text_advanced_config.style.display = "none";
46
  var collapse_title = document.querySelector("#woocommerce_woo-mercado-pago-custom_checkout_advanced_settings");
47
  var collapse_table = collapse_title.nextElementSibling;
48
  collapse_table.style.display = "none";
49
+ collapse_title.style.cursor = "mp-pointer";
50
 
51
  collapse_title.innerHTML += "<span class='btn-collapsible' id='header_plus' style='display:block'>+</span>\
52
  <span class='btn-collapsible' id='header_less' style='display:none'>-</span>";
76
  var collapse_description_2 = document.querySelector("#woocommerce_woo-mercado-pago-custom_checkout_payments_advanced_description");
77
  collapse_table_2.style.display = "none";
78
  collapse_description_2.style.display = "none";
79
+ collapse_title_2.style.cursor = "mp-pointer";
80
 
81
  // var text_advanced_config = document.querySelector("#woocommerce_woo-mercado-pago-custom_checkout_custom_payments_advanced_description");
82
  // text_advanced_config.style.display = "none";
assets/js/ticket.js CHANGED
@@ -368,8 +368,8 @@
368
  var $field = document.querySelectorAll("[data-checkout]")[x];
369
  $field.classList.remove("mp-error-input");
370
  } //end for
371
- for (var x = 0; x < document.querySelectorAll(".erro_febraban").length; x++) {
372
- var $span = document.querySelectorAll(".erro_febraban")[x];
373
  $span.style.display = "none";
374
  }
375
  return;
@@ -389,8 +389,8 @@
389
  document.querySelector(MPv1Ticket.selectors.titleFirstName).style.display = "inline-block";
390
  document.querySelector(MPv1Ticket.selectors.titleDocNumber).style.display = "inline-block";
391
  // adjustment css
392
- document.querySelector(MPv1Ticket.selectors.boxFirstName).classList.remove("col-md-8");
393
- document.querySelector(MPv1Ticket.selectors.boxFirstName).classList.add("col-md-4");
394
  // hide elements
395
  document.querySelector(MPv1Ticket.selectors.titleFirstNameRazaoSocial).style.display = "none";
396
  document.querySelector(MPv1Ticket.selectors.titleDocNumberCNPJ).style.display = "none";
@@ -403,8 +403,8 @@
403
  document.querySelector(MPv1Ticket.selectors.titleFirstNameRazaoSocial).style.display = "inline-block";
404
  document.querySelector(MPv1Ticket.selectors.titleDocNumberCNPJ).style.display = "inline-block";
405
  // adjustment css
406
- document.querySelector(MPv1Ticket.selectors.boxFirstName).classList.remove("col-md-4");
407
- document.querySelector(MPv1Ticket.selectors.boxFirstName).classList.add("col-md-8");
408
  // Hide Elements
409
  document.querySelector(MPv1Ticket.selectors.boxLastName).style.display = "none";
410
  document.querySelector(MPv1Ticket.selectors.titleFirstName).style.display = "none";
@@ -567,11 +567,11 @@
567
 
568
  this.MPv1Ticket = MPv1Ticket;
569
 
570
- if (document.getElementById("payment") != undefined && document.getElementById("payment").offsetWidth <= 440) {
571
  var frameTicket = document.querySelectorAll('#frameTicket');
572
  for (var g = 0; g < frameTicket.length; g++) {
573
- frameTicket[g].classList.remove('col-md-6');
574
- frameTicket[g].classList.add('col-md-12');
575
  }
576
  }
577
 
368
  var $field = document.querySelectorAll("[data-checkout]")[x];
369
  $field.classList.remove("mp-error-input");
370
  } //end for
371
+ for (var x = 0; x < document.querySelectorAll(".mp-erro_febraban").length; x++) {
372
+ var $span = document.querySelectorAll(".mp-erro_febraban")[x];
373
  $span.style.display = "none";
374
  }
375
  return;
389
  document.querySelector(MPv1Ticket.selectors.titleFirstName).style.display = "inline-block";
390
  document.querySelector(MPv1Ticket.selectors.titleDocNumber).style.display = "inline-block";
391
  // adjustment css
392
+ document.querySelector(MPv1Ticket.selectors.boxFirstName).classList.remove("mp-col-md-8");
393
+ document.querySelector(MPv1Ticket.selectors.boxFirstName).classList.add("mp-col-md-4");
394
  // hide elements
395
  document.querySelector(MPv1Ticket.selectors.titleFirstNameRazaoSocial).style.display = "none";
396
  document.querySelector(MPv1Ticket.selectors.titleDocNumberCNPJ).style.display = "none";
403
  document.querySelector(MPv1Ticket.selectors.titleFirstNameRazaoSocial).style.display = "inline-block";
404
  document.querySelector(MPv1Ticket.selectors.titleDocNumberCNPJ).style.display = "inline-block";
405
  // adjustment css
406
+ document.querySelector(MPv1Ticket.selectors.boxFirstName).classList.remove("mp-col-md-4");
407
+ document.querySelector(MPv1Ticket.selectors.boxFirstName).classList.add("mp-col-md-8");
408
  // Hide Elements
409
  document.querySelector(MPv1Ticket.selectors.boxLastName).style.display = "none";
410
  document.querySelector(MPv1Ticket.selectors.titleFirstName).style.display = "none";
567
 
568
  this.MPv1Ticket = MPv1Ticket;
569
 
570
+ if (document.getElementById("payment") != undefined && document.getElementById("payment").offsetWidth <= 530) {
571
  var frameTicket = document.querySelectorAll('#frameTicket');
572
  for (var g = 0; g < frameTicket.length; g++) {
573
+ frameTicket[g].classList.remove('mp-col-md-6');
574
+ frameTicket[g].classList.add('mp-col-md-12');
575
  }
576
  }
577
 
assets/js/ticket_config_mercadopago.js CHANGED
@@ -43,7 +43,7 @@ document.getElementById("woocommerce_woo-mercado-pago-ticket_checkout_payments_a
43
  var collapse_title = document.querySelector("#woocommerce_woo-mercado-pago-ticket_checkout_advanced_settings");
44
  var collapse_table = collapse_title.nextElementSibling;
45
  collapse_table.style.display = "none";
46
- collapse_title.style.cursor = "pointer";
47
 
48
  collapse_title.innerHTML += "<span class='btn-collapsible' id='header_plus' style='display:block'>+</span>\
49
  <span class='btn-collapsible' id='header_less' style='display:none'>-</span>";
@@ -70,7 +70,7 @@ document.getElementById("woocommerce_woo-mercado-pago-ticket_checkout_payments_a
70
  var collapse_description_2 = document.querySelector("#woocommerce_woo-mercado-pago-ticket_checkout_payments_advanced_description");
71
  collapse_table_2.style.display = "none";
72
  collapse_description_2.style.display = "none";
73
- collapse_title_2.style.cursor = "pointer";
74
 
75
  collapse_title_2.innerHTML += "<span class='btn-collapsible' id='header_plus_2' style='display:block'>+</span>\
76
  <span class='btn-collapsible' id='header_less_2' style='display:none'>-</span>";
43
  var collapse_title = document.querySelector("#woocommerce_woo-mercado-pago-ticket_checkout_advanced_settings");
44
  var collapse_table = collapse_title.nextElementSibling;
45
  collapse_table.style.display = "none";
46
+ collapse_title.style.cursor = "mp-pointer";
47
 
48
  collapse_title.innerHTML += "<span class='btn-collapsible' id='header_plus' style='display:block'>+</span>\
49
  <span class='btn-collapsible' id='header_less' style='display:none'>-</span>";
70
  var collapse_description_2 = document.querySelector("#woocommerce_woo-mercado-pago-ticket_checkout_payments_advanced_description");
71
  collapse_table_2.style.display = "none";
72
  collapse_description_2.style.display = "none";
73
+ collapse_title_2.style.cursor = "mp-pointer";
74
 
75
  collapse_title_2.innerHTML += "<span class='btn-collapsible' id='header_plus_2' style='display:block'>+</span>\
76
  <span class='btn-collapsible' id='header_less_2' style='display:none'>-</span>";
includes/module/WC_WooMercadoPago_Module.php CHANGED
@@ -8,7 +8,7 @@ if (!defined('ABSPATH')) {
8
  */
9
  class WC_WooMercadoPago_Module extends WC_WooMercadoPago_Configs
10
  {
11
- const VERSION = '4.0.2';
12
  const MIN_PHP = 5.6;
13
 
14
  public static $categories = array();
8
  */
9
  class WC_WooMercadoPago_Module extends WC_WooMercadoPago_Configs
10
  {
11
+ const VERSION = '4.0.3';
12
  const MIN_PHP = 5.6;
13
 
14
  public static $categories = array();
includes/payments/WC_WooMercadoPago_BasicGateway.php CHANGED
@@ -228,8 +228,8 @@ class WC_WooMercadoPago_BasicGateway extends WC_WooMercadoPago_PaymentAbstract
228
  'title' => sprintf(
229
  __('Checkout Básico. Acepta todos los medios de pago y lleva tus cobros a otro nivel %s', 'woocommerce-mercadopago'),
230
  '<div class="row">
231
- <div class="col-md-12">
232
- <p class="text-checkout-body mb-0">
233
  ' . __('Convierte tu tienda online en la pasarela de pagos preferida de tus clientes. Elige si la experiencia de pago final será dentro o fuera de tu tienda.', 'woocommerce-mercadopago') . '
234
  </p>
235
  </div>
@@ -275,7 +275,7 @@ class WC_WooMercadoPago_BasicGateway extends WC_WooMercadoPago_PaymentAbstract
275
  $checkout_options_subtitle = array(
276
  'title' => __('Ve a lo básico. Coloca la información de tu negocio.', 'woocommerce-mercadopago'),
277
  'type' => 'title',
278
- 'class' => 'mp_subtitle mt-5'
279
  );
280
  return $checkout_options_subtitle;
281
  }
@@ -418,7 +418,9 @@ class WC_WooMercadoPago_BasicGateway extends WC_WooMercadoPago_PaymentAbstract
418
  $count_payment = 0;
419
 
420
  foreach ($all_payments as $payment_method) {
421
- if ($payment_method['type'] != 'account_money') {
 
 
422
  if ($payment_method['type'] == 'credit_card') {
423
  $element = array(
424
  'label' => $payment_method['name'],
228
  'title' => sprintf(
229
  __('Checkout Básico. Acepta todos los medios de pago y lleva tus cobros a otro nivel %s', 'woocommerce-mercadopago'),
230
  '<div class="row">
231
+ <div class="mp-col-md-12">
232
+ <p class="text-checkout-body mp-mb-0">
233
  ' . __('Convierte tu tienda online en la pasarela de pagos preferida de tus clientes. Elige si la experiencia de pago final será dentro o fuera de tu tienda.', 'woocommerce-mercadopago') . '
234
  </p>
235
  </div>
275
  $checkout_options_subtitle = array(
276
  'title' => __('Ve a lo básico. Coloca la información de tu negocio.', 'woocommerce-mercadopago'),
277
  'type' => 'title',
278
+ 'class' => 'mp_subtitle mp-mt-5'
279
  );
280
  return $checkout_options_subtitle;
281
  }
418
  $count_payment = 0;
419
 
420
  foreach ($all_payments as $payment_method) {
421
+ if ($payment_method['type'] == 'account_money') {
422
+ continue;
423
+ } else {
424
  if ($payment_method['type'] == 'credit_card') {
425
  $element = array(
426
  'label' => $payment_method['name'],
includes/payments/WC_WooMercadoPago_CustomGateway.php CHANGED
@@ -152,8 +152,8 @@ class WC_WooMercadoPago_CustomGateway extends WC_WooMercadoPago_PaymentAbstract
152
  'title' => sprintf(
153
  __('Checkout de pagos con tarjetas de débito y crédito<br> Acepta pagos al instante y maximiza la conversión de tu negocio %s', 'woocommerce-mercadopago'),
154
  '<div class="row">
155
- <div class="col-md-12">
156
- <p class="text-checkout-body mb-0">
157
  ' . __('Convierte tu tienda online en una pasarela de pagos segura y fácil de usar para tus clientes. Con el checkout personalizado tus clientes pagan ¡sin salir de tu tienda!', 'woocommerce-mercadopago') . '
158
  </p>
159
  </div>
@@ -186,7 +186,7 @@ class WC_WooMercadoPago_CustomGateway extends WC_WooMercadoPago_PaymentAbstract
186
  $checkout_custom_options_subtitle = array(
187
  'title' => __('Ve a lo básico. Coloca la información de tu negocio.', 'woocommerce-mercadopago'),
188
  'type' => 'title',
189
- 'class' => 'mp_subtitle mt-5'
190
  );
191
  return $checkout_custom_options_subtitle;
192
  }
152
  'title' => sprintf(
153
  __('Checkout de pagos con tarjetas de débito y crédito<br> Acepta pagos al instante y maximiza la conversión de tu negocio %s', 'woocommerce-mercadopago'),
154
  '<div class="row">
155
+ <div class="mp-col-md-12">
156
+ <p class="text-checkout-body mp-mb-0">
157
  ' . __('Convierte tu tienda online en una pasarela de pagos segura y fácil de usar para tus clientes. Con el checkout personalizado tus clientes pagan ¡sin salir de tu tienda!', 'woocommerce-mercadopago') . '
158
  </p>
159
  </div>
186
  $checkout_custom_options_subtitle = array(
187
  'title' => __('Ve a lo básico. Coloca la información de tu negocio.', 'woocommerce-mercadopago'),
188
  'type' => 'title',
189
+ 'class' => 'mp_subtitle mp-mt-5'
190
  );
191
  return $checkout_custom_options_subtitle;
192
  }
includes/payments/WC_WooMercadoPago_PaymentAbstract.php CHANGED
@@ -387,39 +387,39 @@ class WC_WooMercadoPago_PaymentAbstract extends WC_Payment_Gateway
387
  $checkout_steps = array(
388
  'title' => sprintf(
389
  '<div class="row">
390
- <h4 class="title-checkout-body pb-20">' . __('<b>Sigue estos pasos para activar Mercado Pago en tu tienda:</b>', 'woocommerce-mercadopago') . '</h4>
391
 
392
- <div class="col-md-2 text-center pb-10">
393
  <p class="number-checkout-body">1</p>
394
- <p class="text-checkout-body text-center px-20">
395
  ' . __('Carga tus <b>credenciales</b> para testear la tienda y cobrar con tu cuenta de Mercado Pago <b>según el país</b> en el que estés registrado.', 'woocommerce-mercadopago') . '
396
  </p>
397
  </div>
398
 
399
- <div class="col-md-2 text-center pb-10">
400
  <p class="number-checkout-body">2</p>
401
- <p class="text-checkout-body text-center px-20">
402
  ' . __('Homologa tu cuenta para poder cobrar.', 'woocommerce-mercadopago') . '
403
  </p>
404
  </div>
405
 
406
- <div class="col-md-2 text-center pb-10">
407
  <p class="number-checkout-body">3</p>
408
- <p class="text-checkout-body text-center px-20">
409
  ' . __('Añade la información básica de tu negocio en la configuración del plugin.', 'woocommerce-mercadopago') . '
410
  </p>
411
  </div>
412
 
413
- <div class="col-md-2 text-center pb-10">
414
  <p class="number-checkout-body">4</p>
415
- <p class="text-checkout-body text-center px-20">
416
  ' . __('Configura las <b>preferencias de pago</b> para tus clientes.', 'woocommerce-mercadopago') . '
417
  </p>
418
  </div>
419
 
420
- <div class="col-md-2 text-center pb-10">
421
  <p class="number-checkout-body">5</p>
422
- <p class="text-checkout-body text-center px-20">
423
  ' . __('Ve a <b>configuraciones avanzadas</b> tanto del plugin como del checkout solo cuando quieras modificar los ajustes preestablecidos.', 'woocommerce-mercadopago') . '
424
  </p>
425
  </div>
@@ -651,7 +651,7 @@ class WC_WooMercadoPago_PaymentAbstract extends WC_Payment_Gateway
651
  <td class="forminp">
652
  <fieldset>
653
  <a class="mp_general_links" href="https://www.mercadopago.com/' . $country . '/account/credentials" target="_blank">' . __('Buscar mis credenciales', 'woocommerce-mercadopago') . '</a>
654
- <p class="description fw-400 mb-0"></p>
655
  </fieldset>
656
  </td>
657
  </tr>
@@ -909,7 +909,7 @@ class WC_WooMercadoPago_PaymentAbstract extends WC_Payment_Gateway
909
  $checkout_payments_subtitle = array(
910
  'title' => __('Configuración Básica', 'woocommerce-mercadopago'),
911
  'type' => 'title',
912
- 'class' => 'mp_subtitle mt-5'
913
  );
914
  return $checkout_payments_subtitle;
915
  }
387
  $checkout_steps = array(
388
  'title' => sprintf(
389
  '<div class="row">
390
+ <h4 class="mp-title-checkout-body mp-pb-20">' . __('<b>Sigue estos pasos para activar Mercado Pago en tu tienda:</b>', 'woocommerce-mercadopago') . '</h4>
391
 
392
+ <div class="col-md-2 mp-text-center pb-10">
393
  <p class="number-checkout-body">1</p>
394
+ <p class="text-checkout-body mp-text-center px-20">
395
  ' . __('Carga tus <b>credenciales</b> para testear la tienda y cobrar con tu cuenta de Mercado Pago <b>según el país</b> en el que estés registrado.', 'woocommerce-mercadopago') . '
396
  </p>
397
  </div>
398
 
399
+ <div class="col-md-2 mp-text-center pb-10">
400
  <p class="number-checkout-body">2</p>
401
+ <p class="text-checkout-body mp-text-center px-20">
402
  ' . __('Homologa tu cuenta para poder cobrar.', 'woocommerce-mercadopago') . '
403
  </p>
404
  </div>
405
 
406
+ <div class="col-md-2 mp-text-center pb-10">
407
  <p class="number-checkout-body">3</p>
408
+ <p class="text-checkout-body mp-text-center px-20">
409
  ' . __('Añade la información básica de tu negocio en la configuración del plugin.', 'woocommerce-mercadopago') . '
410
  </p>
411
  </div>
412
 
413
+ <div class="col-md-2 mp-text-center pb-10">
414
  <p class="number-checkout-body">4</p>
415
+ <p class="text-checkout-body mp-text-center px-20">
416
  ' . __('Configura las <b>preferencias de pago</b> para tus clientes.', 'woocommerce-mercadopago') . '
417
  </p>
418
  </div>
419
 
420
+ <div class="col-md-2 mp-text-center pb-10">
421
  <p class="number-checkout-body">5</p>
422
+ <p class="text-checkout-body mp-text-center px-20">
423
  ' . __('Ve a <b>configuraciones avanzadas</b> tanto del plugin como del checkout solo cuando quieras modificar los ajustes preestablecidos.', 'woocommerce-mercadopago') . '
424
  </p>
425
  </div>
651
  <td class="forminp">
652
  <fieldset>
653
  <a class="mp_general_links" href="https://www.mercadopago.com/' . $country . '/account/credentials" target="_blank">' . __('Buscar mis credenciales', 'woocommerce-mercadopago') . '</a>
654
+ <p class="description fw-400 mp-mb-0"></p>
655
  </fieldset>
656
  </td>
657
  </tr>
909
  $checkout_payments_subtitle = array(
910
  'title' => __('Configuración Básica', 'woocommerce-mercadopago'),
911
  'type' => 'title',
912
+ 'class' => 'mp_subtitle mp-mt-5'
913
  );
914
  return $checkout_payments_subtitle;
915
  }
includes/payments/WC_WooMercadoPago_TicketGateway.php CHANGED
@@ -182,8 +182,8 @@ class WC_WooMercadoPago_TicketGateway extends WC_WooMercadoPago_PaymentAbstract
182
  'title' => sprintf(
183
  __('Checkout de pagos con dinero en efectivo<br> Acepta pagos presenciales ¡no dejes a nadie afuera! %s', 'woocommerce-mercadopago'),
184
  '<div class="row">
185
- <div class="col-md-12">
186
- <p class="text-checkout-body mb-0">
187
  ' . __('Incluye esta opción de compra preferida por algunos clientes.', 'woocommerce-mercadopago') . '
188
  </p>
189
  </div>
@@ -216,7 +216,7 @@ class WC_WooMercadoPago_TicketGateway extends WC_WooMercadoPago_PaymentAbstract
216
  $checkout_options_subtitle = array(
217
  'title' => __('Ve a lo básico. Coloca la información de tu negocio.', 'woocommerce-mercadopago'),
218
  'type' => 'title',
219
- 'class' => 'mp_subtitle mt-5'
220
  );
221
  return $checkout_options_subtitle;
222
  }
182
  'title' => sprintf(
183
  __('Checkout de pagos con dinero en efectivo<br> Acepta pagos presenciales ¡no dejes a nadie afuera! %s', 'woocommerce-mercadopago'),
184
  '<div class="row">
185
+ <div class="mp-col-md-12">
186
+ <p class="text-checkout-body mp-mb-0">
187
  ' . __('Incluye esta opción de compra preferida por algunos clientes.', 'woocommerce-mercadopago') . '
188
  </p>
189
  </div>
216
  $checkout_options_subtitle = array(
217
  'title' => __('Ve a lo básico. Coloca la información de tu negocio.', 'woocommerce-mercadopago'),
218
  'type' => 'title',
219
+ 'class' => 'mp_subtitle mp-mt-5'
220
  );
221
  return $checkout_options_subtitle;
222
  }
readme.txt CHANGED
@@ -1,10 +1,10 @@
1
  === WooCommerce Mercado Pago ===
2
  Contributors: mercadopago, mercadolivre, claudiosanches, marcelohama
3
  Tags: ecommerce, mercadopago, woocommerce
4
- Requires at least: 4.9.7
5
  Tested up to: 5.2.2
6
  Requires PHP: 5.6
7
- Stable tag: 4.0.2
8
  License: GPLv2 or later
9
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -113,6 +113,12 @@ Check out our <a href="https://www.mercadopago.com.br/developers/pt/plugins_sdks
113
 
114
  == Changelog ==
115
 
 
 
 
 
 
 
116
  = v4.0.2 (02/09/2019) =
117
  * Feature All
118
  - Performance improvement
1
  === WooCommerce Mercado Pago ===
2
  Contributors: mercadopago, mercadolivre, claudiosanches, marcelohama
3
  Tags: ecommerce, mercadopago, woocommerce
4
+ Requires at least: 4.9.10
5
  Tested up to: 5.2.2
6
  Requires PHP: 5.6
7
+ Stable tag: 4.0.3
8
  License: GPLv2 or later
9
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
10
 
113
 
114
  == Changelog ==
115
 
116
+ = v4.0.3 (03/09/2019) =
117
+ * Bug fixes
118
+ - Fixed basic checkout layout when theme uses bootstrap
119
+ - Fixed all Custom checkout layout when theme uses bootstrap
120
+ - Fixed input blank in basic checkout config
121
+
122
  = v4.0.2 (02/09/2019) =
123
  * Feature All
124
  - Performance improvement
templates/checkout/basic_checkout.php CHANGED
@@ -3,19 +3,19 @@ if (!defined('ABSPATH')) {
3
  exit;
4
  }
5
  ?>
6
- <div class="panel-checkout">
7
- <div class="row">
8
  <?php if($credito != 0): ?>
9
- <div id="framePayments" class="col-md-12">
10
  <div class="frame-tarjetas">
11
- <p class="subtitle-basic-checkout">
12
  <?= __('Tarjetas de crédito', 'woocommerce-mercadopago') ?>
13
- <span class="badge-checkout"><?=__('Hasta', 'woocommerce-mercadopago')?> <?= $installments ?> <?=__($str_cuotas, 'woocommerce-mercadopago')?></span>
14
  </p>
15
 
16
  <?php foreach($tarjetas as $tarjeta): ?>
17
  <?php if ($tarjeta['type'] == 'credit_card'): ?>
18
- <img src="<?= $tarjeta['image'] ?>" class="img-fluid img-tarjetas" alt=""/>
19
  <?php endif; ?>
20
  <?php endforeach; ?>
21
  </div>
@@ -23,13 +23,13 @@ if (!defined('ABSPATH')) {
23
  <?php endif; ?>
24
 
25
  <?php if($debito != 0): ?>
26
- <div id="framePayments" class="col-md-6 pr-15">
27
  <div class="frame-tarjetas">
28
- <p class="subtitle-checkout"><?=__('Tarjetas de débito', 'woocommerce-mercadopago')?></p>
29
 
30
  <?php foreach($tarjetas as $tarjeta): ?>
31
  <?php if ($tarjeta['type'] == 'debit_card' || $tarjeta['type'] == 'prepaid_card'): ?>
32
- <img src="<?= $tarjeta['image'] ?>" class="img-fluid img-tarjetas" alt="" />
33
  <?php endif; ?>
34
  <?php endforeach; ?>
35
  </div>
@@ -37,22 +37,22 @@ if (!defined('ABSPATH')) {
37
  <?php endif; ?>
38
 
39
  <?php if($efectivo != 0): ?>
40
- <div id="framePayments" class="col-md-6">
41
  <div class="frame-tarjetas">
42
- <p class="subtitle-checkout"><?=__('Pagos en efectivo', 'woocommerce-mercadopago')?></p>
43
 
44
  <?php foreach($tarjetas as $tarjeta): ?>
45
  <?php if ($tarjeta['type'] != 'credit_card' && $tarjeta['type'] != 'debit_card' && $tarjeta['type'] != 'prepaid_card'): ?>
46
- <img src="<?= $tarjeta['image'] ?>" class="img-fluid img-tarjetas" alt=""/>
47
  <?php endif; ?>
48
  <?php endforeach; ?>
49
  </div>
50
  </div>
51
  <?php endif; ?>
52
 
53
- <div class="col-md-12 pt-20">
54
- <div class="redirect-frame">
55
- <img src="<?= $cho_image ?>" class="img-fluid" alt=""/>
56
  <p><?=__('Te llevamos a nuestro sitio para completar el pago', 'woocommerce-mercadopago')?></p>
57
  </div>
58
  </div>
3
  exit;
4
  }
5
  ?>
6
+ <div class="mp-panel-checkout">
7
+ <div class="mp-row-checkout">
8
  <?php if($credito != 0): ?>
9
+ <div id="framePayments" class="mp-col-md-12">
10
  <div class="frame-tarjetas">
11
+ <p class="mp-subtitle-basic-checkout">
12
  <?= __('Tarjetas de crédito', 'woocommerce-mercadopago') ?>
13
+ <span class="mp-badge-checkout"><?=__('Hasta', 'woocommerce-mercadopago')?> <?= $installments ?> <?=__($str_cuotas, 'woocommerce-mercadopago')?></span>
14
  </p>
15
 
16
  <?php foreach($tarjetas as $tarjeta): ?>
17
  <?php if ($tarjeta['type'] == 'credit_card'): ?>
18
+ <img src="<?= $tarjeta['image'] ?>" class="mp-img-fluid mp-img-tarjetas" alt=""/>
19
  <?php endif; ?>
20
  <?php endforeach; ?>
21
  </div>
23
  <?php endif; ?>
24
 
25
  <?php if($debito != 0): ?>
26
+ <div id="framePayments" class="mp-col-md-6 mp-pr-15">
27
  <div class="frame-tarjetas">
28
+ <p class="submp-title-checkout"><?=__('Tarjetas de débito', 'woocommerce-mercadopago')?></p>
29
 
30
  <?php foreach($tarjetas as $tarjeta): ?>
31
  <?php if ($tarjeta['type'] == 'debit_card' || $tarjeta['type'] == 'prepaid_card'): ?>
32
+ <img src="<?= $tarjeta['image'] ?>" class="mp-img-fluid mp-img-tarjetas" alt="" />
33
  <?php endif; ?>
34
  <?php endforeach; ?>
35
  </div>
37
  <?php endif; ?>
38
 
39
  <?php if($efectivo != 0): ?>
40
+ <div id="framePayments" class="mp-col-md-6">
41
  <div class="frame-tarjetas">
42
+ <p class="submp-title-checkout"><?=__('Pagos en efectivo', 'woocommerce-mercadopago')?></p>
43
 
44
  <?php foreach($tarjetas as $tarjeta): ?>
45
  <?php if ($tarjeta['type'] != 'credit_card' && $tarjeta['type'] != 'debit_card' && $tarjeta['type'] != 'prepaid_card'): ?>
46
+ <img src="<?= $tarjeta['image'] ?>" class="mp-img-fluid mp-img-tarjetas" alt=""/>
47
  <?php endif; ?>
48
  <?php endforeach; ?>
49
  </div>
50
  </div>
51
  <?php endif; ?>
52
 
53
+ <div class="mp-col-md-12 mp-pt-20">
54
+ <div class="mp-redirect-frame">
55
+ <img src="<?= $cho_image ?>" class="mp-img-fluid mp-img-redirect" alt=""/>
56
  <p><?=__('Te llevamos a nuestro sitio para completar el pago', 'woocommerce-mercadopago')?></p>
57
  </div>
58
  </div>
templates/checkout/custom_checkout.php CHANGED
@@ -3,49 +3,49 @@ if (!defined('ABSPATH')) {
3
  exit;
4
  }
5
  ?>
6
- <div class="panel-custom-checkout">
7
- <div class="row">
8
  <div class="mp-frame-links">
9
- <a class="mp-checkout-link pr-10" id="button-show-payments">
10
  <?= __('Con qué Tarjetas puedo pagar', 'woocommerce-mercadopago') ?> ⌵
11
  </a>
12
  <span id="mp_promotion_link"> | </span>
13
- <a href="https://www.mercadopago.com.ar/cuotas" id="mp_checkout_link" class="mp-checkout-link pl-10" target="_blank">
14
  <?= __('Ver promociones vigentes', 'woocommerce-mercadopago') ?>
15
  </a>
16
  </div>
17
 
18
- <div class="frame-payments" id="frame-payments">
19
- <div class="col-md-12">
20
  <div class="frame-tarjetas">
21
  <?php if (count($credit_card) != 0) : ?>
22
- <p class="subtitle-checkout-custom"><?= __('Tarjetas de crédito', 'woocommerce-mercadopago') ?></p>
23
  <?php foreach ($credit_card as $credit_image) : ?>
24
- <img src="<?= $credit_image ?>" class="img-fluid img-tarjetas" alt="" />
25
  <?php endforeach; ?>
26
  <?php endif; ?>
27
 
28
  <?php if (count($debit_card) != 0) : ?>
29
- <p class="subtitle-checkout-custom pt-10"><?= __('Tarjetas de débito', 'woocommerce-mercadopago') ?></p>
30
  <?php foreach ($debit_card as $debit_image) : ?>
31
- <img src="<?= $debit_image ?>" class="img-fluid img-tarjetas" alt="" />
32
  <?php endforeach; ?>
33
  <?php endif; ?>
34
  </div>
35
  </div>
36
  </div>
37
 
38
- <div class="col-md-12" id="mercadopago-form-coupon">
39
- <div class="frame-tarjetas text-justify">
40
- <p class="subtitle-custom-checkout"><?= __('Ingresa tu cupón de descuento', 'woocommerce-mercadopago') ?></p>
41
 
42
- <div class="row pt-10">
43
- <div class="col-md-9 pr-15">
44
  <input type="text" class="mp-form-control" id="couponCode" name="mercadopago_custom[coupon_code]" autocomplete="off" maxlength="24" placeholder="<?= __('Ingresa tu cupón', 'woocommerce-mercadopago') ?>" />
45
  </div>
46
 
47
- <div class="col-md-3">
48
- <input type="button" class="mp-button pointer" id="applyCoupon" value="<?= esc_html__('Aplicar', 'woocommerce-mercadopago'); ?>">
49
  </div>
50
  </div>
51
 
@@ -54,16 +54,16 @@ if (!defined('ABSPATH')) {
54
  </div>
55
  </div>
56
 
57
- <div class="col-md-12">
58
  <div class="frame-tarjetas">
59
- <p class="subtitle-custom-checkout"><?= __('Ingresa los datos de tu tarjeta', 'woocommerce-mercadopago') ?></p>
60
 
61
  <!-- saved cards -->
62
  <div id="mercadopago-form-customer-and-card">
63
- <div class="row pt-10">
64
- <div class="col-md-12">
65
  <label for="paymentMethodIdSelector" class="mp-label-form"><?= esc_html__('Payment Method', 'woocommerce-mercadopago'); ?> <em>*</em></label>
66
- <select id="paymentMethodSelector" class="mp-form-control pointer" name="mercadopago_custom[paymentMethodSelector]" data-checkout="cardId">
67
  <optgroup label="<?= esc_html__('Tu tarjeta', 'woocommerce-mercadopago'); ?>" id="payment-methods-for-customer-and-cards">
68
  <?php foreach ($customer_cards as $card) : ?>
69
  <option value="<?= $card['id']; ?>
@@ -85,7 +85,7 @@ if (!defined('ABSPATH')) {
85
  </select>
86
  </div>
87
 
88
- <div class="col-md-4">
89
  <div id="mp-securityCode-customer-and-card">
90
  <div class="mp-box-inputs mp-col-45">
91
  <label for="customer-and-card-securityCode" class="mp-label-form"><?= esc_html__('CVV', 'woocommerce-mercadopago'); ?> <em>*</em></label>
@@ -103,64 +103,64 @@ if (!defined('ABSPATH')) {
103
 
104
  <!-- new card -->
105
  <div id="mercadopago-form">
106
- <div class="row pt-10">
107
- <div class="col-md-12">
108
  <label for="cardNumber" class="mp-label-form"><?= esc_html__('Número de Tarjeta', 'woocommerce-mercadopago'); ?> <em>*</em></label>
109
- <input type="text" onkeyup="maskDate(this, mcc);" class="mp-form-control mt-5" id="cardNumber" data-checkout="cardNumber" autocomplete="off" maxlength="23" />
110
 
111
- <span class="mp-error mt-5" id="mp-error-205" data-main="#cardNumber"><?= esc_html__('Este campo no puede estar vacío', 'woocommerce-mercadopago'); ?></span>
112
- <span class="mp-error mt-5" id="mp-error-E301" data-main="#cardNumber"><?= esc_html__('Numero de tarjeta invalido', 'woocommerce-mercadopago'); ?></span>
113
  </div>
114
  </div>
115
 
116
- <div class="row pt-10">
117
- <div class="col-md-12">
118
  <label for="cardholderName" class="mp-label-form"><?= esc_html__('Nombre y apellido del titular de la tarjeta', 'woocommerce-mercadopago'); ?> <em>*</em></label>
119
- <input type="text" class="mp-form-control mt-5" id="cardholderName" name="mercadopago_custom[cardholderName]" data-checkout="cardholderName" autocomplete="off" />
120
 
121
- <span class="mp-error mt-5" id="mp-error-221" data-main="#cardholderName"><?= esc_html__('Este campo no puede estar vacío', 'woocommerce-mercadopago'); ?></span>
122
- <span class="mp-error mt-5" id="mp-error-316" data-main="#cardholderName"><?= esc_html__('Nombre del titular de la tarjeta no válido', 'woocommerce-mercadopago'); ?></span>
123
  </div>
124
  </div>
125
 
126
- <div class="row pt-10">
127
- <div class="col-md-6 pr-15">
128
  <label for="cardholderName" class="mp-label-form"><?= esc_html__('Fecha de vencimiento', 'woocommerce-mercadopago'); ?> <em>*</em></label>
129
- <input type="text" onkeyup="maskDate(this, mdate);" onblur="validateMonthYear()" class="mp-form-control mt-5" id="cardExpirationDate" data-checkout="cardExpirationDate" name="mercadopago_custom[cardExpirationDate]" autocomplete="off" placeholder="MM/AAAA" maxlength="7" />
130
  <input type="hidden" id="cardExpirationMonth" name="mercadopago_custom[cardExpirationMonth]" data-checkout="cardExpirationMonth">
131
  <input type="hidden" id="cardExpirationYear" name="mercadopago_custom[cardExpirationYear]" data-checkout="cardExpirationYear">
132
 
133
- <span class="mp-error mt-5" id="mp-error-208" data-main="#cardExpirationDate"><?= esc_html__('Fecha de expiracion inválida', 'woocommerce-mercadopago'); ?></span>
134
  </div>
135
 
136
- <div class="col-md-6">
137
  <label for="securityCode" class="mp-label-form"><?= esc_html__('Código de seguridad', 'woocommerce-mercadopago'); ?> <em>*</em></label>
138
- <input type="text" onkeyup="maskDate(this, minteger);" class="mp-form-control mt-5" id="securityCode" data-checkout="securityCode" autocomplete="off" maxlength="4" />
139
 
140
- <p class="mp-desc mt-5 mb-0" data-main="#securityCode"><?= esc_html__('Últimos 3 números del dorso', 'woocommerce-mercadopago'); ?></p>
141
- <span class="mp-error mt-5" id="mp-error-224" data-main="#securityCode"><?= esc_html__('Este campo no puede estar vacío', 'woocommerce-mercadopago'); ?></span>
142
- <span class="mp-error mt-5" id="mp-error-E302" data-main="#securityCode"><?= esc_html__('Código de seguridad invalido', 'woocommerce-mercadopago'); ?></span>
143
  </div>
144
  </div>
145
 
146
- <div class="col-md-12">
147
  <div class="frame-tarjetas">
148
- <p class="subtitle-custom-checkout"><?= __('En cuántas cuotas quieres pagar', 'woocommerce-mercadopago') ?></p>
149
 
150
- <div class="row pt-10">
151
- <div class="col-md-4 pr-15">
152
  <div class="mp-issuer">
153
  <label for="issuer" class="mp-label-form"><?= esc_html__('Issuer', 'woocommerce-mercadopago'); ?> <em>*</em></label>
154
- <select class="mp-form-control pointer mt-5" id="issuer" data-checkout="issuer" name="mercadopago_custom[issuer]"></select>
155
  </div>
156
  </div>
157
 
158
- <div id="installments-div" class="col-md-8">
159
  <?php if ($currency_ratio != 1) : ?>
160
  <label for="installments" class="mp-label-form">
161
- <div class="tooltip">
162
  <?= esc_html__('', 'woocommerce-mercadopago'); ?>
163
- <span class="tooltiptext">
164
  <?=
165
  esc_html__('Pago convertido de', 'woocommerce-mercadopago') . " " .
166
  $woocommerce_currency . " " . esc_html__('para', 'woocommerce-mercadopago') . " " .
@@ -174,7 +174,7 @@ if (!defined('ABSPATH')) {
174
  <label for="installments" class="mp-label-form"><?= __('Seleccione el número de cotas', 'woocommerce-mercadopago') ?></label>
175
  <?php endif; ?>
176
 
177
- <select class="mp-form-control pointer mt-5" id="installments" data-checkout="installments" name="mercadopago_custom[installments]"></select>
178
 
179
  <div id="mp-box-input-tax-cft">
180
  <div id="mp-box-input-tax-tea">
@@ -187,32 +187,32 @@ if (!defined('ABSPATH')) {
187
  </div>
188
  </div>
189
 
190
- <div id="mp-doc-div" class="col-md-12 mp-doc">
191
  <div class="frame-tarjetas">
192
- <p class="subtitle-custom-checkout"><?= __('Ingresa tu número de documento', 'woocommerce-mercadopago') ?></p>
193
 
194
- <div class="row pt-10">
195
- <div class="col-md-4 pr-15">
196
  <label for="docType" class="mp-label-form"><?= esc_html__('Tipo', 'woocommerce-mercadopago'); ?></label>
197
- <select id="docType" class="mp-form-control pointer mt-5" data-checkout="docType" name="mercadopago_custom[docType]"></select>
198
  </div>
199
 
200
- <div class="col-md-8">
201
  <label for="docNumber" class="mp-label-form"><?= esc_html__('Número de documento', 'woocommerce-mercadopago'); ?> <em>*</em></label>
202
- <input type="text" class="mp-form-control mt-5" id="docNumber" data-checkout="docNumber" name="mercadopago_custom[docNumber]" autocomplete="off" />
203
- <p class="mp-desc mt-5 mb-0" data-main="#securityCode"><?= esc_html__('Sólo números', 'woocommerce-mercadopago'); ?></p>
204
 
205
- <span class="mp-error mt-5" id="mp-error-214" data-main="#docNumber"><?= esc_html__('Este campo no puede estar vacío', 'woocommerce-mercadopago'); ?></span>
206
- <span class="mp-error mt-5" id="mp-error-324" data-main="#docNumber"><?= esc_html__('Número de documento no válido', 'woocommerce-mercadopago'); ?></span>
207
  </div>
208
  </div>
209
  </div>
210
  </div>
211
 
212
- <div class="col-md-12 pt-10">
213
  <div class="frame-tarjetas">
214
- <div class="row pt-10">
215
- <label for="doNotSaveCard" class="mp-label-form-check pointer" style="display: inline;">
216
  <input class="mp-form-control-check" type="checkbox" name="mercadopago_custom[doNotSaveCard]" id="doNotSaveCard" value="yes">
217
  <?= esc_html__('No guardar la tarjeta', 'woocommerce-mercadopago'); ?>
218
  </label>
@@ -249,13 +249,13 @@ if (!defined('ABSPATH')) {
249
  <script type="text/javascript">
250
  //collapsible payments
251
  var show_payments = document.querySelector("#button-show-payments")
252
- var frame_payments = document.querySelector("#frame-payments");
253
 
254
  show_payments.onclick = function() {
255
- if (frame_payments.style.display == "block") {
256
  frame_payments.style.display = "none";
257
  } else {
258
- frame_payments.style.display = "block";
259
  }
260
  };
261
 
@@ -1317,12 +1317,12 @@ if (!defined('ABSPATH')) {
1317
  // flow: MLB AND MCO
1318
  if (MPv1.site_id == "MLB") {
1319
  document.querySelector(MPv1.selectors.mpIssuer).style.display = "none";
1320
- document.getElementById('installments-div').classList.remove('col-md-8');
1321
- document.getElementById('installments-div').classList.add('col-md-12');
1322
  } else if (MPv1.site_id == "MCO") {
1323
  document.querySelector(MPv1.selectors.mpIssuer).style.display = "none";
1324
- document.getElementById('installments-div').classList.remove('col-md-8');
1325
- document.getElementById('installments-div').classList.add('col-md-12');
1326
  } else if (MPv1.site_id == "MLA") {
1327
  document.querySelector(MPv1.selectors.mpIssuer).style.display = "block";
1328
  document.querySelector(MPv1.selectors.taxCFT).style.display = "block";
@@ -1330,8 +1330,8 @@ if (!defined('ABSPATH')) {
1330
  MPv1.addListenerEvent(document.querySelector(MPv1.selectors.installments), "change", MPv1.showTaxes);
1331
  } else if (MPv1.site_id == "MLC") {
1332
  document.querySelector(MPv1.selectors.mpIssuer).style.display = "none";
1333
- document.getElementById('installments-div').classList.remove('col-md-8');
1334
- document.getElementById('installments-div').classList.add('col-md-12');
1335
  }
1336
 
1337
  if (MPv1.debug) {
3
  exit;
4
  }
5
  ?>
6
+ <div class="mp-panel-custom-checkout">
7
+ <div class="mp-row-checkout">
8
  <div class="mp-frame-links">
9
+ <a class="mp-checkout-link mp-pr-10" id="button-show-payments">
10
  <?= __('Con qué Tarjetas puedo pagar', 'woocommerce-mercadopago') ?> ⌵
11
  </a>
12
  <span id="mp_promotion_link"> | </span>
13
+ <a href="https://www.mercadopago.com.ar/cuotas" id="mp_checkout_link" class="mp-checkout-link mp-pl-10" target="_blank">
14
  <?= __('Ver promociones vigentes', 'woocommerce-mercadopago') ?>
15
  </a>
16
  </div>
17
 
18
+ <div class="mp-frame-payments" id="mp-frame-payments">
19
+ <div class="mp-col-md-12">
20
  <div class="frame-tarjetas">
21
  <?php if (count($credit_card) != 0) : ?>
22
+ <p class="submp-title-checkout-custom"><?= __('Tarjetas de crédito', 'woocommerce-mercadopago') ?></p>
23
  <?php foreach ($credit_card as $credit_image) : ?>
24
+ <img src="<?= $credit_image ?>" class="mp-img-fluid mp-img-tarjetas" alt="" />
25
  <?php endforeach; ?>
26
  <?php endif; ?>
27
 
28
  <?php if (count($debit_card) != 0) : ?>
29
+ <p class="submp-title-checkout-custom mp-pt-10"><?= __('Tarjetas de débito', 'woocommerce-mercadopago') ?></p>
30
  <?php foreach ($debit_card as $debit_image) : ?>
31
+ <img src="<?= $debit_image ?>" class="mp-img-fluid mp-img-tarjetas" alt="" />
32
  <?php endforeach; ?>
33
  <?php endif; ?>
34
  </div>
35
  </div>
36
  </div>
37
 
38
+ <div class="mp-col-md-12" id="mercadopago-form-coupon">
39
+ <div class="frame-tarjetas mp-text-justify">
40
+ <p class="mp-subtitle-custom-checkout"><?= __('Ingresa tu cupón de descuento', 'woocommerce-mercadopago') ?></p>
41
 
42
+ <div class="mp-row-checkout mp-pt-10">
43
+ <div class="mp-col-md-9 mp-pr-15">
44
  <input type="text" class="mp-form-control" id="couponCode" name="mercadopago_custom[coupon_code]" autocomplete="off" maxlength="24" placeholder="<?= __('Ingresa tu cupón', 'woocommerce-mercadopago') ?>" />
45
  </div>
46
 
47
+ <div class="mp-col-md-3">
48
+ <input type="button" class="mp-button mp-pointer" id="applyCoupon" value="<?= esc_html__('Aplicar', 'woocommerce-mercadopago'); ?>">
49
  </div>
50
  </div>
51
 
54
  </div>
55
  </div>
56
 
57
+ <div class="mp-col-md-12">
58
  <div class="frame-tarjetas">
59
+ <p class="mp-subtitle-custom-checkout"><?= __('Ingresa los datos de tu tarjeta', 'woocommerce-mercadopago') ?></p>
60
 
61
  <!-- saved cards -->
62
  <div id="mercadopago-form-customer-and-card">
63
+ <div class="mp-row-checkout mp-pt-10">
64
+ <div class="mp-col-md-12">
65
  <label for="paymentMethodIdSelector" class="mp-label-form"><?= esc_html__('Payment Method', 'woocommerce-mercadopago'); ?> <em>*</em></label>
66
+ <select id="paymentMethodSelector" class="mp-form-control mp-pointer" name="mercadopago_custom[paymentMethodSelector]" data-checkout="cardId">
67
  <optgroup label="<?= esc_html__('Tu tarjeta', 'woocommerce-mercadopago'); ?>" id="payment-methods-for-customer-and-cards">
68
  <?php foreach ($customer_cards as $card) : ?>
69
  <option value="<?= $card['id']; ?>
85
  </select>
86
  </div>
87
 
88
+ <div class="mp-col-md-4">
89
  <div id="mp-securityCode-customer-and-card">
90
  <div class="mp-box-inputs mp-col-45">
91
  <label for="customer-and-card-securityCode" class="mp-label-form"><?= esc_html__('CVV', 'woocommerce-mercadopago'); ?> <em>*</em></label>
103
 
104
  <!-- new card -->
105
  <div id="mercadopago-form">
106
+ <div class="mp-row-checkout mp-pt-10">
107
+ <div class="mp-col-md-12">
108
  <label for="cardNumber" class="mp-label-form"><?= esc_html__('Número de Tarjeta', 'woocommerce-mercadopago'); ?> <em>*</em></label>
109
+ <input type="text" onkeyup="maskDate(this, mcc);" class="mp-form-control mp-mt-5" id="cardNumber" data-checkout="cardNumber" autocomplete="off" maxlength="23" />
110
 
111
+ <span class="mp-error mp-mt-5" id="mp-error-205" data-main="#cardNumber"><?= esc_html__('Este campo no puede estar vacío', 'woocommerce-mercadopago'); ?></span>
112
+ <span class="mp-error mp-mt-5" id="mp-error-E301" data-main="#cardNumber"><?= esc_html__('Numero de tarjeta invalido', 'woocommerce-mercadopago'); ?></span>
113
  </div>
114
  </div>
115
 
116
+ <div class="mp-row-checkout mp-pt-10">
117
+ <div class="mp-col-md-12">
118
  <label for="cardholderName" class="mp-label-form"><?= esc_html__('Nombre y apellido del titular de la tarjeta', 'woocommerce-mercadopago'); ?> <em>*</em></label>
119
+ <input type="text" class="mp-form-control mp-mt-5" id="cardholderName" name="mercadopago_custom[cardholderName]" data-checkout="cardholderName" autocomplete="off" />
120
 
121
+ <span class="mp-error mp-mt-5" id="mp-error-221" data-main="#cardholderName"><?= esc_html__('Este campo no puede estar vacío', 'woocommerce-mercadopago'); ?></span>
122
+ <span class="mp-error mp-mt-5" id="mp-error-316" data-main="#cardholderName"><?= esc_html__('Nombre del titular de la tarjeta no válido', 'woocommerce-mercadopago'); ?></span>
123
  </div>
124
  </div>
125
 
126
+ <div class="mp-row-checkout mp-pt-10">
127
+ <div class="mp-col-md-6 mp-pr-15">
128
  <label for="cardholderName" class="mp-label-form"><?= esc_html__('Fecha de vencimiento', 'woocommerce-mercadopago'); ?> <em>*</em></label>
129
+ <input type="text" onkeyup="maskDate(this, mdate);" onblur="validateMonthYear()" class="mp-form-control mp-mt-5" id="cardExpirationDate" data-checkout="cardExpirationDate" name="mercadopago_custom[cardExpirationDate]" autocomplete="off" placeholder="MM/AAAA" maxlength="7" />
130
  <input type="hidden" id="cardExpirationMonth" name="mercadopago_custom[cardExpirationMonth]" data-checkout="cardExpirationMonth">
131
  <input type="hidden" id="cardExpirationYear" name="mercadopago_custom[cardExpirationYear]" data-checkout="cardExpirationYear">
132
 
133
+ <span class="mp-error mp-mt-5" id="mp-error-208" data-main="#cardExpirationDate"><?= esc_html__('Fecha de expiracion inválida', 'woocommerce-mercadopago'); ?></span>
134
  </div>
135
 
136
+ <div class="mp-col-md-6">
137
  <label for="securityCode" class="mp-label-form"><?= esc_html__('Código de seguridad', 'woocommerce-mercadopago'); ?> <em>*</em></label>
138
+ <input type="text" onkeyup="maskDate(this, minteger);" class="mp-form-control mp-mt-5" id="securityCode" data-checkout="securityCode" autocomplete="off" maxlength="4" />
139
 
140
+ <p class="mp-desc mp-mt-5 mp-mb-0" data-main="#securityCode"><?= esc_html__('Últimos 3 números del dorso', 'woocommerce-mercadopago'); ?></p>
141
+ <span class="mp-error mp-mt-5" id="mp-error-224" data-main="#securityCode"><?= esc_html__('Este campo no puede estar vacío', 'woocommerce-mercadopago'); ?></span>
142
+ <span class="mp-error mp-mt-5" id="mp-error-E302" data-main="#securityCode"><?= esc_html__('Código de seguridad invalido', 'woocommerce-mercadopago'); ?></span>
143
  </div>
144
  </div>
145
 
146
+ <div class="mp-col-md-12">
147
  <div class="frame-tarjetas">
148
+ <p class="mp-subtitle-custom-checkout"><?= __('En cuántas cuotas quieres pagar', 'woocommerce-mercadopago') ?></p>
149
 
150
+ <div class="mp-row-checkout mp-pt-10">
151
+ <div class="mp-col-md-4 mp-pr-15">
152
  <div class="mp-issuer">
153
  <label for="issuer" class="mp-label-form"><?= esc_html__('Issuer', 'woocommerce-mercadopago'); ?> <em>*</em></label>
154
+ <select class="mp-form-control mp-pointer" id="issuer" data-checkout="issuer" name="mercadopago_custom[issuer]"></select>
155
  </div>
156
  </div>
157
 
158
+ <div id="installments-div" class="mp-col-md-8">
159
  <?php if ($currency_ratio != 1) : ?>
160
  <label for="installments" class="mp-label-form">
161
+ <div class="mp-tooltip">
162
  <?= esc_html__('', 'woocommerce-mercadopago'); ?>
163
+ <span class="mp-tooltiptext">
164
  <?=
165
  esc_html__('Pago convertido de', 'woocommerce-mercadopago') . " " .
166
  $woocommerce_currency . " " . esc_html__('para', 'woocommerce-mercadopago') . " " .
174
  <label for="installments" class="mp-label-form"><?= __('Seleccione el número de cotas', 'woocommerce-mercadopago') ?></label>
175
  <?php endif; ?>
176
 
177
+ <select class="mp-form-control mp-pointer mp-mt-5" id="installments" data-checkout="installments" name="mercadopago_custom[installments]"></select>
178
 
179
  <div id="mp-box-input-tax-cft">
180
  <div id="mp-box-input-tax-tea">
187
  </div>
188
  </div>
189
 
190
+ <div id="mp-doc-div" class="mp-col-md-12 mp-doc">
191
  <div class="frame-tarjetas">
192
+ <p class="mp-subtitle-custom-checkout"><?= __('Ingresa tu número de documento', 'woocommerce-mercadopago') ?></p>
193
 
194
+ <div class="mp-row-checkout mp-pt-10">
195
+ <div class="mp-col-md-4 mp-pr-15 mp-pt-5">
196
  <label for="docType" class="mp-label-form"><?= esc_html__('Tipo', 'woocommerce-mercadopago'); ?></label>
197
+ <select id="docType" class="mp-form-control mp-pointer mp-mt-5" data-checkout="docType" name="mercadopago_custom[docType]"></select>
198
  </div>
199
 
200
+ <div class="mp-col-md-8">
201
  <label for="docNumber" class="mp-label-form"><?= esc_html__('Número de documento', 'woocommerce-mercadopago'); ?> <em>*</em></label>
202
+ <input type="text" class="mp-form-control mp-mt-5" id="docNumber" data-checkout="docNumber" name="mercadopago_custom[docNumber]" autocomplete="off" />
203
+ <p class="mp-desc mp-mt-5 mp-mb-0" data-main="#securityCode"><?= esc_html__('Sólo números', 'woocommerce-mercadopago'); ?></p>
204
 
205
+ <span class="mp-error mp-mt-5" id="mp-error-214" data-main="#docNumber"><?= esc_html__('Este campo no puede estar vacío', 'woocommerce-mercadopago'); ?></span>
206
+ <span class="mp-error mp-mt-5" id="mp-error-324" data-main="#docNumber"><?= esc_html__('Número de documento no válido', 'woocommerce-mercadopago'); ?></span>
207
  </div>
208
  </div>
209
  </div>
210
  </div>
211
 
212
+ <div class="mp-col-md-12 mp-pt-10">
213
  <div class="frame-tarjetas">
214
+ <div class="mp-row-checkout mp-pt-10">
215
+ <label for="doNotSaveCard" class="mp-label-form-check mp-pointer" style="display: inline;">
216
  <input class="mp-form-control-check" type="checkbox" name="mercadopago_custom[doNotSaveCard]" id="doNotSaveCard" value="yes">
217
  <?= esc_html__('No guardar la tarjeta', 'woocommerce-mercadopago'); ?>
218
  </label>
249
  <script type="text/javascript">
250
  //collapsible payments
251
  var show_payments = document.querySelector("#button-show-payments")
252
+ var frame_payments = document.querySelector("#mp-frame-payments");
253
 
254
  show_payments.onclick = function() {
255
+ if (frame_payments.style.display == "inline-block") {
256
  frame_payments.style.display = "none";
257
  } else {
258
+ frame_payments.style.display = "inline-block";
259
  }
260
  };
261
 
1317
  // flow: MLB AND MCO
1318
  if (MPv1.site_id == "MLB") {
1319
  document.querySelector(MPv1.selectors.mpIssuer).style.display = "none";
1320
+ document.getElementById('installments-div').classList.remove('mp-col-md-8');
1321
+ document.getElementById('installments-div').classList.add('mp-col-md-12');
1322
  } else if (MPv1.site_id == "MCO") {
1323
  document.querySelector(MPv1.selectors.mpIssuer).style.display = "none";
1324
+ document.getElementById('installments-div').classList.remove('mp-col-md-8');
1325
+ document.getElementById('installments-div').classList.add('mp-col-md-12');
1326
  } else if (MPv1.site_id == "MLA") {
1327
  document.querySelector(MPv1.selectors.mpIssuer).style.display = "block";
1328
  document.querySelector(MPv1.selectors.taxCFT).style.display = "block";
1330
  MPv1.addListenerEvent(document.querySelector(MPv1.selectors.installments), "change", MPv1.showTaxes);
1331
  } else if (MPv1.site_id == "MLC") {
1332
  document.querySelector(MPv1.selectors.mpIssuer).style.display = "none";
1333
+ document.getElementById('installments-div').classList.remove('mp-col-md-8');
1334
+ document.getElementById('installments-div').classList.add('mp-col-md-12');
1335
  }
1336
 
1337
  if (MPv1.debug) {
templates/checkout/ticket_checkout.php CHANGED
@@ -4,95 +4,95 @@ if (!defined('ABSPATH')) {
4
  }
5
  ?>
6
 
7
- <div class="panel-custom-checkout">
8
- <div class="row">
9
 
10
- <div id="mercadopago-form-coupon-ticket" class="col-md-12">
11
- <div class="frame-tarjetas text-justify">
12
- <p class="subtitle-ticket-checkout"><?=__('Ingresa tu cupón de descuento', 'woocommerce-mercadopago')?></p>
13
 
14
- <div class="row pt-10">
15
- <div class="col-md-9 pr-15">
16
  <input type="text" class="mp-form-control" id="couponCodeTicket" name="mercadopago_ticket[coupon_code]" autocomplete="off" maxlength="24" placeholder="<?=__('Ingresa tu cupón', 'woocommerce-mercadopago')?>" />
17
  </div>
18
 
19
- <div class="col-md-3">
20
- <input type="button" class="mp-button pointer" id="applyCouponTicket" value="<?= esc_html__('Aplicar', 'woocommerce-mercadopago'); ?>">
21
  </div>
22
  </div>
23
 
24
  <span class="mp-discount" id="mpCouponApplyedTicket"></span>
25
- <span class="erro_febraban" id="mpCouponErrorTicket"><?=__('El código que ingresaste es incorrecto', 'woocommerce-mercadopago')?></span>
26
  </div>
27
  </div>
28
 
29
- <div class="col-md-12">
30
  <div class="frame-tarjetas">
31
  <div id="mercadopago-form-ticket">
32
 
33
  <div id="form-ticket">
34
- <div class="row">
35
- <div class="col-md-6">
36
- <label for="MPv1Ticket-docType-fisica" class="mp-label-form-check pointer">
37
  <input type="radio" name="mercadopago_ticket[docType]" class="mp-form-control-check" id="MPv1Ticket-docType-fisica" value="CPF" checked="checked" />
38
  <?= esc_html__('Persona Física', 'woocommerce-mercadopago'); ?>
39
  </label>
40
  </div>
41
 
42
- <div class="col-md-6">
43
- <label for="MPv1Ticket-docType-juridica" class="mp-label-form-check pointer">
44
  <input type="radio" name="mercadopago_ticket[docType]" class="mp-form-control-check" id="MPv1Ticket-docType-juridica" value="CNPJ">
45
  <?= esc_html__('Persona Jurídica', 'woocommerce-mercadopago'); ?>
46
  </label>
47
  </div>
48
  </div>
49
 
50
- <div class="row pt-10">
51
- <div class="col-md-4 pr-15" id="box-firstname">
52
  <label for="firstname" class="mp-label-form title-name"><?= esc_html__('Nome', 'woocommerce-mercadopago'); ?> <em>*</em></label>
53
  <label for="firstname" class="title-razao-social mp-label-form"><?= esc_html__('Razão social', 'woocommerce-mercadopago'); ?> <em>*</em></label>
54
  <input type="text" class="mp-form-control" value="<?= $febraban['firstname']; ?>" id="firstname" name="mercadopago_ticket[firstname]">
55
- <span class="erro_febraban" data-main="#firstname" id="error_firstname"><?= esc_html__('Debes informar tu nombre', 'woocommerce-mercadopago'); ?></span>
56
  </div>
57
 
58
- <div class="col-md-4 pr-15" id="box-lastname">
59
  <label for="lastname" class="mp-label-form"><?= esc_html__('Apellido', 'woocommerce-mercadopago'); ?> <em>*</em></label>
60
  <input type="text" class="mp-form-control" value="<?= $febraban['lastname']; ?>" id="lastname" name="mercadopago_ticket[lastname]">
61
- <span class="erro_febraban" data-main="#lastname" id="error_lastname"><?= esc_html__('Debes informar tu apellido', 'woocommerce-mercadopago'); ?></span>
62
  </div>
63
 
64
- <div class="col-md-4" id="box-docnumber">
65
  <label for="cpfcnpj" class="mp-label-form title-cpf"><?= esc_html__('CPF', 'woocommerce-mercadopago'); ?> <em>*</em></label>
66
  <label for="cpfcnpj" class="title-cnpj mp-label-form"><?= esc_html__('CNPJ', 'woocommerce-mercadopago'); ?><em>*</em></label>
67
  <input type="text" value="<?= $febraban['docNumber']; ?>" id="cpfcnpj" class="mp-form-control" name="mercadopago_ticket[docNumber]" maxlength="14">
68
- <span class="erro_febraban" data-main="#cpfcnpj" id="error_docNumber"><?= esc_html__('Debe informar su número de documento', 'woocommerce-mercadopago'); ?></span>
69
  </div>
70
  </div>
71
 
72
- <div class="row pt-10">
73
- <div class="col-md-8 pr-15" id="box-firstname">
74
  <label for="address" class="mp-label-form"><?= esc_html__('Dirección', 'woocommerce-mercadopago'); ?> <em>*</em></label>
75
  <input type="text" value="<?= $febraban['address']; ?>" id="address" class="mp-form-control" name="mercadopago_ticket[address]">
76
- <span class="erro_febraban" data-main="#address" id="error_address"><?= esc_html__('Debes informar tu dirección', 'woocommerce-mercadopago'); ?></span>
77
  </div>
78
 
79
- <div class="col-md-4" id="box-lastname">
80
  <label for="number" class="mp-label-form"><?= esc_html__('Número', 'woocommerce-mercadopago'); ?> <em>*</em></label>
81
  <input type="text" value="<?= $febraban['number']; ?>" id="number" class="mp-form-control" name="mercadopago_ticket[number]">
82
- <span class="erro_febraban" data-main="#number" id="error_number"><?= esc_html__('Debe informar su número de dirección', 'woocommerce-mercadopago'); ?></span>
83
  </div>
84
  </div>
85
 
86
- <div class="row pt-10">
87
- <div class="col-md-4 pr-15">
88
  <label for="city" class="mp-label-form"><?= esc_html__('Ciudad', 'woocommerce-mercadopago'); ?> <em>*</em></label>
89
  <input type="text" value="<?= $febraban['city']; ?>" id="city" class="mp-form-control" name="mercadopago_ticket[city]">
90
- <span class="erro_febraban" data-main="#city" id="error_city"><?= esc_html__('Debes informar a tu ciudad', 'woocommerce-mercadopago'); ?></span>
91
  </div>
92
 
93
- <div class="col-md-4 pr-15">
94
  <label for="state" class="mp-label-form"><?= esc_html__('Estado', 'woocommerce-mercadopago'); ?> <em>*</em></label>
95
- <select name="mercadopago_ticket[state]" id="state" class="mp-form-control pointer">
96
  <option value="" <?php if ($febraban['state'] == '') { echo 'selected="selected"'; } ?>><?= esc_html__('Seleccione estado', 'woocommerce-mercadopago'); ?></option>
97
  <option value="AC" <?php if ($febraban['state'] == 'AC') { echo 'selected="selected"'; } ?>>Acre</option>
98
  <option value="AL" <?php if ($febraban['state'] == 'AL') { echo 'selected="selected"'; } ?>>Alagoas</option>
@@ -122,38 +122,38 @@ if (!defined('ABSPATH')) {
122
  <option value="SE" <?php if ($febraban['state'] == 'SE') { echo 'selected="selected"'; } ?>>Sergipe</option>
123
  <option value="TO" <?php if ($febraban['state'] == 'TO') { echo 'selected="selected"'; } ?>>Tocantins</option>
124
  </select>
125
- <span class="erro_febraban" data-main="#state" id="error_state"><?php echo esc_html__('Debes informar a tu estado', 'woocommerce-mercadopago'); ?></span>
126
  </div>
127
 
128
- <div class="col-md-4">
129
  <label for="zipcode" class="mp-label-form"><?= esc_html__('Código postal', 'woocommerce-mercadopago'); ?> <em>*</em></label>
130
  <input type="text" value="<?= $febraban['zipcode']; ?>" id="zipcode" class="mp-form-control" name="mercadopago_ticket[zipcode]">
131
- <span class="erro_febraban" data-main="#zipcode" id="error_zipcode"><?= esc_html__('Debes informar tu código postal', 'woocommerce-mercadopago'); ?></span>
132
  </div>
133
  </div>
134
 
135
- <div class="col-md-12 pt-10">
136
  <div class="frame-tarjetas">
137
- <div class="row">
138
  <p class="mp-obrigatory"><?= esc_html__('Completa todos los campos, son obligatorios.', 'woocommerce-mercadopago'); ?></p>
139
  </div>
140
  </div>
141
  </div>
142
  </div>
143
 
144
- <div class="col-md-12 <?= $site_id == 'MLB' ? 'pt-20' : ''; ?>">
145
  <div class="frame-tarjetas">
146
- <p class="subtitle-ticket-checkout"><?=__('Selecciona el emisor con el que quieras procesar el pago', 'woocommerce-mercadopago')?></p>
147
 
148
- <div class="row pt-10">
149
  <?php $atFirst = true; ?>
150
  <?php foreach ($payment_methods as $payment) : ?>
151
- <div id="frameTicket" class="col-md-6 pb-15 min-hg">
152
- <div id="paymentMethodIdTicket" class="ticket-payments">
153
- <label for="<?= $payment['id']; ?>" class="mp-label-form pointer">
154
  <input type="radio" class="mp-form-control-check" name="mercadopago_ticket[paymentMethodId]" id="<?= $payment['id'] ?>" value="<?= $payment['id']; ?>" <?php if ($atFirst) : ?> checked="checked" <?php endif; ?> />
155
- <img src="<?= $payment['secure_thumbnail'] ?>" alt="<?php echo $payment['name']; ?>" />
156
- <span class="ticket-name"><?= $payment['name'] ?></span>
157
  </label>
158
  </div>
159
  <?php $atFirst = false; ?>
4
  }
5
  ?>
6
 
7
+ <div class="mp-panel-custom-checkout">
8
+ <div class="mp-row-checkout">
9
 
10
+ <div id="mercadopago-form-coupon-ticket" class="mp-col-md-12">
11
+ <div class="frame-tarjetas mp-text-justify">
12
+ <p class="mp-subtitle-ticket-checkout"><?=__('Ingresa tu cupón de descuento', 'woocommerce-mercadopago')?></p>
13
 
14
+ <div class="mp-row-checkout mp-pt-10">
15
+ <div class="mp-col-md-9 mp-pr-15">
16
  <input type="text" class="mp-form-control" id="couponCodeTicket" name="mercadopago_ticket[coupon_code]" autocomplete="off" maxlength="24" placeholder="<?=__('Ingresa tu cupón', 'woocommerce-mercadopago')?>" />
17
  </div>
18
 
19
+ <div class="mp-col-md-3">
20
+ <input type="button" class="mp-button mp-pointer" id="applyCouponTicket" value="<?= esc_html__('Aplicar', 'woocommerce-mercadopago'); ?>">
21
  </div>
22
  </div>
23
 
24
  <span class="mp-discount" id="mpCouponApplyedTicket"></span>
25
+ <span class="mp-erro_febraban" id="mpCouponErrorTicket"><?=__('El código que ingresaste es incorrecto', 'woocommerce-mercadopago')?></span>
26
  </div>
27
  </div>
28
 
29
+ <div class="mp-col-md-12">
30
  <div class="frame-tarjetas">
31
  <div id="mercadopago-form-ticket">
32
 
33
  <div id="form-ticket">
34
+ <div class="mp-row-checkout">
35
+ <div class="mp-col-md-6">
36
+ <label for="MPv1Ticket-docType-fisica" class="mp-label-form-check mp-pointer">
37
  <input type="radio" name="mercadopago_ticket[docType]" class="mp-form-control-check" id="MPv1Ticket-docType-fisica" value="CPF" checked="checked" />
38
  <?= esc_html__('Persona Física', 'woocommerce-mercadopago'); ?>
39
  </label>
40
  </div>
41
 
42
+ <div class="mp-col-md-6">
43
+ <label for="MPv1Ticket-docType-juridica" class="mp-label-form-check mp-pointer">
44
  <input type="radio" name="mercadopago_ticket[docType]" class="mp-form-control-check" id="MPv1Ticket-docType-juridica" value="CNPJ">
45
  <?= esc_html__('Persona Jurídica', 'woocommerce-mercadopago'); ?>
46
  </label>
47
  </div>
48
  </div>
49
 
50
+ <div class="mp-row-checkout mp-pt-10">
51
+ <div class="mp-col-md-4 mp-pr-15" id="box-firstname">
52
  <label for="firstname" class="mp-label-form title-name"><?= esc_html__('Nome', 'woocommerce-mercadopago'); ?> <em>*</em></label>
53
  <label for="firstname" class="title-razao-social mp-label-form"><?= esc_html__('Razão social', 'woocommerce-mercadopago'); ?> <em>*</em></label>
54
  <input type="text" class="mp-form-control" value="<?= $febraban['firstname']; ?>" id="firstname" name="mercadopago_ticket[firstname]">
55
+ <span class="mp-erro_febraban" data-main="#firstname" id="error_firstname"><?= esc_html__('Debes informar tu nombre', 'woocommerce-mercadopago'); ?></span>
56
  </div>
57
 
58
+ <div class="mp-col-md-4 mp-pr-15" id="box-lastname">
59
  <label for="lastname" class="mp-label-form"><?= esc_html__('Apellido', 'woocommerce-mercadopago'); ?> <em>*</em></label>
60
  <input type="text" class="mp-form-control" value="<?= $febraban['lastname']; ?>" id="lastname" name="mercadopago_ticket[lastname]">
61
+ <span class="mp-erro_febraban" data-main="#lastname" id="error_lastname"><?= esc_html__('Debes informar tu apellido', 'woocommerce-mercadopago'); ?></span>
62
  </div>
63
 
64
+ <div class="mp-col-md-4" id="box-docnumber">
65
  <label for="cpfcnpj" class="mp-label-form title-cpf"><?= esc_html__('CPF', 'woocommerce-mercadopago'); ?> <em>*</em></label>
66
  <label for="cpfcnpj" class="title-cnpj mp-label-form"><?= esc_html__('CNPJ', 'woocommerce-mercadopago'); ?><em>*</em></label>
67
  <input type="text" value="<?= $febraban['docNumber']; ?>" id="cpfcnpj" class="mp-form-control" name="mercadopago_ticket[docNumber]" maxlength="14">
68
+ <span class="mp-erro_febraban" data-main="#cpfcnpj" id="error_docNumber"><?= esc_html__('Debe informar su número de documento', 'woocommerce-mercadopago'); ?></span>
69
  </div>
70
  </div>
71
 
72
+ <div class="mp-row-checkout mp-pt-10">
73
+ <div class="mp-col-md-8 mp-pr-15" id="box-firstname">
74
  <label for="address" class="mp-label-form"><?= esc_html__('Dirección', 'woocommerce-mercadopago'); ?> <em>*</em></label>
75
  <input type="text" value="<?= $febraban['address']; ?>" id="address" class="mp-form-control" name="mercadopago_ticket[address]">
76
+ <span class="mp-erro_febraban" data-main="#address" id="error_address"><?= esc_html__('Debes informar tu dirección', 'woocommerce-mercadopago'); ?></span>
77
  </div>
78
 
79
+ <div class="mp-col-md-4" id="box-lastname">
80
  <label for="number" class="mp-label-form"><?= esc_html__('Número', 'woocommerce-mercadopago'); ?> <em>*</em></label>
81
  <input type="text" value="<?= $febraban['number']; ?>" id="number" class="mp-form-control" name="mercadopago_ticket[number]">
82
+ <span class="mp-erro_febraban" data-main="#number" id="error_number"><?= esc_html__('Debe informar su número de dirección', 'woocommerce-mercadopago'); ?></span>
83
  </div>
84
  </div>
85
 
86
+ <div class="mp-row-checkout mp-pt-10">
87
+ <div class="mp-col-md-4 mp-pr-15">
88
  <label for="city" class="mp-label-form"><?= esc_html__('Ciudad', 'woocommerce-mercadopago'); ?> <em>*</em></label>
89
  <input type="text" value="<?= $febraban['city']; ?>" id="city" class="mp-form-control" name="mercadopago_ticket[city]">
90
+ <span class="mp-erro_febraban" data-main="#city" id="error_city"><?= esc_html__('Debes informar a tu ciudad', 'woocommerce-mercadopago'); ?></span>
91
  </div>
92
 
93
+ <div class="mp-col-md-4 mp-pr-15">
94
  <label for="state" class="mp-label-form"><?= esc_html__('Estado', 'woocommerce-mercadopago'); ?> <em>*</em></label>
95
+ <select name="mercadopago_ticket[state]" id="state" class="mp-form-control mp-pointer">
96
  <option value="" <?php if ($febraban['state'] == '') { echo 'selected="selected"'; } ?>><?= esc_html__('Seleccione estado', 'woocommerce-mercadopago'); ?></option>
97
  <option value="AC" <?php if ($febraban['state'] == 'AC') { echo 'selected="selected"'; } ?>>Acre</option>
98
  <option value="AL" <?php if ($febraban['state'] == 'AL') { echo 'selected="selected"'; } ?>>Alagoas</option>
122
  <option value="SE" <?php if ($febraban['state'] == 'SE') { echo 'selected="selected"'; } ?>>Sergipe</option>
123
  <option value="TO" <?php if ($febraban['state'] == 'TO') { echo 'selected="selected"'; } ?>>Tocantins</option>
124
  </select>
125
+ <span class="mp-erro_febraban" data-main="#state" id="error_state"><?php echo esc_html__('Debes informar a tu estado', 'woocommerce-mercadopago'); ?></span>
126
  </div>
127
 
128
+ <div class="mp-col-md-4">
129
  <label for="zipcode" class="mp-label-form"><?= esc_html__('Código postal', 'woocommerce-mercadopago'); ?> <em>*</em></label>
130
  <input type="text" value="<?= $febraban['zipcode']; ?>" id="zipcode" class="mp-form-control" name="mercadopago_ticket[zipcode]">
131
+ <span class="mp-erro_febraban" data-main="#zipcode" id="error_zipcode"><?= esc_html__('Debes informar tu código postal', 'woocommerce-mercadopago'); ?></span>
132
  </div>
133
  </div>
134
 
135
+ <div class="mp-col-md-12 mp-pt-10">
136
  <div class="frame-tarjetas">
137
+ <div class="mp-row-checkout">
138
  <p class="mp-obrigatory"><?= esc_html__('Completa todos los campos, son obligatorios.', 'woocommerce-mercadopago'); ?></p>
139
  </div>
140
  </div>
141
  </div>
142
  </div>
143
 
144
+ <div class="mp-col-md-12 <?= $site_id == 'MLB' ? 'mp-pt-20' : ''; ?>">
145
  <div class="frame-tarjetas">
146
+ <p class="mp-subtitle-ticket-checkout"><?=__('Selecciona el emisor con el que quieras procesar el pago', 'woocommerce-mercadopago')?></p>
147
 
148
+ <div class="mp-row-checkout mp-pt-10">
149
  <?php $atFirst = true; ?>
150
  <?php foreach ($payment_methods as $payment) : ?>
151
+ <div id="frameTicket" class="mp-col-md-6 mp-pb-15 mp-min-hg">
152
+ <div id="paymentMethodIdTicket" class="mp-ticket-payments">
153
+ <label for="<?= $payment['id']; ?>" class="mp-label-form mp-pointer">
154
  <input type="radio" class="mp-form-control-check" name="mercadopago_ticket[paymentMethodId]" id="<?= $payment['id'] ?>" value="<?= $payment['id']; ?>" <?php if ($atFirst) : ?> checked="checked" <?php endif; ?> />
155
+ <img src="<?= $payment['secure_thumbnail'] ?>" class="mp-img-ticket" alt="<?php echo $payment['name']; ?>" />
156
+ <span class="mp-ticket-name"><?= $payment['name'] ?></span>
157
  </label>
158
  </div>
159
  <?php $atFirst = false; ?>
woocommerce-mercadopago.php CHANGED
@@ -3,7 +3,7 @@
3
  * Plugin Name: WooCommerce Mercado Pago
4
  * Plugin URI: https://github.com/mercadopago/cart-woocommerce
5
  * Description: Configura las opciones de pago a tu medida y acepta pagos con tarjetas, dinero en efectivo y dinero en cuenta de Mercado Pago.
6
- * Version: 4.0.2
7
  * Author: Mercado Pago
8
  * Author URI: https://www.mercadopago.com.br/developers/
9
  * Text Domain: woocommerce-mercadopago
3
  * Plugin Name: WooCommerce Mercado Pago
4
  * Plugin URI: https://github.com/mercadopago/cart-woocommerce
5
  * Description: Configura las opciones de pago a tu medida y acepta pagos con tarjetas, dinero en efectivo y dinero en cuenta de Mercado Pago.
6
+ * Version: 4.0.3
7
  * Author: Mercado Pago
8
  * Author URI: https://www.mercadopago.com.br/developers/
9
  * Text Domain: woocommerce-mercadopago