Click to Chat for WhatsApp Chat - Version 3.3.2

Version Description

  • Enchantment: Google Analytics
  • Enchantment: Web WhatsApp
  • code: php echo shorthand
Download this release

Release Info

Developer bhvreddy
Plugin Icon 128x128 Click to Chat for WhatsApp Chat
Version 3.3.2
Comparing to
See all releases

Code changes from version 3.3.1 to 3.3.2

Files changed (59) hide show
  1. click-to-chat.php +2 -6
  2. common/class-ht-ctc-switch.php +6 -0
  3. new/admin/admin.php +2 -9
  4. new/admin/admin_assets/js/331.admin.js +192 -178
  5. new/admin/admin_assets/js/admin.js +192 -178
  6. new/admin/admin_commons/admin-desktop.php +24 -24
  7. new/admin/admin_commons/admin-mobile.php +50 -24
  8. new/admin/admin_commons/admin-show-hide.php +35 -35
  9. new/admin/admin_commons/admin-sidebar-content.php +1 -1
  10. new/admin/admin_commons/{class-ht-ctc-admin-others.php → class-ht-ctc-admin-hooks.php} +30 -24
  11. new/admin/admin_commons/class-ht-ctc-metabox.php +4 -4
  12. new/admin/admin_commons/class-ht-ctc-static.php +274 -0
  13. new/admin/class-ht-ctc-admin-customize-styles.php +117 -114
  14. new/admin/class-ht-ctc-admin-group-page.php +3 -2
  15. new/admin/class-ht-ctc-admin-main-page.php +35 -10
  16. new/admin/class-ht-ctc-admin-other-settings.php +49 -25
  17. new/admin/class-ht-ctc-admin-share-page.php +3 -2
  18. new/admin/class-ht-ctc-db.php +18 -9
  19. new/class-ht-ctc.php +42 -38
  20. new/inc/assets/js/331.app.js +1 -1
  21. new/inc/assets/js/332.app.js +1 -0
  22. new/inc/assets/js/app.js +1 -1
  23. new/inc/assets/js/dev/app.dev.js +30 -19
  24. new/inc/chat/class-ht-ctc-chat-shortcode.php +2 -10
  25. new/inc/chat/class-ht-ctc-chat.php +36 -25
  26. new/inc/commons/class-ht-ctc-animations.php +1 -1
  27. new/inc/commons/class-ht-ctc-hooks.php +1 -0
  28. new/inc/commons/class-ht-ctc-ismobile.php +0 -1
  29. new/inc/commons/class-ht-ctc-scripts.php +3 -3
  30. new/inc/commons/class-ht-ctc-values.php +4 -4
  31. new/inc/group/class-ht-ctc-group.php +13 -13
  32. new/inc/share/class-ht-ctc-share.php +14 -14
  33. new/inc/styles/style-1.php +2 -2
  34. new/inc/styles/style-2.php +3 -3
  35. new/inc/styles/style-3.php +3 -3
  36. new/inc/styles/style-3_1.php +5 -5
  37. new/inc/styles/style-4.php +4 -4
  38. new/inc/styles/style-5.php +5 -5
  39. new/inc/styles/style-6.php +4 -4
  40. new/inc/styles/style-7.php +5 -5
  41. new/inc/styles/style-7_1.php +5 -5
  42. new/inc/styles/style-8.php +4 -4
  43. new/inc/styles/style-99.php +1 -1
  44. new/tools/woo/class-ht-ctc-admin-woo.php +2 -2
  45. new/tools/woo/ht-ctc-woo.php +9 -13
  46. prev/admin/class-ccw-admin-others.php +1 -1
  47. prev/admin/class-ccw-admin-page-customize-styles.php +68 -68
  48. prev/admin/class-ccw-admin-page.php +51 -51
  49. prev/inc/commons/styles-list/style-1.php +3 -3
  50. prev/inc/commons/styles-list/style-2.php +7 -7
  51. prev/inc/commons/styles-list/style-3.php +4 -4
  52. prev/inc/commons/styles-list/style-4.php +6 -6
  53. prev/inc/commons/styles-list/style-5.php +5 -5
  54. prev/inc/commons/styles-list/style-6.php +6 -6
  55. prev/inc/commons/styles-list/style-7.php +6 -6
  56. prev/inc/commons/styles-list/style-8.php +8 -8
  57. prev/inc/commons/styles-list/style-9.php +4 -4
  58. prev/inc/commons/styles-list/style-99.php +4 -4
  59. readme.txt +7 -2
click-to-chat.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Click to Chat
4
  Plugin URI: https://wordpress.org/plugins/click-to-chat-for-whatsapp/
5
  Description: Lets make your Web page visitors contact you through WhatsApp with a single click/tap
6
- Version: 3.3.1
7
  Author: HoliThemes
8
  Author URI: https://holithemes.com/plugins/click-to-chat/
9
  License: GPL2
@@ -17,7 +17,7 @@ if ( ! defined( 'WPINC' ) ) {
17
 
18
  // ctc - Version - update version at readme 'Stable tag'
19
  if ( ! defined( 'HT_CTC_VERSION' ) ) {
20
- define( 'HT_CTC_VERSION', '3.3.1' );
21
  }
22
 
23
  // define HT_CTC_PLUGIN_FILE
@@ -30,9 +30,5 @@ if ( ! defined( 'HT_CTC_PLUGIN_DIR' ) ) {
30
  define( 'HT_CTC_PLUGIN_DIR', plugin_dir_path( HT_CTC_PLUGIN_FILE ) );
31
  }
32
 
33
- include_once HT_CTC_PLUGIN_DIR .'new/inc/class-ht-ctc-register.php';
34
- register_activation_hook( __FILE__, array( 'HT_CTC_Register', 'activate' ) );
35
- register_deactivation_hook( __FILE__, array( 'HT_CTC_Register', 'deactivate' ) );
36
- register_uninstall_hook(__FILE__, array( 'HT_CTC_Register', 'uninstall' ) );
37
 
38
  include_once 'common/class-ht-ctc-switch.php';
3
  Plugin Name: Click to Chat
4
  Plugin URI: https://wordpress.org/plugins/click-to-chat-for-whatsapp/
5
  Description: Lets make your Web page visitors contact you through WhatsApp with a single click/tap
6
+ Version: 3.3.2
7
  Author: HoliThemes
8
  Author URI: https://holithemes.com/plugins/click-to-chat/
9
  License: GPL2
17
 
18
  // ctc - Version - update version at readme 'Stable tag'
19
  if ( ! defined( 'HT_CTC_VERSION' ) ) {
20
+ define( 'HT_CTC_VERSION', '3.3.2' );
21
  }
22
 
23
  // define HT_CTC_PLUGIN_FILE
30
  define( 'HT_CTC_PLUGIN_DIR', plugin_dir_path( HT_CTC_PLUGIN_FILE ) );
31
  }
32
 
 
 
 
 
33
 
34
  include_once 'common/class-ht-ctc-switch.php';
common/class-ht-ctc-switch.php CHANGED
@@ -93,6 +93,12 @@ class HT_CTC_Swift {
93
  if ( 'yes' == HT_CTC_IS_NEW ) {
94
  // new interface
95
 
 
 
 
 
 
 
96
  // include main file - prev
97
  include_once HT_CTC_PLUGIN_DIR .'new/class-ht-ctc.php';
98
 
93
  if ( 'yes' == HT_CTC_IS_NEW ) {
94
  // new interface
95
 
96
+ // register hooks
97
+ include_once HT_CTC_PLUGIN_DIR .'new/inc/class-ht-ctc-register.php';
98
+ register_activation_hook( HT_CTC_PLUGIN_FILE, array( 'HT_CTC_Register', 'activate' ) );
99
+ register_deactivation_hook( HT_CTC_PLUGIN_FILE, array( 'HT_CTC_Register', 'deactivate' ) );
100
+ register_uninstall_hook( HT_CTC_PLUGIN_FILE, array( 'HT_CTC_Register', 'uninstall' ) );
101
+
102
  // include main file - prev
103
  include_once HT_CTC_PLUGIN_DIR .'new/class-ht-ctc.php';
104
 
new/admin/admin.php CHANGED
@@ -20,7 +20,7 @@ $ht_ctc_othersettings = get_option('ht_ctc_othersettings');
20
  /*************** includes ***********/
21
 
22
  // others - hooks ....
23
- include_once HT_CTC_PLUGIN_DIR .'new/admin/admin_commons/class-ht-ctc-admin-others.php';
24
 
25
  // add scripts
26
  include_once HT_CTC_PLUGIN_DIR .'new/admin/class-ht-ctc-admin-scripts.php';
@@ -47,11 +47,4 @@ include_once HT_CTC_PLUGIN_DIR .'new/admin/class-ht-ctc-admin-other-settings.php
47
  // meta boxes - change values at page level
48
  include_once HT_CTC_PLUGIN_DIR .'new/admin/admin_commons/class-ht-ctc-metabox.php';
49
 
50
-
51
- // add hook after init - to make other things load
52
- if ( ! function_exists('ht_ctc_admin_includes')) {
53
- function ht_ctc_admin_includes() {
54
- do_action('ht_ctc_ah_admin_includes' );
55
- }
56
- add_action( 'init', 'ht_ctc_admin_includes' );
57
- }
20
  /*************** includes ***********/
21
 
22
  // others - hooks ....
23
+ include_once HT_CTC_PLUGIN_DIR .'new/admin/admin_commons/class-ht-ctc-admin-hooks.php';
24
 
25
  // add scripts
26
  include_once HT_CTC_PLUGIN_DIR .'new/admin/class-ht-ctc-admin-scripts.php';
47
  // meta boxes - change values at page level
48
  include_once HT_CTC_PLUGIN_DIR .'new/admin/admin_commons/class-ht-ctc-metabox.php';
49
 
50
+ do_action('ht_ctc_ah_admin_includes' );
 
 
 
 
 
 
 
new/admin/admin_assets/js/331.admin.js CHANGED
@@ -1,5 +1,5 @@
1
  // Click to Chat v3.2.9
2
- document.addEventListener('DOMContentLoaded', function() {
3
 
4
  // M.AutoInit();
5
 
@@ -17,196 +17,210 @@ document.addEventListener('DOMContentLoaded', function() {
17
 
18
  });
19
 
20
- (function($){
21
-
22
- // ready
23
- $(function(){
24
-
25
- $('select').formSelect();
26
- $('.collapsible').collapsible();
27
- $('.modal').modal();
28
- $('.tooltipped').tooltip();
29
- $('.ht-ctc-color').wpColorPicker();
30
-
31
- // show/hide settings
32
- function ht_ctc_show_hide_options () {
33
-
34
- // default display
35
- var val = $('.select_show_or_hide').find(":selected").val();
36
- if (val == 'show') {
37
- $(".showbased").show();
38
- } else if (val == 'hide') {
39
- $(".hidebased").show();
40
- }
41
-
42
- // on change
43
- $(".select_show_or_hide").on("change", function (e) {
44
-
45
- var change_val = e.target.value;
46
- $(".showbased").hide();
47
- $(".hidebased").hide();
48
-
49
- if (change_val == 'show') {
50
- $(".showbased").show(500);
51
- } else if (change_val == 'hide') {
52
- $(".hidebased").show(500);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
53
  }
54
- });
55
 
56
- }
57
- ht_ctc_show_hide_options();
58
-
59
- // call to action
60
- var cta_styles = ['.ht_ctc_s2', '.ht_ctc_s3', '.ht_ctc_s3_1', '.ht_ctc_s7'];
61
- cta_styles.forEach(ht_ctc_admin_cta);
62
-
63
- function ht_ctc_admin_cta(style) {
64
- // default display
65
- var val = $(style + ' .select_cta_type').find(":selected").val();
66
- if (val == 'hide') {
67
- $(style + " .cta_stick").hide();
68
- }
69
-
70
- // on change
71
- $(style + " .select_cta_type").on("change", function (e) {
72
- var change_val = e.target.value;
73
- if (change_val == 'hide') {
74
- $(style + " .cta_stick").hide(100);
75
- } else {
76
- $(style + " .cta_stick").show(200);
77
  }
78
- });
79
- }
80
-
81
- function ht_ctc_admin_animations() {
82
- // default display
83
- var val = $('.select_an_type').find(":selected").val();
84
- if (val == 'no-animation') {
85
- $(".an_delay").hide();
86
- $(".an_itr").hide();
87
- }
88
-
89
- // on change
90
- $(".select_an_type").on("change", function (e) {
91
-
92
- var change_val = e.target.value;
93
-
94
- if (change_val == 'no-animation') {
95
- $(".an_delay").hide();
96
- $(".an_itr").hide();
97
- } else {
98
- $(".an_delay").show(500);
99
- $(".an_itr").show(500);
100
  }
101
- });
102
- }
103
- ht_ctc_admin_animations();
104
 
105
- // on change - styles
106
- $(".chat_select_style").on("change", function (e) {
107
- $(".customize_styles_link").animate({ fontSize: '1.2em' }, "slow");
108
- });
109
 
110
- // Deskop, Mobile
111
- if ($('#hideon_desktop').is(':checked')) {
112
- $(".ht_ctc_admin_desktop").hide();
113
- }
114
-
115
- if ($('#hideon_mobile').is(':checked')) {
116
- $(".ht_ctc_admin_mobile").hide();
117
- }
118
-
119
- $(".hidebasedondevice").on("change", function (e) {
120
- if ($('#hideon_desktop').is(':checked')) {
121
- $(".ht_ctc_admin_desktop").hide();
122
- } else {
123
- $(".ht_ctc_admin_desktop").show();
124
- }
125
-
126
- if ($('#hideon_mobile').is(':checked')) {
127
- $(".ht_ctc_admin_mobile").hide();
128
- } else {
129
- $(".ht_ctc_admin_mobile").show();
130
- }
131
- });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
132
 
133
- // hide nothing or hide only on one device.
134
- $(document).on('click', '.hidebasedondevice', function () {
135
- $('.hidebasedondevice').not(this).prop('checked', false);
136
- });
137
 
138
- // WhatsApp number
139
- function wn() {
140
-
141
- var cc = $("#whatsapp_cc").val();
142
- var num = $("#whatsapp_number").val();
143
 
144
- $("#whatsapp_cc").on("change paste keyup", function (e) {
145
- cc = $("#whatsapp_cc").val();
146
- call();
147
- });
148
 
149
- $("#whatsapp_number").on("change paste keyup", function (e) {
150
- num = $("#whatsapp_number").val();
151
- call();
152
- });
153
 
154
- function call() {
155
- $(".ht_ctc_wn").html(cc+''+num);
156
- $("#ctc_whatsapp_number").val(cc+''+num);
157
- }
158
-
159
- }
160
- wn();
161
-
162
- // webhook
163
- function hook() {
164
-
165
- // webhook value - html
166
- var hook_value_html = $('.add_hook_value').attr('data-html');
167
-
168
- // add value
169
- $(document).on('click', '.add_hook_value', function () {
170
-
171
- $('.ctc_hook_value').append(hook_value_html);
172
- });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
173
 
174
- // Remove value
175
- $('.ctc_hook_value').on('click', '.hook_remove_value', function (e) {
176
- e.preventDefault();
177
- $(this).closest('.additional-value').remove();
178
  });
179
-
180
- }
181
- hook();
182
-
183
- // things based on screen size
184
- function ss() {
185
-
186
- var is_mobile = (typeof screen.width !== "undefined" && screen.width > 1024) ? "no" : "yes";
187
-
188
- if ('yes' == is_mobile) {
189
-
190
- // WhatsApp number tooltip position for mobile
191
- // $("#whatsapp_cc").data('position', 'bottom');
192
- $("#whatsapp_cc").attr('data-position', 'bottom');
193
- $("#whatsapp_number").attr('data-position', 'bottom');
194
- }
195
- }
196
- ss();
197
-
198
- function other() {
199
-
200
- // hover text on save_changes button
201
- var text = $('#ctc_save_changes_hover_text').text();
202
- $("#submit").attr('title', text);
203
-
204
-
205
-
206
- }
207
- other();
208
-
209
- });
210
 
211
 
212
  })(jQuery);
1
  // Click to Chat v3.2.9
2
+ document.addEventListener('DOMContentLoaded', function () {
3
 
4
  // M.AutoInit();
5
 
17
 
18
  });
19
 
20
+ (function ($) {
21
+
22
+ // ready
23
+ $(function () {
24
+
25
+ $('select').formSelect();
26
+ $('.collapsible').collapsible();
27
+ $('.modal').modal();
28
+ $('.tooltipped').tooltip();
29
+ $('.ht-ctc-color').wpColorPicker();
30
+
31
+ // show/hide settings
32
+ function ht_ctc_show_hide_options() {
33
+
34
+ // default display
35
+ var val = $('.select_show_or_hide').find(":selected").val();
36
+ if (val == 'show') {
37
+ $(".showbased").show();
38
+ } else if (val == 'hide') {
39
+ $(".hidebased").show();
40
+ }
41
+
42
+ // on change
43
+ $(".select_show_or_hide").on("change", function (e) {
44
+
45
+ var change_val = e.target.value;
46
+ $(".showbased").hide();
47
+ $(".hidebased").hide();
48
+
49
+ if (change_val == 'show') {
50
+ $(".showbased").show(500);
51
+ } else if (change_val == 'hide') {
52
+ $(".hidebased").show(500);
53
+ }
54
+ });
55
+
56
+ }
57
+ ht_ctc_show_hide_options();
58
+
59
+ // call to action
60
+ var cta_styles = ['.ht_ctc_s2', '.ht_ctc_s3', '.ht_ctc_s3_1', '.ht_ctc_s7'];
61
+ cta_styles.forEach(ht_ctc_admin_cta);
62
+
63
+ function ht_ctc_admin_cta(style) {
64
+ // default display
65
+ var val = $(style + ' .select_cta_type').find(":selected").val();
66
+ if (val == 'hide') {
67
+ $(style + " .cta_stick").hide();
68
+ }
69
+
70
+ // on change
71
+ $(style + " .select_cta_type").on("change", function (e) {
72
+ var change_val = e.target.value;
73
+ if (change_val == 'hide') {
74
+ $(style + " .cta_stick").hide(100);
75
+ } else {
76
+ $(style + " .cta_stick").show(200);
77
+ }
78
+ });
79
  }
 
80
 
81
+ function ht_ctc_admin_animations() {
82
+ // default display
83
+ var val = $('.select_an_type').find(":selected").val();
84
+ if (val == 'no-animation') {
85
+ $(".an_delay").hide();
86
+ $(".an_itr").hide();
87
+ }
88
+
89
+ // on change
90
+ $(".select_an_type").on("change", function (e) {
91
+
92
+ var change_val = e.target.value;
93
+
94
+ if (change_val == 'no-animation') {
95
+ $(".an_delay").hide();
96
+ $(".an_itr").hide();
97
+ } else {
98
+ $(".an_delay").show(500);
99
+ $(".an_itr").show(500);
100
+ }
101
+ });
102
  }
103
+ ht_ctc_admin_animations();
104
+
105
+ // on change - styles
106
+ $(".chat_select_style").on("change", function (e) {
107
+ $(".customize_styles_link").animate({ fontSize: '1.2em' }, "slow");
108
+ });
109
+
110
+ // Deskop, Mobile
111
+ if ($('#hideon_desktop').is(':checked')) {
112
+ $(".ht_ctc_admin_desktop").hide();
 
 
 
 
 
 
 
 
 
 
 
 
113
  }
 
 
 
114
 
115
+ if ($('#hideon_mobile').is(':checked')) {
116
+ $(".ht_ctc_admin_mobile").hide();
117
+ }
 
118
 
119
+ $(".hidebasedondevice").on("change", function (e) {
120
+ if ($('#hideon_desktop').is(':checked')) {
121
+ $(".ht_ctc_admin_desktop").hide();
122
+ } else {
123
+ $(".ht_ctc_admin_desktop").show();
124
+ }
125
+
126
+ if ($('#hideon_mobile').is(':checked')) {
127
+ $(".ht_ctc_admin_mobile").hide();
128
+ } else {
129
+ $(".ht_ctc_admin_mobile").show();
130
+ }
131
+ });
132
+
133
+ // hide nothing or hide only on one device.
134
+ $(document).on('click', '.hidebasedondevice', function () {
135
+ $('.hidebasedondevice').not(this).prop('checked', false);
136
+ });
137
+
138
+ // WhatsApp number
139
+ function wn() {
140
+
141
+ var cc = $("#whatsapp_cc").val();
142
+ var num = $("#whatsapp_number").val();
143
+
144
+ $("#whatsapp_cc").on("change paste keyup", function (e) {
145
+ cc = $("#whatsapp_cc").val();
146
+ call();
147
+ });
148
+
149
+ $("#whatsapp_number").on("change paste keyup", function (e) {
150
+ num = $("#whatsapp_number").val();
151
+ call();
152
+ });
153
+
154
+ function call() {
155
+ $(".ht_ctc_wn").html(cc + '' + num);
156
+ $("#ctc_whatsapp_number").val(cc + '' + num);
157
+ }
158
 
159
+ }
160
+ wn();
 
 
161
 
162
+ // webhook
163
+ function hook() {
 
 
 
164
 
165
+ // webhook value - html
166
+ var hook_value_html = $('.add_hook_value').attr('data-html');
 
 
167
 
168
+ // add value
169
+ $(document).on('click', '.add_hook_value', function () {
 
 
170
 
171
+ $('.ctc_hook_value').append(hook_value_html);
172
+ });
173
+
174
+ // Remove value
175
+ $('.ctc_hook_value').on('click', '.hook_remove_value', function (e) {
176
+ e.preventDefault();
177
+ $(this).closest('.additional-value').remove();
178
+ });
179
+
180
+ }
181
+ hook();
182
+
183
+ // things based on screen size
184
+ function ss() {
185
+
186
+ var is_mobile = (typeof screen.width !== "undefined" && screen.width > 1024) ? "no" : "yes";
187
+
188
+ if ('yes' == is_mobile) {
189
+
190
+ // WhatsApp number tooltip position for mobile
191
+ // $("#whatsapp_cc").data('position', 'bottom');
192
+ $("#whatsapp_cc").attr('data-position', 'bottom');
193
+ $("#whatsapp_number").attr('data-position', 'bottom');
194
+ }
195
+ }
196
+ ss();
197
+
198
+ function other() {
199
+
200
+ // hover text on save_changes button
201
+ var text = $('#ctc_save_changes_hover_text').text();
202
+ $("#submit").attr('title', text);
203
+
204
+ // analytics - ga4 display only if ga is enabled.
205
+ $("#google_analytics").on("change", function (e) {
206
+ console.log('change worked');
207
+ if ($('#google_analytics').is(':checked')) {
208
+ $(".ctc_ga4").show();
209
+ } else {
210
+ $(".ctc_ga4").hide();
211
+ }
212
+ });
213
+
214
+ if ($('#google_analytics').is(':checked')) {
215
+ $(".ctc_ga4").show();
216
+ } else {
217
+ $(".ctc_ga4").hide();
218
+ }
219
+
220
+ }
221
+ other();
222
 
 
 
 
 
223
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
224
 
225
 
226
  })(jQuery);
new/admin/admin_assets/js/admin.js CHANGED
@@ -1,5 +1,5 @@
1
  // Click to Chat v3.2.9
2
- document.addEventListener('DOMContentLoaded', function() {
3
 
4
  // M.AutoInit();
5
 
@@ -17,196 +17,210 @@ document.addEventListener('DOMContentLoaded', function() {
17
 
18
  });
19
 
20
- (function($){
21
-
22
- // ready
23
- $(function(){
24
-
25
- $('select').formSelect();
26
- $('.collapsible').collapsible();
27
- $('.modal').modal();
28
- $('.tooltipped').tooltip();
29
- $('.ht-ctc-color').wpColorPicker();
30
-
31
- // show/hide settings
32
- function ht_ctc_show_hide_options () {
33
-
34
- // default display
35
- var val = $('.select_show_or_hide').find(":selected").val();
36
- if (val == 'show') {
37
- $(".showbased").show();
38
- } else if (val == 'hide') {
39
- $(".hidebased").show();
40
- }
41
-
42
- // on change
43
- $(".select_show_or_hide").on("change", function (e) {
44
-
45
- var change_val = e.target.value;
46
- $(".showbased").hide();
47
- $(".hidebased").hide();
48
-
49
- if (change_val == 'show') {
50
- $(".showbased").show(500);
51
- } else if (change_val == 'hide') {
52
- $(".hidebased").show(500);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
53
  }
54
- });
55
 
56
- }
57
- ht_ctc_show_hide_options();
58
-
59
- // call to action
60
- var cta_styles = ['.ht_ctc_s2', '.ht_ctc_s3', '.ht_ctc_s3_1', '.ht_ctc_s7'];
61
- cta_styles.forEach(ht_ctc_admin_cta);
62
-
63
- function ht_ctc_admin_cta(style) {
64
- // default display
65
- var val = $(style + ' .select_cta_type').find(":selected").val();
66
- if (val == 'hide') {
67
- $(style + " .cta_stick").hide();
68
- }
69
-
70
- // on change
71
- $(style + " .select_cta_type").on("change", function (e) {
72
- var change_val = e.target.value;
73
- if (change_val == 'hide') {
74
- $(style + " .cta_stick").hide(100);
75
- } else {
76
- $(style + " .cta_stick").show(200);
77
  }
78
- });
79
- }
80
-
81
- function ht_ctc_admin_animations() {
82
- // default display
83
- var val = $('.select_an_type').find(":selected").val();
84
- if (val == 'no-animation') {
85
- $(".an_delay").hide();
86
- $(".an_itr").hide();
87
- }
88
-
89
- // on change
90
- $(".select_an_type").on("change", function (e) {
91
-
92
- var change_val = e.target.value;
93
-
94
- if (change_val == 'no-animation') {
95
- $(".an_delay").hide();
96
- $(".an_itr").hide();
97
- } else {
98
- $(".an_delay").show(500);
99
- $(".an_itr").show(500);
100
  }
101
- });
102
- }
103
- ht_ctc_admin_animations();
104
 
105
- // on change - styles
106
- $(".chat_select_style").on("change", function (e) {
107
- $(".customize_styles_link").animate({ fontSize: '1.2em' }, "slow");
108
- });
109
 
110
- // Deskop, Mobile
111
- if ($('#hideon_desktop').is(':checked')) {
112
- $(".ht_ctc_admin_desktop").hide();
113
- }
114
-
115
- if ($('#hideon_mobile').is(':checked')) {
116
- $(".ht_ctc_admin_mobile").hide();
117
- }
118
-
119
- $(".hidebasedondevice").on("change", function (e) {
120
- if ($('#hideon_desktop').is(':checked')) {
121
- $(".ht_ctc_admin_desktop").hide();
122
- } else {
123
- $(".ht_ctc_admin_desktop").show();
124
- }
125
-
126
- if ($('#hideon_mobile').is(':checked')) {
127
- $(".ht_ctc_admin_mobile").hide();
128
- } else {
129
- $(".ht_ctc_admin_mobile").show();
130
- }
131
- });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
132
 
133
- // hide nothing or hide only on one device.
134
- $(document).on('click', '.hidebasedondevice', function () {
135
- $('.hidebasedondevice').not(this).prop('checked', false);
136
- });
137
 
138
- // WhatsApp number
139
- function wn() {
140
-
141
- var cc = $("#whatsapp_cc").val();
142
- var num = $("#whatsapp_number").val();
143
 
144
- $("#whatsapp_cc").on("change paste keyup", function (e) {
145
- cc = $("#whatsapp_cc").val();
146
- call();
147
- });
148
 
149
- $("#whatsapp_number").on("change paste keyup", function (e) {
150
- num = $("#whatsapp_number").val();
151
- call();
152
- });
153
 
154
- function call() {
155
- $(".ht_ctc_wn").html(cc+''+num);
156
- $("#ctc_whatsapp_number").val(cc+''+num);
157
- }
158
-
159
- }
160
- wn();
161
-
162
- // webhook
163
- function hook() {
164
-
165
- // webhook value - html
166
- var hook_value_html = $('.add_hook_value').attr('data-html');
167
-
168
- // add value
169
- $(document).on('click', '.add_hook_value', function () {
170
-
171
- $('.ctc_hook_value').append(hook_value_html);
172
- });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
173
 
174
- // Remove value
175
- $('.ctc_hook_value').on('click', '.hook_remove_value', function (e) {
176
- e.preventDefault();
177
- $(this).closest('.additional-value').remove();
178
  });
179
-
180
- }
181
- hook();
182
-
183
- // things based on screen size
184
- function ss() {
185
-
186
- var is_mobile = (typeof screen.width !== "undefined" && screen.width > 1024) ? "no" : "yes";
187
-
188
- if ('yes' == is_mobile) {
189
-
190
- // WhatsApp number tooltip position for mobile
191
- // $("#whatsapp_cc").data('position', 'bottom');
192
- $("#whatsapp_cc").attr('data-position', 'bottom');
193
- $("#whatsapp_number").attr('data-position', 'bottom');
194
- }
195
- }
196
- ss();
197
-
198
- function other() {
199
-
200
- // hover text on save_changes button
201
- var text = $('#ctc_save_changes_hover_text').text();
202
- $("#submit").attr('title', text);
203
-
204
-
205
-
206
- }
207
- other();
208
-
209
- });
210
 
211
 
212
  })(jQuery);
1
  // Click to Chat v3.2.9
2
+ document.addEventListener('DOMContentLoaded', function () {
3
 
4
  // M.AutoInit();
5
 
17
 
18
  });
19
 
20
+ (function ($) {
21
+
22
+ // ready
23
+ $(function () {
24
+
25
+ $('select').formSelect();
26
+ $('.collapsible').collapsible();
27
+ $('.modal').modal();
28
+ $('.tooltipped').tooltip();
29
+ $('.ht-ctc-color').wpColorPicker();
30
+
31
+ // show/hide settings
32
+ function ht_ctc_show_hide_options() {
33
+
34
+ // default display
35
+ var val = $('.select_show_or_hide').find(":selected").val();
36
+ if (val == 'show') {
37
+ $(".showbased").show();
38
+ } else if (val == 'hide') {
39
+ $(".hidebased").show();
40
+ }
41
+
42
+ // on change
43
+ $(".select_show_or_hide").on("change", function (e) {
44
+
45
+ var change_val = e.target.value;
46
+ $(".showbased").hide();
47
+ $(".hidebased").hide();
48
+
49
+ if (change_val == 'show') {
50
+ $(".showbased").show(500);
51
+ } else if (change_val == 'hide') {
52
+ $(".hidebased").show(500);
53
+ }
54
+ });
55
+
56
+ }
57
+ ht_ctc_show_hide_options();
58
+
59
+ // call to action
60
+ var cta_styles = ['.ht_ctc_s2', '.ht_ctc_s3', '.ht_ctc_s3_1', '.ht_ctc_s7'];
61
+ cta_styles.forEach(ht_ctc_admin_cta);
62
+
63
+ function ht_ctc_admin_cta(style) {
64
+ // default display
65
+ var val = $(style + ' .select_cta_type').find(":selected").val();
66
+ if (val == 'hide') {
67
+ $(style + " .cta_stick").hide();
68
+ }
69
+
70
+ // on change
71
+ $(style + " .select_cta_type").on("change", function (e) {
72
+ var change_val = e.target.value;
73
+ if (change_val == 'hide') {
74
+ $(style + " .cta_stick").hide(100);
75
+ } else {
76
+ $(style + " .cta_stick").show(200);
77
+ }
78
+ });
79
  }
 
80
 
81
+ function ht_ctc_admin_animations() {
82
+ // default display
83
+ var val = $('.select_an_type').find(":selected").val();
84
+ if (val == 'no-animation') {
85
+ $(".an_delay").hide();
86
+ $(".an_itr").hide();
87
+ }
88
+
89
+ // on change
90
+ $(".select_an_type").on("change", function (e) {
91
+
92
+ var change_val = e.target.value;
93
+
94
+ if (change_val == 'no-animation') {
95
+ $(".an_delay").hide();
96
+ $(".an_itr").hide();
97
+ } else {
98
+ $(".an_delay").show(500);
99
+ $(".an_itr").show(500);
100
+ }
101
+ });
102
  }
103
+ ht_ctc_admin_animations();
104
+
105
+ // on change - styles
106
+ $(".chat_select_style").on("change", function (e) {
107
+ $(".customize_styles_link").animate({ fontSize: '1.2em' }, "slow");
108
+ });
109
+
110
+ // Deskop, Mobile
111
+ if ($('#hideon_desktop').is(':checked')) {
112
+ $(".ht_ctc_admin_desktop").hide();
 
 
 
 
 
 
 
 
 
 
 
 
113
  }
 
 
 
114
 
115
+ if ($('#hideon_mobile').is(':checked')) {
116
+ $(".ht_ctc_admin_mobile").hide();
117
+ }
 
118
 
119
+ $(".hidebasedondevice").on("change", function (e) {
120
+ if ($('#hideon_desktop').is(':checked')) {
121
+ $(".ht_ctc_admin_desktop").hide();
122
+ } else {
123
+ $(".ht_ctc_admin_desktop").show();
124
+ }
125
+
126
+ if ($('#hideon_mobile').is(':checked')) {
127
+ $(".ht_ctc_admin_mobile").hide();
128
+ } else {
129
+ $(".ht_ctc_admin_mobile").show();
130
+ }
131
+ });
132
+
133
+ // hide nothing or hide only on one device.
134
+ $(document).on('click', '.hidebasedondevice', function () {
135
+ $('.hidebasedondevice').not(this).prop('checked', false);
136
+ });
137
+
138
+ // WhatsApp number
139
+ function wn() {
140
+
141
+ var cc = $("#whatsapp_cc").val();
142
+ var num = $("#whatsapp_number").val();
143
+
144
+ $("#whatsapp_cc").on("change paste keyup", function (e) {
145
+ cc = $("#whatsapp_cc").val();
146
+ call();
147
+ });
148
+
149
+ $("#whatsapp_number").on("change paste keyup", function (e) {
150
+ num = $("#whatsapp_number").val();
151
+ call();
152
+ });
153
+
154
+ function call() {
155
+ $(".ht_ctc_wn").html(cc + '' + num);
156
+ $("#ctc_whatsapp_number").val(cc + '' + num);
157
+ }
158
 
159
+ }
160
+ wn();
 
 
161
 
162
+ // webhook
163
+ function hook() {
 
 
 
164
 
165
+ // webhook value - html
166
+ var hook_value_html = $('.add_hook_value').attr('data-html');
 
 
167
 
168
+ // add value
169
+ $(document).on('click', '.add_hook_value', function () {
 
 
170
 
171
+ $('.ctc_hook_value').append(hook_value_html);
172
+ });
173
+
174
+ // Remove value
175
+ $('.ctc_hook_value').on('click', '.hook_remove_value', function (e) {
176
+ e.preventDefault();
177
+ $(this).closest('.additional-value').remove();
178
+ });
179
+
180
+ }
181
+ hook();
182
+
183
+ // things based on screen size
184
+ function ss() {
185
+
186
+ var is_mobile = (typeof screen.width !== "undefined" && screen.width > 1024) ? "no" : "yes";
187
+
188
+ if ('yes' == is_mobile) {
189
+
190
+ // WhatsApp number tooltip position for mobile
191
+ // $("#whatsapp_cc").data('position', 'bottom');
192
+ $("#whatsapp_cc").attr('data-position', 'bottom');
193
+ $("#whatsapp_number").attr('data-position', 'bottom');
194
+ }
195
+ }
196
+ ss();
197
+
198
+ function other() {
199
+
200
+ // hover text on save_changes button
201
+ var text = $('#ctc_save_changes_hover_text').text();
202
+ $("#submit").attr('title', text);
203
+
204
+ // analytics - ga4 display only if ga is enabled.
205
+ $("#google_analytics").on("change", function (e) {
206
+ console.log('change worked');
207
+ if ($('#google_analytics').is(':checked')) {
208
+ $(".ctc_ga4").show();
209
+ } else {
210
+ $(".ctc_ga4").hide();
211
+ }
212
+ });
213
+
214
+ if ($('#google_analytics').is(':checked')) {
215
+ $(".ctc_ga4").show();
216
+ } else {
217
+ $(".ctc_ga4").hide();
218
+ }
219
+
220
+ }
221
+ other();
222
 
 
 
 
 
223
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
224
 
225
 
226
  })(jQuery);
new/admin/admin_commons/admin-desktop.php CHANGED
@@ -30,23 +30,23 @@ $side_2_value = ( isset( $options['side_2_value']) ) ? esc_attr( $options['side_
30
  <p class="description ht_ctc_admin_desktop ht_ctc_subtitle"><?php _e( 'Select Style (Desktop)', 'click-to-chat-for-whatsapp' ); ?>:</p class="description">
31
  <div class="row ht_ctc_admin_desktop">
32
  <div class="input-field col s12 m12">
33
- <select name="<?php echo $dbrow ?>[style_desktop]" class="chat_select_style select_style_desktop">
34
- <option value="1" <?php echo $style_desktop == 1 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-1', 'click-to-chat-for-whatsapp' ); ?></option>
35
- <option value="2" <?php echo $style_desktop == 2 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-2', 'click-to-chat-for-whatsapp' ); ?></option>
36
  <!-- <optgroup label="Style 3"> -->
37
- <option value="3" <?php echo $style_desktop == 3 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-3', 'click-to-chat-for-whatsapp' ); ?></option>
38
- <option value="3_1" <?php echo $style_desktop == '3_1' ? 'SELECTED' : ''; ?> >&emsp;<?php _e( 'Style-3 Extend', 'click-to-chat-for-whatsapp' ); ?></option>
39
  <!-- </optgroup> -->
40
- <option value="4" <?php echo $style_desktop == 4 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-4', 'click-to-chat-for-whatsapp' ); ?></option>
41
- <option value="5" <?php echo $style_desktop == 5 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-5', 'click-to-chat-for-whatsapp' ); ?></option>
42
- <option value="6" <?php echo $style_desktop == 6 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-6', 'click-to-chat-for-whatsapp' ); ?></option>
43
- <option value="7" <?php echo $style_desktop == 7 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-7', 'click-to-chat-for-whatsapp' ); ?></option>
44
- <option value="7_1" <?php echo $style_desktop == '7_1' ? 'SELECTED' : ''; ?> >&emsp;<?php _e( 'Style-7 Extend', 'click-to-chat-for-whatsapp' ); ?></option>
45
- <option value="8" <?php echo $style_desktop == 8 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-8', 'click-to-chat-for-whatsapp' ); ?></option>
46
- <option value="99" <?php echo $style_desktop == 99 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-99 (Add your own image / GIF)', 'click-to-chat-for-whatsapp' ); ?></option>
47
  </select>
48
- <p class="description"><a target="_blank" href="https://holithemes.com/plugins/click-to-chat/list-of-styles/?utm_source=ctc&utm_medium=admin&utm_campaign=chat"><?php _e( 'List of styles', 'click-to-chat-for-whatsapp' ); ?></a> &emsp; | &emsp; <span><?php _e( 'Customize the styles', 'click-to-chat-for-whatsapp' ); ?> <a target="_blank" class="customize_styles_link" href="<?php echo admin_url( 'admin.php?page=click-to-chat-customize-styles' ); ?>">( Click to Chat -> Customize )</a></span> </p>
49
- <p class="description"><span class="check_select_styles" style="font-size: 0.7em;"><?php _e( 'If Styles for desktop, mobile not selected as expected', 'click-to-chat-for-whatsapp' ); ?> <a target="_blank" href="<?php echo admin_url( 'admin.php?page=click-to-chat-other-settings#styles_issue:~:text=Check,cache)' ); ?>"><?php _e( 'Check this', 'click-to-chat-for-whatsapp' ); ?></a>, - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/select-styles/?utm_source=ctc&utm_medium=admin&utm_campaign=chat"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a></span></p>
50
  </div>
51
  </div>
52
 
@@ -62,14 +62,14 @@ do_action('ht_ctc_ah_admin_desktop_after_select_sytle', $options, $dbrow );
62
  <div class="row ht_ctc_admin_desktop">
63
  <br>
64
  <div class="input-field col s6">
65
- <select name="<?php echo $dbrow ?>[side_1]" class="select-2">
66
- <option value="bottom" <?php echo $side_1 == 'bottom' ? 'SELECTED' : ''; ?> ><?php _e( 'bottom', 'click-to-chat-for-whatsapp' ); ?></option>
67
- <option value="top" <?php echo $side_1 == 'top' ? 'SELECTED' : ''; ?> ><?php _e( 'top', 'click-to-chat-for-whatsapp' ); ?></option>
68
  </select>
69
  <label>top / bottom </label>
70
  </div>
71
  <div class="input-field col s6">
72
- <input name="<?php echo $dbrow ?>[side_1_value]" value="<?php echo $side_1_value ?>" id="side_1_value" type="text" class="input-margin">
73
  <label for="side_1_value"><?php _e( 'E.g. 10px', 'click-to-chat-for-whatsapp' ); ?></label>
74
  </div>
75
  </div>
@@ -77,15 +77,15 @@ do_action('ht_ctc_ah_admin_desktop_after_select_sytle', $options, $dbrow );
77
  <!-- side - 2 -->
78
  <div class="row ht_ctc_admin_desktop" style="margin-bottom:0;">
79
  <div class="input-field col s6">
80
- <select name="<?php echo $dbrow ?>[side_2]" class="select-2">
81
- <option value="right" <?php echo $side_2 == 'right' ? 'SELECTED' : ''; ?> ><?php _e( 'right', 'click-to-chat-for-whatsapp' ); ?></option>
82
- <option value="left" <?php echo $side_2 == 'left' ? 'SELECTED' : ''; ?> ><?php _e( 'left', 'click-to-chat-for-whatsapp' ); ?></option>
83
  </select>
84
  <label><?php _e( 'right / left', 'click-to-chat-for-whatsapp' ); ?></label>
85
  </div>
86
 
87
  <div class="input-field col s6">
88
- <input name="<?php echo $dbrow ?>[side_2_value]" value="<?php echo $side_2_value ?>" id="side_2_value" type="text" class="input-margin">
89
  <label for="side_2_value"><?php _e( 'E.g. 50%', 'click-to-chat-for-whatsapp' ); ?></label>
90
  </div>
91
  </div>
@@ -102,7 +102,7 @@ if ( isset( $options['hideon_desktop'] ) ) {
102
  ?>
103
  <p>
104
  <label>
105
- <input name="<?php echo $dbrow ?>[hideon_desktop]" type="checkbox" value="1" <?php checked( $options['hideon_desktop'], 1 ); ?> class="hidebasedondevice" id="hideon_desktop" />
106
  <span><?php _e( 'Hide on - Desktop Devices', 'click-to-chat-for-whatsapp' ); ?></span>
107
  </label>
108
  </p>
@@ -111,7 +111,7 @@ if ( isset( $options['hideon_desktop'] ) ) {
111
  ?>
112
  <p>
113
  <label>
114
- <input name="<?php echo $dbrow ?>[hideon_desktop]" type="checkbox" value="1" class="hidebasedondevice" id="hideon_desktop" />
115
  <span><?php _e( 'Hide on - Desktop Devices', 'click-to-chat-for-whatsapp' ); ?></span>
116
  </label>
117
  </p>
30
  <p class="description ht_ctc_admin_desktop ht_ctc_subtitle"><?php _e( 'Select Style (Desktop)', 'click-to-chat-for-whatsapp' ); ?>:</p class="description">
31
  <div class="row ht_ctc_admin_desktop">
32
  <div class="input-field col s12 m12">
33
+ <select name="<?= $dbrow; ?>[style_desktop]" class="chat_select_style select_style_desktop">
34
+ <option value="1" <?= $style_desktop == 1 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-1', 'click-to-chat-for-whatsapp' ); ?></option>
35
+ <option value="2" <?= $style_desktop == 2 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-2', 'click-to-chat-for-whatsapp' ); ?></option>
36
  <!-- <optgroup label="Style 3"> -->
37
+ <option value="3" <?= $style_desktop == 3 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-3', 'click-to-chat-for-whatsapp' ); ?></option>
38
+ <option value="3_1" <?= $style_desktop == '3_1' ? 'SELECTED' : ''; ?> >&emsp;<?php _e( 'Style-3 Extend', 'click-to-chat-for-whatsapp' ); ?></option>
39
  <!-- </optgroup> -->
40
+ <option value="4" <?= $style_desktop == 4 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-4', 'click-to-chat-for-whatsapp' ); ?></option>
41
+ <option value="5" <?= $style_desktop == 5 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-5', 'click-to-chat-for-whatsapp' ); ?></option>
42
+ <option value="6" <?= $style_desktop == 6 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-6', 'click-to-chat-for-whatsapp' ); ?></option>
43
+ <option value="7" <?= $style_desktop == 7 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-7', 'click-to-chat-for-whatsapp' ); ?></option>
44
+ <option value="7_1" <?= $style_desktop == '7_1' ? 'SELECTED' : ''; ?> >&emsp;<?php _e( 'Style-7 Extend', 'click-to-chat-for-whatsapp' ); ?></option>
45
+ <option value="8" <?= $style_desktop == 8 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-8', 'click-to-chat-for-whatsapp' ); ?></option>
46
+ <option value="99" <?= $style_desktop == 99 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-99 (Add your own image / GIF)', 'click-to-chat-for-whatsapp' ); ?></option>
47
  </select>
48
+ <p class="description"><a target="_blank" href="https://holithemes.com/plugins/click-to-chat/list-of-styles/?utm_source=ctc&utm_medium=admin&utm_campaign=chat"><?php _e( 'List of styles', 'click-to-chat-for-whatsapp' ); ?></a> &emsp; | &emsp; <span><?php _e( 'Customize the styles', 'click-to-chat-for-whatsapp' ); ?> <a target="_blank" class="customize_styles_link" href="<?= admin_url( 'admin.php?page=click-to-chat-customize-styles' ); ?>">( Click to Chat -> Customize )</a></span> </p>
49
+ <p class="description"><span class="check_select_styles" style="font-size: 0.7em;"><?php _e( 'If Styles for desktop, mobile not selected as expected', 'click-to-chat-for-whatsapp' ); ?> <a target="_blank" href="<?= admin_url( 'admin.php?page=click-to-chat-other-settings#styles_issue:~:text=Check,cache)' ); ?>"><?php _e( 'Check this', 'click-to-chat-for-whatsapp' ); ?></a>, - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/select-styles/?utm_source=ctc&utm_medium=admin&utm_campaign=chat"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a></span></p>
50
  </div>
51
  </div>
52
 
62
  <div class="row ht_ctc_admin_desktop">
63
  <br>
64
  <div class="input-field col s6">
65
+ <select name="<?= $dbrow; ?>[side_1]" class="select-2">
66
+ <option value="bottom" <?= $side_1 == 'bottom' ? 'SELECTED' : ''; ?> ><?php _e( 'bottom', 'click-to-chat-for-whatsapp' ); ?></option>
67
+ <option value="top" <?= $side_1 == 'top' ? 'SELECTED' : ''; ?> ><?php _e( 'top', 'click-to-chat-for-whatsapp' ); ?></option>
68
  </select>
69
  <label>top / bottom </label>
70
  </div>
71
  <div class="input-field col s6">
72
+ <input name="<?= $dbrow; ?>[side_1_value]" value="<?= $side_1_value ?>" id="side_1_value" type="text" class="input-margin">
73
  <label for="side_1_value"><?php _e( 'E.g. 10px', 'click-to-chat-for-whatsapp' ); ?></label>
74
  </div>
75
  </div>
77
  <!-- side - 2 -->
78
  <div class="row ht_ctc_admin_desktop" style="margin-bottom:0;">
79
  <div class="input-field col s6">
80
+ <select name="<?= $dbrow; ?>[side_2]" class="select-2">
81
+ <option value="right" <?= $side_2 == 'right' ? 'SELECTED' : ''; ?> ><?php _e( 'right', 'click-to-chat-for-whatsapp' ); ?></option>
82
+ <option value="left" <?= $side_2 == 'left' ? 'SELECTED' : ''; ?> ><?php _e( 'left', 'click-to-chat-for-whatsapp' ); ?></option>
83
  </select>
84
  <label><?php _e( 'right / left', 'click-to-chat-for-whatsapp' ); ?></label>
85
  </div>
86
 
87
  <div class="input-field col s6">
88
+ <input name="<?= $dbrow; ?>[side_2_value]" value="<?= $side_2_value ?>" id="side_2_value" type="text" class="input-margin">
89
  <label for="side_2_value"><?php _e( 'E.g. 50%', 'click-to-chat-for-whatsapp' ); ?></label>
90
  </div>
91
  </div>
102
  ?>
103
  <p>
104
  <label>
105
+ <input name="<?= $dbrow; ?>[hideon_desktop]" type="checkbox" value="1" <?php checked( $options['hideon_desktop'], 1 ); ?> class="hidebasedondevice" id="hideon_desktop" />
106
  <span><?php _e( 'Hide on - Desktop Devices', 'click-to-chat-for-whatsapp' ); ?></span>
107
  </label>
108
  </p>
111
  ?>
112
  <p>
113
  <label>
114
+ <input name="<?= $dbrow; ?>[hideon_desktop]" type="checkbox" value="1" class="hidebasedondevice" id="hideon_desktop" />
115
  <span><?php _e( 'Hide on - Desktop Devices', 'click-to-chat-for-whatsapp' ); ?></span>
116
  </label>
117
  </p>
new/admin/admin_commons/admin-mobile.php CHANGED
@@ -25,25 +25,51 @@ $mobile_side_2_value = ( isset( $options['mobile_side_2_value'])) ? esc_attr( $o
25
  <div class="collapsible-header"><?php _e( 'Mobile', 'click-to-chat-for-whatsapp' ); ?></div>
26
  <div class="collapsible-body">
27
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
28
  <!-- style -->
29
  <p class="description ht_ctc_admin_mobile ht_ctc_subtitle"><?php _e( 'Select Style (Mobile)', 'click-to-chat-for-whatsapp' ); ?>:</p class="description">
30
  <div class="row ht_ctc_admin_mobile">
31
  <div class="input-field col s12 m12">
32
- <select name="<?php echo $dbrow ?>[style_mobile]" class="chat_select_style select_style_mobile">
33
- <option value="1" <?php echo $style_mobile == 1 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-1', 'click-to-chat-for-whatsapp' ); ?></option>
34
- <option value="2" <?php echo $style_mobile == 2 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-2', 'click-to-chat-for-whatsapp' ); ?></option>
35
- <option value="3" <?php echo $style_mobile == 3 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-3', 'click-to-chat-for-whatsapp' ); ?></option>
36
- <option value="3_1" <?php echo $style_mobile == '3_1' ? 'SELECTED' : ''; ?> >&emsp;<?php _e( 'Style-3 Extend', 'click-to-chat-for-whatsapp' ); ?></option>
37
- <option value="4" <?php echo $style_mobile == 4 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-4', 'click-to-chat-for-whatsapp' ); ?></option>
38
- <option value="5" <?php echo $style_mobile == 5 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-5', 'click-to-chat-for-whatsapp' ); ?></option>
39
- <option value="6" <?php echo $style_mobile == 6 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-6', 'click-to-chat-for-whatsapp' ); ?></option>
40
- <option value="7" <?php echo $style_mobile == 7 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-7', 'click-to-chat-for-whatsapp' ); ?></option>
41
- <option value="7_1" <?php echo $style_mobile == '7_1' ? 'SELECTED' : ''; ?> >&emsp;<?php _e( 'Style-7 Extend', 'click-to-chat-for-whatsapp' ); ?></option>
42
- <option value="8" <?php echo $style_mobile == 8 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-8', 'click-to-chat-for-whatsapp' ); ?></option>
43
- <option value="99" <?php echo $style_mobile == 99 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-99 (Add your own image / GIF)', 'click-to-chat-for-whatsapp' ); ?></option>
44
  </select>
45
- <p class="description"><a target="_blank" href="https://holithemes.com/plugins/click-to-chat/list-of-styles/?utm_source=ctc&utm_medium=admin&utm_campaign=chat"><?php _e( 'List of styles', 'click-to-chat-for-whatsapp' ); ?></a> &emsp; | &emsp; <span><?php _e( 'Customize the styles', 'click-to-chat-for-whatsapp' ); ?> <a target="_blank" class="customize_styles_link" href="<?php echo admin_url( 'admin.php?page=click-to-chat-customize-styles' ); ?>">( Click to Chat -> Customize )</a></span> </p>
46
- <p class="description"><span class="check_select_styles" style="font-size: 0.7em;">If Styles for desktop, mobile not selected as expected <a target="_blank" href="<?php echo admin_url( 'admin.php?page=click-to-chat-other-settings#styles_issue:~:text=Check,cache)' ); ?>">Check this</a>, - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/select-styles/?utm_source=ctc&utm_medium=admin&utm_campaign=chat">more info</a></span></p>
47
  </div>
48
  </div>
49
 
@@ -58,14 +84,14 @@ do_action('ht_ctc_ah_admin_mobile_after_select_sytle', $options, $dbrow );
58
  <div class="row ht_ctc_admin_mobile">
59
  <br>
60
  <div class="input-field col s6">
61
- <select name="<?php echo $dbrow ?>[mobile_side_1]" class="select-2">
62
- <option value="bottom" <?php echo $mobile_side_1 == 'bottom' ? 'SELECTED' : ''; ?> ><?php _e( 'bottom', 'click-to-chat-for-whatsapp' ); ?></option>
63
- <option value="top" <?php echo $mobile_side_1 == 'top' ? 'SELECTED' : ''; ?> ><?php _e( 'top', 'click-to-chat-for-whatsapp' ); ?></option>
64
  </select>
65
  <label>top / bottom </label>
66
  </div>
67
  <div class="input-field col s6">
68
- <input name="<?php echo $dbrow ?>[mobile_side_1_value]" value="<?php echo $mobile_side_1_value ?>" id="mobile_side_1_value" type="text" class="input-margin">
69
  <label for="mobile_side_1_value"><?php _e( 'E.g. 10px', 'click-to-chat-for-whatsapp' ); ?></label>
70
  </div>
71
  </div>
@@ -73,15 +99,15 @@ do_action('ht_ctc_ah_admin_mobile_after_select_sytle', $options, $dbrow );
73
  <!-- side - 2 -->
74
  <div class="row ht_ctc_admin_mobile" style="margin-bottom:0;">
75
  <div class="input-field col s6">
76
- <select name="<?php echo $dbrow ?>[mobile_side_2]" class="select-2">
77
- <option value="right" <?php echo $mobile_side_2 == 'right' ? 'SELECTED' : ''; ?> ><?php _e( 'right', 'click-to-chat-for-whatsapp' ); ?></option>
78
- <option value="left" <?php echo $mobile_side_2 == 'left' ? 'SELECTED' : ''; ?> ><?php _e( 'left', 'click-to-chat-for-whatsapp' ); ?></option>
79
  </select>
80
  <label><?php _e( 'right / left', 'click-to-chat-for-whatsapp' ); ?></label>
81
  </div>
82
 
83
  <div class="input-field col s6">
84
- <input name="<?php echo $dbrow ?>[mobile_side_2_value]" value="<?php echo $mobile_side_2_value ?>" id="mobile_side_2_value" type="text" class="input-margin">
85
  <label for="mobile_side_2_value"><?php _e( 'E.g. 50%', 'click-to-chat-for-whatsapp' ); ?></label>
86
  </div>
87
  </div>
@@ -98,7 +124,7 @@ if ( isset( $options['hideon_mobile'] ) ) {
98
  ?>
99
  <p>
100
  <label>
101
- <input name="<?php echo $dbrow ?>[hideon_mobile]" type="checkbox" value="1" <?php checked( $options['hideon_mobile'], 1 ); ?> class="hidebasedondevice" id="hideon_mobile" />
102
  <span><?php _e( 'Hide on - Mobile Devices', 'click-to-chat-for-whatsapp' ); ?></span>
103
  </label>
104
  </p>
@@ -107,7 +133,7 @@ if ( isset( $options['hideon_mobile'] ) ) {
107
  ?>
108
  <p>
109
  <label>
110
- <input name="<?php echo $dbrow ?>[hideon_mobile]" type="checkbox" value="1" class="hidebasedondevice" id="hideon_mobile" />
111
  <span><?php _e( 'Hide on - Mobile Devices', 'click-to-chat-for-whatsapp' ); ?></span>
112
  </label>
113
  </p>
25
  <div class="collapsible-header"><?php _e( 'Mobile', 'click-to-chat-for-whatsapp' ); ?></div>
26
  <div class="collapsible-body">
27
 
28
+ <?php
29
+
30
+ // Same setting for Mobile Devices
31
+ if ( isset( $options['same_settings'] ) ) {
32
+ ?>
33
+ <!-- <p>
34
+ <label>
35
+ <input name="<?= $dbrow; ?>[same_settings]" type="checkbox" value="1" <?php checked( $options['same_settings'], 1 ); ?> class="same_settings" id="same_settings" />
36
+ <span><?php _e( 'Desktop and Mobile same setttings', 'click-to-chat-for-whatsapp' ); ?></span>
37
+ </label>
38
+ </p> -->
39
+ <?php
40
+ } else {
41
+ ?>
42
+ <!-- <p>
43
+ <label>
44
+ <input name="<?= $dbrow; ?>[same_settings]" type="checkbox" value="1" class="same_settings" id="same_settings" />
45
+ <span><?php _e( 'Desktop and Mobile same setttings', 'click-to-chat-for-whatsapp' ); ?></span>
46
+ </label>
47
+ </p> -->
48
+ <?php
49
+ }
50
+
51
+ ?>
52
+ <!-- <br><br> -->
53
+
54
  <!-- style -->
55
  <p class="description ht_ctc_admin_mobile ht_ctc_subtitle"><?php _e( 'Select Style (Mobile)', 'click-to-chat-for-whatsapp' ); ?>:</p class="description">
56
  <div class="row ht_ctc_admin_mobile">
57
  <div class="input-field col s12 m12">
58
+ <select name="<?= $dbrow; ?>[style_mobile]" class="chat_select_style select_style_mobile">
59
+ <option value="1" <?= $style_mobile == 1 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-1', 'click-to-chat-for-whatsapp' ); ?></option>
60
+ <option value="2" <?= $style_mobile == 2 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-2', 'click-to-chat-for-whatsapp' ); ?></option>
61
+ <option value="3" <?= $style_mobile == 3 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-3', 'click-to-chat-for-whatsapp' ); ?></option>
62
+ <option value="3_1" <?= $style_mobile == '3_1' ? 'SELECTED' : ''; ?> >&emsp;<?php _e( 'Style-3 Extend', 'click-to-chat-for-whatsapp' ); ?></option>
63
+ <option value="4" <?= $style_mobile == 4 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-4', 'click-to-chat-for-whatsapp' ); ?></option>
64
+ <option value="5" <?= $style_mobile == 5 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-5', 'click-to-chat-for-whatsapp' ); ?></option>
65
+ <option value="6" <?= $style_mobile == 6 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-6', 'click-to-chat-for-whatsapp' ); ?></option>
66
+ <option value="7" <?= $style_mobile == 7 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-7', 'click-to-chat-for-whatsapp' ); ?></option>
67
+ <option value="7_1" <?= $style_mobile == '7_1' ? 'SELECTED' : ''; ?> >&emsp;<?php _e( 'Style-7 Extend', 'click-to-chat-for-whatsapp' ); ?></option>
68
+ <option value="8" <?= $style_mobile == 8 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-8', 'click-to-chat-for-whatsapp' ); ?></option>
69
+ <option value="99" <?= $style_mobile == 99 ? 'SELECTED' : ''; ?> ><?php _e( 'Style-99 (Add your own image / GIF)', 'click-to-chat-for-whatsapp' ); ?></option>
70
  </select>
71
+ <p class="description"><a target="_blank" href="https://holithemes.com/plugins/click-to-chat/list-of-styles/?utm_source=ctc&utm_medium=admin&utm_campaign=chat"><?php _e( 'List of styles', 'click-to-chat-for-whatsapp' ); ?></a> &emsp; | &emsp; <span><?php _e( 'Customize the styles', 'click-to-chat-for-whatsapp' ); ?> <a target="_blank" class="customize_styles_link" href="<?= admin_url( 'admin.php?page=click-to-chat-customize-styles' ); ?>">( Click to Chat -> Customize )</a></span> </p>
72
+ <p class="description"><span class="check_select_styles" style="font-size: 0.7em;">If Styles for desktop, mobile not selected as expected <a target="_blank" href="<?= admin_url( 'admin.php?page=click-to-chat-other-settings#styles_issue:~:text=Check,cache)' ); ?>">Check this</a>, - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/select-styles/?utm_source=ctc&utm_medium=admin&utm_campaign=chat">more info</a></span></p>
73
  </div>
74
  </div>
75
 
84
  <div class="row ht_ctc_admin_mobile">
85
  <br>
86
  <div class="input-field col s6">
87
+ <select name="<?= $dbrow; ?>[mobile_side_1]" class="select-2">
88
+ <option value="bottom" <?= $mobile_side_1 == 'bottom' ? 'SELECTED' : ''; ?> ><?php _e( 'bottom', 'click-to-chat-for-whatsapp' ); ?></option>
89
+ <option value="top" <?= $mobile_side_1 == 'top' ? 'SELECTED' : ''; ?> ><?php _e( 'top', 'click-to-chat-for-whatsapp' ); ?></option>
90
  </select>
91
  <label>top / bottom </label>
92
  </div>
93
  <div class="input-field col s6">
94
+ <input name="<?= $dbrow; ?>[mobile_side_1_value]" value="<?= $mobile_side_1_value ?>" id="mobile_side_1_value" type="text" class="input-margin">
95
  <label for="mobile_side_1_value"><?php _e( 'E.g. 10px', 'click-to-chat-for-whatsapp' ); ?></label>
96
  </div>
97
  </div>
99
  <!-- side - 2 -->
100
  <div class="row ht_ctc_admin_mobile" style="margin-bottom:0;">
101
  <div class="input-field col s6">
102
+ <select name="<?= $dbrow; ?>[mobile_side_2]" class="select-2">
103
+ <option value="right" <?= $mobile_side_2 == 'right' ? 'SELECTED' : ''; ?> ><?php _e( 'right', 'click-to-chat-for-whatsapp' ); ?></option>
104
+ <option value="left" <?= $mobile_side_2 == 'left' ? 'SELECTED' : ''; ?> ><?php _e( 'left', 'click-to-chat-for-whatsapp' ); ?></option>
105
  </select>
106
  <label><?php _e( 'right / left', 'click-to-chat-for-whatsapp' ); ?></label>
107
  </div>
108
 
109
  <div class="input-field col s6">
110
+ <input name="<?= $dbrow; ?>[mobile_side_2_value]" value="<?= $mobile_side_2_value ?>" id="mobile_side_2_value" type="text" class="input-margin">
111
  <label for="mobile_side_2_value"><?php _e( 'E.g. 50%', 'click-to-chat-for-whatsapp' ); ?></label>
112
  </div>
113
  </div>
124
  ?>
125
  <p>
126
  <label>
127
+ <input name="<?= $dbrow; ?>[hideon_mobile]" type="checkbox" value="1" <?php checked( $options['hideon_mobile'], 1 ); ?> class="hidebasedondevice" id="hideon_mobile" />
128
  <span><?php _e( 'Hide on - Mobile Devices', 'click-to-chat-for-whatsapp' ); ?></span>
129
  </label>
130
  </p>
133
  ?>
134
  <p>
135
  <label>
136
+ <input name="<?= $dbrow; ?>[hideon_mobile]" type="checkbox" value="1" class="hidebasedondevice" id="hideon_mobile" />
137
  <span><?php _e( 'Hide on - Mobile Devices', 'click-to-chat-for-whatsapp' ); ?></span>
138
  </label>
139
  </p>
new/admin/admin_commons/admin-show-hide.php CHANGED
@@ -36,9 +36,9 @@ do_action('ht_ctc_ah_admin_before_showhide');
36
 
37
  <div class="row" style="margin-bottom: 0px;">
38
  <div class="input-field col s8">
39
- <select name="<?php echo $dbrow ?>[show_or_hide]" class="select_show_or_hide">
40
- <option value="hide" <?php echo $show_or_hide == "hide" ? 'SELECTED' : ''; ?> ><?php _e( 'Hide on selected pages', 'click-to-chat-for-whatsapp' ); ?></option>
41
- <option value="show" <?php echo $show_or_hide == "show" ? 'SELECTED' : ''; ?> ><?php _e( 'Show only on selected pages', 'click-to-chat-for-whatsapp' ); ?></option>
42
  </select>
43
  <p class="description ctc_show_hide_display show-hide_display-none hidebased"><span style="background-color: #ddd; padding: 0 5px; border-radius: 5px; color: green; "><?php _e( 'Default shows on all pages', 'click-to-chat-for-whatsapp' ); ?> </span></p>
44
  <p class="description ctc_show_hide_display show-hide_display-none showbased"><span style="color: red; "><?php _e( 'Default Hides on all pages', 'click-to-chat-for-whatsapp' ); ?> </span></p>
@@ -65,7 +65,7 @@ if ( isset( $options['hideon_posts'] ) ) {
65
  ?>
66
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
67
  <label>
68
- <input name="<?php echo $dbrow ?>[hideon_posts]" type="checkbox" value="1" <?php checked( $options['hideon_posts'], 1 ); ?> id="filled-in-box1" />
69
  <span><?php _e( 'Hide on - Posts', 'click-to-chat-for-whatsapp' ); ?></span>
70
  </label>
71
  </p>
@@ -74,7 +74,7 @@ if ( isset( $options['hideon_posts'] ) ) {
74
  ?>
75
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
76
  <label>
77
- <input name="<?php echo $dbrow ?>[hideon_posts]" type="checkbox" value="1" id="filled-in-box1" />
78
  <span><?php _e( 'Hide on - Posts', 'click-to-chat-for-whatsapp' ); ?></span>
79
  </label>
80
  </p>
@@ -87,7 +87,7 @@ if ( isset( $options['hideon_page'] ) ) {
87
  ?>
88
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
89
  <label>
90
- <input name="<?php echo $dbrow ?>[hideon_page]" type="checkbox" value="1" <?php checked( $options['hideon_page'], 1 ); ?> id="filled-in-box2" />
91
  <span><?php _e( 'Hide on - Pages', 'click-to-chat-for-whatsapp' ); ?></span>
92
  </label>
93
  </p>
@@ -96,7 +96,7 @@ if ( isset( $options['hideon_page'] ) ) {
96
  ?>
97
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
98
  <label>
99
- <input name="<?php echo $dbrow ?>[hideon_page]" type="checkbox" value="1" id="filled-in-box2" />
100
  <span><?php _e( 'Hide on - Pages', 'click-to-chat-for-whatsapp' ); ?></span>
101
  </label>
102
  </p>
@@ -112,7 +112,7 @@ if ( isset( $options['hideon_homepage'] ) ) {
112
  ?>
113
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
114
  <label>
115
- <input name="<?php echo $dbrow ?>[hideon_homepage]" type="checkbox" value="1" <?php checked( $options['hideon_homepage'], 1 ); ?> id="filled-in-box3" />
116
  <span><?php _e( 'Hide on - Home/Front Page', 'click-to-chat-for-whatsapp' ); ?></span>
117
  </label>
118
  </p>
@@ -121,7 +121,7 @@ if ( isset( $options['hideon_homepage'] ) ) {
121
  ?>
122
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
123
  <label>
124
- <input name="<?php echo $dbrow ?>[hideon_homepage]" type="checkbox" value="1" id="filled-in-box3" />
125
  <span><?php _e( 'Hide on - Home/Front Page', 'click-to-chat-for-whatsapp' ); ?></span>
126
  </label>
127
  </p>
@@ -134,7 +134,7 @@ if ( isset( $options['hideon_category'] ) ) {
134
  ?>
135
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
136
  <label>
137
- <input name="<?php echo $dbrow ?>[hideon_category]" type="checkbox" value="1" <?php checked( $options['hideon_category'], 1 ); ?> id="filled-in-box5" />
138
  <span><?php _e( 'Hide on - Category', 'click-to-chat-for-whatsapp' ); ?></span>
139
  </label>
140
  </p>
@@ -143,7 +143,7 @@ if ( isset( $options['hideon_category'] ) ) {
143
  ?>
144
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
145
  <label>
146
- <input name="<?php echo $dbrow ?>[hideon_category]" type="checkbox" value="1" id="filled-in-box5" />
147
  <span><?php _e( 'Hide on - Category', 'click-to-chat-for-whatsapp' ); ?></span>
148
  </label>
149
  </p>
@@ -157,7 +157,7 @@ if ( isset( $options['hideon_archive'] ) ) {
157
  ?>
158
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
159
  <label>
160
- <input name="<?php echo $dbrow ?>[hideon_archive]" type="checkbox" value="1" <?php checked( $options['hideon_archive'], 1 ); ?> id="filled-in-box6" />
161
  <span><?php _e( 'Hide on - Archive', 'click-to-chat-for-whatsapp' ); ?></span>
162
  </label>
163
  </p>
@@ -166,7 +166,7 @@ if ( isset( $options['hideon_archive'] ) ) {
166
  ?>
167
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
168
  <label>
169
- <input name="<?php echo $dbrow ?>[hideon_archive]" type="checkbox" value="1" id="filled-in-box6" />
170
  <span><?php _e( 'Hide on - Archive', 'click-to-chat-for-whatsapp' ); ?></span>
171
  </label>
172
  </p>
@@ -179,7 +179,7 @@ if ( isset( $options['hideon_404'] ) ) {
179
  ?>
180
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
181
  <label>
182
- <input name="<?php echo $dbrow ?>[hideon_404]" type="checkbox" value="1" <?php checked( $options['hideon_404'], 1 ); ?> id="hideon_404" />
183
  <span><?php _e( 'Hide on - 404 Page', 'click-to-chat-for-whatsapp' ); ?></span>
184
  </label>
185
  </p>
@@ -188,7 +188,7 @@ if ( isset( $options['hideon_404'] ) ) {
188
  ?>
189
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
190
  <label>
191
- <input name="<?php echo $dbrow ?>[hideon_404]" type="checkbox" value="1" id="hideon_404" />
192
  <span><?php _e( 'Hide on - 404 Page', 'click-to-chat-for-whatsapp' ); ?></span>
193
  </label>
194
  </p>
@@ -201,7 +201,7 @@ if ( isset( $options['hideon_wooproduct'] ) ) {
201
  ?>
202
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
203
  <label>
204
- <input name="<?php echo $dbrow ?>[hideon_wooproduct]" type="checkbox" value="1" <?php checked( $options['hideon_wooproduct'], 1 ); ?> id="hideon_wooproduct" />
205
  <span><?php _e( 'Hide on - WooCommerce single product pages', 'click-to-chat-for-whatsapp' ); ?></span>
206
  </label>
207
  </p>
@@ -210,7 +210,7 @@ if ( isset( $options['hideon_wooproduct'] ) ) {
210
  ?>
211
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
212
  <label>
213
- <input name="<?php echo $dbrow ?>[hideon_wooproduct]" type="checkbox" value="1" id="hideon_wooproduct" />
214
  <span><?php _e( 'Hide on - WooCommerce single product pages', 'click-to-chat-for-whatsapp' ); ?></span>
215
  </label>
216
  </p>
@@ -225,7 +225,7 @@ if ( isset( $options['hideon_wooproduct'] ) ) {
225
  <!-- ID's list to hide styles -->
226
  <div class="row ctc_show_hide_display show-hide_display-none hidebased">
227
  <div class="input-field col s7">
228
- <input name="<?php echo $dbrow ?>[list_hideon_pages]" value="<?php echo $list_hideon_pages ?>" id="ccw_list_id_tohide" type="text" class="input-margin">
229
  <label for="ccw_list_id_tohide"><?php _e( "Add Post ID's to Hide Styles", 'click-to-chat-for-whatsapp' ); ?></label>
230
  <p class="description"><?php _e( "Add post id's to hide. Add multiple post id's by separating with a comma ( , )", 'click-to-chat-for-whatsapp' ); ?></p>
231
  </div>
@@ -234,7 +234,7 @@ if ( isset( $options['hideon_wooproduct'] ) ) {
234
  <!-- Categorys list - to hide -->
235
  <div class="row ctc_show_hide_display show-hide_display-none hidebased">
236
  <div class="input-field col s7">
237
- <input name="<?php echo $dbrow ?>[list_hideon_cat]" value="<?php echo $list_hideon_cat ?>" id="list_hideon_cat" type="text" class="input-margin">
238
  <label for="list_hideon_cat"><?php _e( 'Add Category names to Hide Styles' , 'click-to-chat-for-whatsapp' ) ?> </label>
239
  <p class="description"><?php _e( 'Hides on this Category type pages, Add multiple Categories by separating with a comma ( , ) ', 'click-to-chat-for-whatsapp' ); ?></p>
240
  </div>
@@ -258,7 +258,7 @@ if ( isset( $options['showon_posts'] ) ) {
258
  ?>
259
  <p class="ctc_show_hide_display show-hide_display-none showbased">
260
  <label>
261
- <input name="<?php echo $dbrow ?>[showon_posts]" type="checkbox" value="1" <?php checked( $options['showon_posts'], 1 ); ?> id="show_filled-in-box1" />
262
  <span>Show on - Posts</span>
263
  </label>
264
  </p>
@@ -267,7 +267,7 @@ if ( isset( $options['showon_posts'] ) ) {
267
  ?>
268
  <p class="ctc_show_hide_display show-hide_display-none showbased">
269
  <label>
270
- <input name="<?php echo $dbrow ?>[showon_posts]" type="checkbox" value="1" id="show_filled-in-box1" />
271
  <span>Show on - Posts</span>
272
  </label>
273
  </p>
@@ -280,7 +280,7 @@ if ( isset( $options['showon_page'] ) ) {
280
  ?>
281
  <p class="ctc_show_hide_display show-hide_display-none showbased">
282
  <label>
283
- <input name="<?php echo $dbrow ?>[showon_page]" type="checkbox" value="1" <?php checked( $options['showon_page'], 1 ); ?> id="show_filled-in-box2" />
284
  <span>Show on - Pages</span>
285
  </label>
286
  </p>
@@ -289,7 +289,7 @@ if ( isset( $options['showon_page'] ) ) {
289
  ?>
290
  <p class="ctc_show_hide_display show-hide_display-none showbased">
291
  <label>
292
- <input name="<?php echo $dbrow ?>[showon_page]" type="checkbox" value="1" id="show_filled-in-box2" />
293
  <span>Show on - Pages</span>
294
  </label>
295
  </p>
@@ -303,7 +303,7 @@ if ( isset( $options['showon_homepage'] ) ) {
303
  ?>
304
  <p class="ctc_show_hide_display show-hide_display-none showbased">
305
  <label>
306
- <input name="<?php echo $dbrow ?>[showon_homepage]" type="checkbox" value="1" <?php checked( $options['showon_homepage'], 1 ); ?> id="show_filled-in-box3" />
307
  <span>Show on - Home/Front Page</span>
308
  </label>
309
  </p>
@@ -312,7 +312,7 @@ if ( isset( $options['showon_homepage'] ) ) {
312
  ?>
313
  <p class="ctc_show_hide_display show-hide_display-none showbased">
314
  <label>
315
- <input name="<?php echo $dbrow ?>[showon_homepage]" type="checkbox" value="1" id="show_filled-in-box3" />
316
  <span>Show on - Home/Front Page</span>
317
  </label>
318
  </p>
@@ -325,7 +325,7 @@ if ( isset( $options['showon_category'] ) ) {
325
  ?>
326
  <p class="ctc_show_hide_display show-hide_display-none showbased">
327
  <label>
328
- <input name="<?php echo $dbrow ?>[showon_category]" type="checkbox" value="1" <?php checked( $options['showon_category'], 1 ); ?> id="show_filled-in-box5" />
329
  <span>Show on - Category</span>
330
  </label>
331
  </p>
@@ -334,7 +334,7 @@ if ( isset( $options['showon_category'] ) ) {
334
  ?>
335
  <p class="ctc_show_hide_display show-hide_display-none showbased">
336
  <label>
337
- <input name="<?php echo $dbrow ?>[showon_category]" type="checkbox" value="1" id="show_filled-in-box5" />
338
  <span>Show on - Category</span>
339
  </label>
340
  </p>
@@ -346,7 +346,7 @@ if ( isset( $options['showon_archive'] ) ) {
346
  ?>
347
  <p class="ctc_show_hide_display show-hide_display-none showbased">
348
  <label>
349
- <input name="<?php echo $dbrow ?>[showon_archive]" type="checkbox" value="1" <?php checked( $options['showon_archive'], 1 ); ?> id="show_filled-in-box6" />
350
  <span>Show on - Archive</span>
351
  </label>
352
  </p>
@@ -355,7 +355,7 @@ if ( isset( $options['showon_archive'] ) ) {
355
  ?>
356
  <p class="ctc_show_hide_display show-hide_display-none showbased">
357
  <label>
358
- <input name="<?php echo $dbrow ?>[showon_archive]" type="checkbox" value="1" id="show_filled-in-box6" />
359
  <span>Show on - Archive</span>
360
  </label>
361
  </p>
@@ -368,7 +368,7 @@ if ( isset( $options['showon_404'] ) ) {
368
  ?>
369
  <p class="ctc_show_hide_display show-hide_display-none showbased">
370
  <label>
371
- <input name="<?php echo $dbrow ?>[showon_404]" type="checkbox" value="1" <?php checked( $options['showon_404'], 1 ); ?> id="showon_404" />
372
  <span>Show on - 404 Page</span>
373
  </label>
374
  </p>
@@ -377,7 +377,7 @@ if ( isset( $options['showon_404'] ) ) {
377
  ?>
378
  <p class="ctc_show_hide_display show-hide_display-none showbased">
379
  <label>
380
- <input name="<?php echo $dbrow ?>[showon_404]" type="checkbox" value="1" id="showon_404" />
381
  <span>Show on - 404 Page</span>
382
  </label>
383
  </p>
@@ -390,7 +390,7 @@ if ( isset( $options['showon_wooproduct'] ) ) {
390
  ?>
391
  <p class="ctc_show_hide_display show-hide_display-none showbased">
392
  <label>
393
- <input name="<?php echo $dbrow ?>[showon_wooproduct]" type="checkbox" value="1" <?php checked( $options['showon_wooproduct'], 1 ); ?> id="showon_wooproduct" />
394
  <span>Show on - WooCommerce Single product pages</span>
395
  </label>
396
  </p>
@@ -399,7 +399,7 @@ if ( isset( $options['showon_wooproduct'] ) ) {
399
  ?>
400
  <p class="ctc_show_hide_display show-hide_display-none showbased">
401
  <label>
402
- <input name="<?php echo $dbrow ?>[showon_wooproduct]" type="checkbox" value="1" id="showon_wooproduct" />
403
  <span>Show on - WooCommerce Single product pages</span>
404
  </label>
405
  </p>
@@ -414,7 +414,7 @@ if ( isset( $options['showon_wooproduct'] ) ) {
414
  <!-- ID's list to show styles -->
415
  <div class="row ctc_show_hide_display show-hide_display-none showbased">
416
  <div class="input-field col s7">
417
- <input name="<?php echo $dbrow ?>[list_showon_pages]" value="<?php echo $list_showon_pages ?>" id="ccw_list_id_toshow" type="text" class="input-margin">
418
  <label for="ccw_list_id_toshow"><?php _e( "Add Post ID's to show Styles", 'click-to-chat-for-whatsapp' ); ?></label>
419
  <p class="description"><?php _e( "Add Post, Page, Media - ID's to show styles, Add multiple id's by separating with a comma ( , )", 'click-to-chat-for-whatsapp' ); ?></p>
420
  </div>
@@ -424,7 +424,7 @@ if ( isset( $options['showon_wooproduct'] ) ) {
424
  <!-- Categorys list - to show -->
425
  <div class="row ctc_show_hide_display show-hide_display-none showbased">
426
  <div class="input-field col s7">
427
- <input name="<?php echo $dbrow ?>[list_showon_cat]" value="<?php echo $list_showon_cat ?>" id="ccw_list_cat_toshow" type="text" class="input-margin">
428
  <label for="ccw_list_cat_toshow"><?php _e( 'Add Category names to Show Styles' , 'click-to-chat-for-whatsapp' ) ?> </label>
429
  <p class="description"><?php _e( 'Show on this Category type pages, Add multiple Categories by separating with a comma ( , )', 'click-to-chat-for-whatsapp' ); ?> </p>
430
  </div>
36
 
37
  <div class="row" style="margin-bottom: 0px;">
38
  <div class="input-field col s8">
39
+ <select name="<?= $dbrow; ?>[show_or_hide]" class="select_show_or_hide">
40
+ <option value="hide" <?= $show_or_hide == "hide" ? 'SELECTED' : ''; ?> ><?php _e( 'Hide on selected pages', 'click-to-chat-for-whatsapp' ); ?></option>
41
+ <option value="show" <?= $show_or_hide == "show" ? 'SELECTED' : ''; ?> ><?php _e( 'Show only on selected pages', 'click-to-chat-for-whatsapp' ); ?></option>
42
  </select>
43
  <p class="description ctc_show_hide_display show-hide_display-none hidebased"><span style="background-color: #ddd; padding: 0 5px; border-radius: 5px; color: green; "><?php _e( 'Default shows on all pages', 'click-to-chat-for-whatsapp' ); ?> </span></p>
44
  <p class="description ctc_show_hide_display show-hide_display-none showbased"><span style="color: red; "><?php _e( 'Default Hides on all pages', 'click-to-chat-for-whatsapp' ); ?> </span></p>
65
  ?>
66
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
67
  <label>
68
+ <input name="<?= $dbrow; ?>[hideon_posts]" type="checkbox" value="1" <?php checked( $options['hideon_posts'], 1 ); ?> id="filled-in-box1" />
69
  <span><?php _e( 'Hide on - Posts', 'click-to-chat-for-whatsapp' ); ?></span>
70
  </label>
71
  </p>
74
  ?>
75
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
76
  <label>
77
+ <input name="<?= $dbrow; ?>[hideon_posts]" type="checkbox" value="1" id="filled-in-box1" />
78
  <span><?php _e( 'Hide on - Posts', 'click-to-chat-for-whatsapp' ); ?></span>
79
  </label>
80
  </p>
87
  ?>
88
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
89
  <label>
90
+ <input name="<?= $dbrow; ?>[hideon_page]" type="checkbox" value="1" <?php checked( $options['hideon_page'], 1 ); ?> id="filled-in-box2" />
91
  <span><?php _e( 'Hide on - Pages', 'click-to-chat-for-whatsapp' ); ?></span>
92
  </label>
93
  </p>
96
  ?>
97
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
98
  <label>
99
+ <input name="<?= $dbrow; ?>[hideon_page]" type="checkbox" value="1" id="filled-in-box2" />
100
  <span><?php _e( 'Hide on - Pages', 'click-to-chat-for-whatsapp' ); ?></span>
101
  </label>
102
  </p>
112
  ?>
113
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
114
  <label>
115
+ <input name="<?= $dbrow; ?>[hideon_homepage]" type="checkbox" value="1" <?php checked( $options['hideon_homepage'], 1 ); ?> id="filled-in-box3" />
116
  <span><?php _e( 'Hide on - Home/Front Page', 'click-to-chat-for-whatsapp' ); ?></span>
117
  </label>
118
  </p>
121
  ?>
122
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
123
  <label>
124
+ <input name="<?= $dbrow; ?>[hideon_homepage]" type="checkbox" value="1" id="filled-in-box3" />
125
  <span><?php _e( 'Hide on - Home/Front Page', 'click-to-chat-for-whatsapp' ); ?></span>
126
  </label>
127
  </p>
134
  ?>
135
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
136
  <label>
137
+ <input name="<?= $dbrow; ?>[hideon_category]" type="checkbox" value="1" <?php checked( $options['hideon_category'], 1 ); ?> id="filled-in-box5" />
138
  <span><?php _e( 'Hide on - Category', 'click-to-chat-for-whatsapp' ); ?></span>
139
  </label>
140
  </p>
143
  ?>
144
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
145
  <label>
146
+ <input name="<?= $dbrow; ?>[hideon_category]" type="checkbox" value="1" id="filled-in-box5" />
147
  <span><?php _e( 'Hide on - Category', 'click-to-chat-for-whatsapp' ); ?></span>
148
  </label>
149
  </p>
157
  ?>
158
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
159
  <label>
160
+ <input name="<?= $dbrow; ?>[hideon_archive]" type="checkbox" value="1" <?php checked( $options['hideon_archive'], 1 ); ?> id="filled-in-box6" />
161
  <span><?php _e( 'Hide on - Archive', 'click-to-chat-for-whatsapp' ); ?></span>
162
  </label>
163
  </p>
166
  ?>
167
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
168
  <label>
169
+ <input name="<?= $dbrow; ?>[hideon_archive]" type="checkbox" value="1" id="filled-in-box6" />
170
  <span><?php _e( 'Hide on - Archive', 'click-to-chat-for-whatsapp' ); ?></span>
171
  </label>
172
  </p>
179
  ?>
180
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
181
  <label>
182
+ <input name="<?= $dbrow; ?>[hideon_404]" type="checkbox" value="1" <?php checked( $options['hideon_404'], 1 ); ?> id="hideon_404" />
183
  <span><?php _e( 'Hide on - 404 Page', 'click-to-chat-for-whatsapp' ); ?></span>
184
  </label>
185
  </p>
188
  ?>
189
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
190
  <label>
191
+ <input name="<?= $dbrow; ?>[hideon_404]" type="checkbox" value="1" id="hideon_404" />
192
  <span><?php _e( 'Hide on - 404 Page', 'click-to-chat-for-whatsapp' ); ?></span>
193
  </label>
194
  </p>
201
  ?>
202
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
203
  <label>
204
+ <input name="<?= $dbrow; ?>[hideon_wooproduct]" type="checkbox" value="1" <?php checked( $options['hideon_wooproduct'], 1 ); ?> id="hideon_wooproduct" />
205
  <span><?php _e( 'Hide on - WooCommerce single product pages', 'click-to-chat-for-whatsapp' ); ?></span>
206
  </label>
207
  </p>
210
  ?>
211
  <p class="ctc_show_hide_display show-hide_display-none hidebased">
212
  <label>
213
+ <input name="<?= $dbrow; ?>[hideon_wooproduct]" type="checkbox" value="1" id="hideon_wooproduct" />
214
  <span><?php _e( 'Hide on - WooCommerce single product pages', 'click-to-chat-for-whatsapp' ); ?></span>
215
  </label>
216
  </p>
225
  <!-- ID's list to hide styles -->
226
  <div class="row ctc_show_hide_display show-hide_display-none hidebased">
227
  <div class="input-field col s7">
228
+ <input name="<?= $dbrow; ?>[list_hideon_pages]" value="<?= $list_hideon_pages ?>" id="ccw_list_id_tohide" type="text" class="input-margin">
229
  <label for="ccw_list_id_tohide"><?php _e( "Add Post ID's to Hide Styles", 'click-to-chat-for-whatsapp' ); ?></label>
230
  <p class="description"><?php _e( "Add post id's to hide. Add multiple post id's by separating with a comma ( , )", 'click-to-chat-for-whatsapp' ); ?></p>
231
  </div>
234
  <!-- Categorys list - to hide -->
235
  <div class="row ctc_show_hide_display show-hide_display-none hidebased">
236
  <div class="input-field col s7">
237
+ <input name="<?= $dbrow; ?>[list_hideon_cat]" value="<?= $list_hideon_cat ?>" id="list_hideon_cat" type="text" class="input-margin">
238
  <label for="list_hideon_cat"><?php _e( 'Add Category names to Hide Styles' , 'click-to-chat-for-whatsapp' ) ?> </label>
239
  <p class="description"><?php _e( 'Hides on this Category type pages, Add multiple Categories by separating with a comma ( , ) ', 'click-to-chat-for-whatsapp' ); ?></p>
240
  </div>
258
  ?>
259
  <p class="ctc_show_hide_display show-hide_display-none showbased">
260
  <label>
261
+ <input name="<?= $dbrow; ?>[showon_posts]" type="checkbox" value="1" <?php checked( $options['showon_posts'], 1 ); ?> id="show_filled-in-box1" />
262
  <span>Show on - Posts</span>
263
  </label>
264
  </p>
267
  ?>
268
  <p class="ctc_show_hide_display show-hide_display-none showbased">
269
  <label>
270
+ <input name="<?= $dbrow; ?>[showon_posts]" type="checkbox" value="1" id="show_filled-in-box1" />
271
  <span>Show on - Posts</span>
272
  </label>
273
  </p>
280
  ?>
281
  <p class="ctc_show_hide_display show-hide_display-none showbased">
282
  <label>
283
+ <input name="<?= $dbrow; ?>[showon_page]" type="checkbox" value="1" <?php checked( $options['showon_page'], 1 ); ?> id="show_filled-in-box2" />
284
  <span>Show on - Pages</span>
285
  </label>
286
  </p>
289
  ?>
290
  <p class="ctc_show_hide_display show-hide_display-none showbased">
291
  <label>
292
+ <input name="<?= $dbrow; ?>[showon_page]" type="checkbox" value="1" id="show_filled-in-box2" />
293
  <span>Show on - Pages</span>
294
  </label>
295
  </p>
303
  ?>
304
  <p class="ctc_show_hide_display show-hide_display-none showbased">
305
  <label>
306
+ <input name="<?= $dbrow; ?>[showon_homepage]" type="checkbox" value="1" <?php checked( $options['showon_homepage'], 1 ); ?> id="show_filled-in-box3" />
307
  <span>Show on - Home/Front Page</span>
308
  </label>
309
  </p>
312
  ?>
313
  <p class="ctc_show_hide_display show-hide_display-none showbased">
314
  <label>
315
+ <input name="<?= $dbrow; ?>[showon_homepage]" type="checkbox" value="1" id="show_filled-in-box3" />
316
  <span>Show on - Home/Front Page</span>
317
  </label>
318
  </p>
325
  ?>
326
  <p class="ctc_show_hide_display show-hide_display-none showbased">
327
  <label>
328
+ <input name="<?= $dbrow; ?>[showon_category]" type="checkbox" value="1" <?php checked( $options['showon_category'], 1 ); ?> id="show_filled-in-box5" />
329
  <span>Show on - Category</span>
330
  </label>
331
  </p>
334
  ?>
335
  <p class="ctc_show_hide_display show-hide_display-none showbased">
336
  <label>
337
+ <input name="<?= $dbrow; ?>[showon_category]" type="checkbox" value="1" id="show_filled-in-box5" />
338
  <span>Show on - Category</span>
339
  </label>
340
  </p>
346
  ?>
347
  <p class="ctc_show_hide_display show-hide_display-none showbased">
348
  <label>
349
+ <input name="<?= $dbrow; ?>[showon_archive]" type="checkbox" value="1" <?php checked( $options['showon_archive'], 1 ); ?> id="show_filled-in-box6" />
350
  <span>Show on - Archive</span>
351
  </label>
352
  </p>
355
  ?>
356
  <p class="ctc_show_hide_display show-hide_display-none showbased">
357
  <label>
358
+ <input name="<?= $dbrow; ?>[showon_archive]" type="checkbox" value="1" id="show_filled-in-box6" />
359
  <span>Show on - Archive</span>
360
  </label>
361
  </p>
368
  ?>
369
  <p class="ctc_show_hide_display show-hide_display-none showbased">
370
  <label>
371
+ <input name="<?= $dbrow; ?>[showon_404]" type="checkbox" value="1" <?php checked( $options['showon_404'], 1 ); ?> id="showon_404" />
372
  <span>Show on - 404 Page</span>
373
  </label>
374
  </p>
377
  ?>
378
  <p class="ctc_show_hide_display show-hide_display-none showbased">
379
  <label>
380
+ <input name="<?= $dbrow; ?>[showon_404]" type="checkbox" value="1" id="showon_404" />
381
  <span>Show on - 404 Page</span>
382
  </label>
383
  </p>
390
  ?>
391
  <p class="ctc_show_hide_display show-hide_display-none showbased">
392
  <label>
393
+ <input name="<?= $dbrow; ?>[showon_wooproduct]" type="checkbox" value="1" <?php checked( $options['showon_wooproduct'], 1 ); ?> id="showon_wooproduct" />
394
  <span>Show on - WooCommerce Single product pages</span>
395
  </label>
396
  </p>
399
  ?>
400
  <p class="ctc_show_hide_display show-hide_display-none showbased">
401
  <label>
402
+ <input name="<?= $dbrow; ?>[showon_wooproduct]" type="checkbox" value="1" id="showon_wooproduct" />
403
  <span>Show on - WooCommerce Single product pages</span>
404
  </label>
405
  </p>
414
  <!-- ID's list to show styles -->
415
  <div class="row ctc_show_hide_display show-hide_display-none showbased">
416
  <div class="input-field col s7">
417
+ <input name="<?= $dbrow; ?>[list_showon_pages]" value="<?= $list_showon_pages ?>" id="ccw_list_id_toshow" type="text" class="input-margin">
418
  <label for="ccw_list_id_toshow"><?php _e( "Add Post ID's to show Styles", 'click-to-chat-for-whatsapp' ); ?></label>
419
  <p class="description"><?php _e( "Add Post, Page, Media - ID's to show styles, Add multiple id's by separating with a comma ( , )", 'click-to-chat-for-whatsapp' ); ?></p>
420
  </div>
424
  <!-- Categorys list - to show -->
425
  <div class="row ctc_show_hide_display show-hide_display-none showbased">
426
  <div class="input-field col s7">
427
+ <input name="<?= $dbrow; ?>[list_showon_cat]" value="<?= $list_showon_cat ?>" id="ccw_list_cat_toshow" type="text" class="input-margin">
428
  <label for="ccw_list_cat_toshow"><?php _e( 'Add Category names to Show Styles' , 'click-to-chat-for-whatsapp' ) ?> </label>
429
  <p class="description"><?php _e( 'Show on this Category type pages, Add multiple Categories by separating with a comma ( , )', 'click-to-chat-for-whatsapp' ); ?> </p>
430
  </div>
new/admin/admin_commons/admin-sidebar-content.php CHANGED
@@ -20,7 +20,7 @@ $othersettings = get_option('ht_ctc_othersettings');
20
  <li class="active">
21
  <div class="collapsible-header"><?php _e( 'Contact Us', 'click-to-chat-for-whatsapp' ); ?></div>
22
  <div class="collapsible-body">
23
- <p class="description"><?php _e( 'Please let us know if you have any suggestions or feedback!!', 'click-to-chat-for-whatsapp' ); ?> <br><br> <a href="http://api.whatsapp.com/send?phone=919494429789&text=<?php echo get_bloginfo('url'); ?>%0AHi%20HoliThemes,%0AI%20have%20a%20Suggestion/Feedback:" target="_blank"><?php _e( 'WhatsApp', 'click-to-chat-for-whatsapp' ); ?></a></p>
24
  <p class="description"><?php _e( 'Mail', 'click-to-chat-for-whatsapp' ); ?>:<a href="mailto: ctc@holithemes.com"> ctc@holithemes.com</a></p>
25
  <p class="description">GitHub <a target="_blank" href="https://github.com/holithemes/ctc/discussions"> Discussions</a></p>
26
  <?php
20
  <li class="active">
21
  <div class="collapsible-header"><?php _e( 'Contact Us', 'click-to-chat-for-whatsapp' ); ?></div>
22
  <div class="collapsible-body">
23
+ <p class="description"><?php _e( 'Please let us know if you have any suggestions or feedback!!', 'click-to-chat-for-whatsapp' ); ?> <br><br> <a href="http://api.whatsapp.com/send?phone=919494429789&text=<?= get_bloginfo('url'); ?>%0AHi%20HoliThemes,%0AI%20have%20a%20Suggestion/Feedback:" target="_blank"><?php _e( 'WhatsApp', 'click-to-chat-for-whatsapp' ); ?></a></p>
24
  <p class="description"><?php _e( 'Mail', 'click-to-chat-for-whatsapp' ); ?>:<a href="mailto: ctc@holithemes.com"> ctc@holithemes.com</a></p>
25
  <p class="description">GitHub <a target="_blank" href="https://github.com/holithemes/ctc/discussions"> Discussions</a></p>
26
  <?php
new/admin/admin_commons/{class-ht-ctc-admin-others.php → class-ht-ctc-admin-hooks.php} RENAMED
@@ -18,37 +18,43 @@ if ( ! class_exists( 'HT_CTC_Admin_Others' ) ) :
18
  class HT_CTC_Admin_Others {
19
 
20
  public function __construct() {
21
- $this->admin_notice();
22
  }
23
 
24
  function admin_hooks() {
25
- // clear cache
26
- add_action( 'current_screen', array( $this, 'add_clear_cache') );
27
- // $this->add_clear_cache();
28
- // hooks related to admin notices
29
  $this->admin_notice();
30
- }
31
 
32
- function add_clear_cache() {
 
 
33
 
34
  // clear cache
35
- add_action( 'update_option_ht_ctc_chat_options', array( $this, 'clear_cache') );
36
- add_action( 'update_option_ht_ctc_othersettings', array( $this, 'clear_cache') );
37
- add_action( 'update_option_ht_ctc_group', array( $this, 'clear_cache') );
38
- add_action( 'update_option_ht_ctc_share', array( $this, 'clear_cache') );
39
- //customize styles
40
- add_action( 'update_option_ht_ctc_s1', array( $this, 'clear_cache') );
41
- add_action( 'update_option_ht_ctc_s2', array( $this, 'clear_cache') );
42
- add_action( 'update_option_ht_ctc_s3', array( $this, 'clear_cache') );
43
- add_action( 'update_option_ht_ctc_s4', array( $this, 'clear_cache') );
44
- add_action( 'update_option_ht_ctc_s5', array( $this, 'clear_cache') );
45
- add_action( 'update_option_ht_ctc_s7', array( $this, 'clear_cache') );
46
- add_action( 'update_option_ht_ctc_s7_1', array( $this, 'clear_cache') );
47
- add_action( 'update_option_ht_ctc_s8', array( $this, 'clear_cache') );
48
- add_action( 'update_option_ht_ctc_s99', array( $this, 'clear_cache') );
49
 
 
 
 
 
 
 
 
 
 
50
  }
51
 
 
52
  function admin_notice() {
53
 
54
  // Admin notices
@@ -91,7 +97,7 @@ class HT_CTC_Admin_Others {
91
  function ifnumberblank() {
92
  ?>
93
  <div class="notice notice-info is-dismissible">
94
- <p><?php _e( 'Click to Chat is almost ready', 'click-to-chat-for-whatsapp' ); ?>. <a href="<?php echo admin_url('admin.php?page=click-to-chat');?>"><?php _e( 'Add WhatsApp Number', 'click-to-chat-for-whatsapp' ); ?></a> <?php _e( 'and let visitors chat', 'click-to-chat-for-whatsapp' ); ?>.</p>
95
  <!-- <p>Click to Chat is almost ready. <a href="<?php // echo admin_url('admin.php?page=click-to-chat');?>">Add WhatsApp Number</a> to display the chat options and let visitors chat.</p> -->
96
  <!-- <a href="?dismis">Dismiss</a> -->
97
  </div>
@@ -101,7 +107,7 @@ class HT_CTC_Admin_Others {
101
  function ifgroupblank() {
102
  ?>
103
  <div class="notice notice-info is-dismissible">
104
- <p><?php _e( 'Click to Chat is almost ready', 'click-to-chat-for-whatsapp' ); ?>. <a href="<?php echo admin_url('admin.php?page=click-to-chat-group-feature');?>"><?php _e( 'Add WhatsApp Group ID', 'click-to-chat-for-whatsapp' ); ?></a> <?php _e( 'to let visitors join in your WhatsApp Group', 'click-to-chat-for-whatsapp' ); ?>.</p>
105
  <!-- <a href="?dismis">Dismiss</a> -->
106
  </div>
107
  <?php
@@ -110,7 +116,7 @@ class HT_CTC_Admin_Others {
110
  function ifshareblank() {
111
  ?>
112
  <div class="notice notice-info is-dismissible">
113
- <p><?php _e( 'Click to Chat is almost ready', 'click-to-chat-for-whatsapp' ); ?>. <a href="<?php echo admin_url('admin.php?page=click-to-chat-share-feature');?>"><?php _e( 'Add Share Text', 'click-to-chat-for-whatsapp' ); ?></a> <?php _e( 'to let vistiors Share your Webpages', 'click-to-chat-for-whatsapp' ); ?>.</p>
114
  <!-- <a href="?dismis">Dismiss</a> -->
115
  </div>
116
  <?php
18
  class HT_CTC_Admin_Others {
19
 
20
  public function __construct() {
21
+ $this->admin_hooks();
22
  }
23
 
24
  function admin_hooks() {
25
+
26
+ // admin notices
 
 
27
  $this->admin_notice();
 
28
 
29
+ // ht_ctc_ah_admin
30
+ add_action( 'ht_ctc_ah_admin_after_sanitize', array( $this, 'after_sanitize') );
31
+
32
 
33
  // clear cache
34
+ add_action( 'update_option_ht_ctc_admin_pages', array( $this, 'clear_cache') );
35
+ // clear cache - customize styles
36
+ add_action( 'update_option_ht_ctc_cs_options', array( $this, 'clear_cache') );
37
+
38
+ }
39
+
40
+ // runs on all plugin admin pages (expect customize styles - in cs multiple register options are there)
41
+ // used to clear cache
42
+ function after_sanitize() {
43
+
44
+ $ht_ctc_admin_pages = get_option( 'ht_ctc_admin_pages');
 
 
 
45
 
46
+ $count = ( isset( $ht_ctc_admin_pages['count']) ) ? esc_attr( $ht_ctc_admin_pages['count'] ) : '1';
47
+ // to make this settings will always update to work for clear cache
48
+ $count++;
49
+
50
+ $values = array(
51
+ 'count' => $count,
52
+ );
53
+
54
+ update_option( 'ht_ctc_admin_pages', $values );
55
  }
56
 
57
+
58
  function admin_notice() {
59
 
60
  // Admin notices
97
  function ifnumberblank() {
98
  ?>
99
  <div class="notice notice-info is-dismissible">
100
+ <p><?php _e( 'Click to Chat is almost ready', 'click-to-chat-for-whatsapp' ); ?>. <a href="<?= admin_url('admin.php?page=click-to-chat'); ?>"><?php _e( 'Add WhatsApp Number', 'click-to-chat-for-whatsapp' ); ?></a> <?php _e( 'and let visitors chat', 'click-to-chat-for-whatsapp' ); ?>.</p>
101
  <!-- <p>Click to Chat is almost ready. <a href="<?php // echo admin_url('admin.php?page=click-to-chat');?>">Add WhatsApp Number</a> to display the chat options and let visitors chat.</p> -->
102
  <!-- <a href="?dismis">Dismiss</a> -->
103
  </div>
107
  function ifgroupblank() {
108
  ?>
109
  <div class="notice notice-info is-dismissible">
110
+ <p><?php _e( 'Click to Chat is almost ready', 'click-to-chat-for-whatsapp' ); ?>. <a href="<?= admin_url('admin.php?page=click-to-chat-group-feature'); ?>"><?php _e( 'Add WhatsApp Group ID', 'click-to-chat-for-whatsapp' ); ?></a> <?php _e( 'to let visitors join in your WhatsApp Group', 'click-to-chat-for-whatsapp' ); ?>.</p>
111
  <!-- <a href="?dismis">Dismiss</a> -->
112
  </div>
113
  <?php
116
  function ifshareblank() {
117
  ?>
118
  <div class="notice notice-info is-dismissible">
119
+ <p><?php _e( 'Click to Chat is almost ready', 'click-to-chat-for-whatsapp' ); ?>. <a href="<?= admin_url('admin.php?page=click-to-chat-share-feature'); ?>"><?php _e( 'Add Share Text', 'click-to-chat-for-whatsapp' ); ?></a> <?php _e( 'to let vistiors Share your Webpages', 'click-to-chat-for-whatsapp' ); ?>.</p>
120
  <!-- <a href="?dismis">Dismiss</a> -->
121
  </div>
122
  <?php
new/admin/admin_commons/class-ht-ctc-metabox.php CHANGED
@@ -71,20 +71,20 @@ class HT_CTC_MetaBox {
71
  <!-- number -->
72
  <div class="row">
73
  <label for="number"><?php _e( 'WhatsApp Number', 'click-to-chat-for-whatsapp' ); ?></label><br>
74
- <input name="ht_ctc_pagelevel[number]" value="<?php echo $number ?>" id="number" type="text" placeholder="<?php echo $ph_number ?>">
75
  <p class="description"><a style="text-decoration: none" target="_blank" href="https://holithemes.com/plugins/click-to-chat/whatsapp-number/?utm_source=ctc&utm_medium=meta&utm_campaign=chat">WhatsApp Number</a> with country code</p>
76
  </div>
77
 
78
  <!-- call to action -->
79
  <div class="row">
80
  <label for="call_to_action"><?php _e( 'Call to Action', 'click-to-chat-for-whatsapp' ); ?></label><br>
81
- <input name="ht_ctc_pagelevel[call_to_action]" value="<?php echo $call_to_action ?>" id="call_to_action" type="text" placeholder="<?php echo $ph_call_to_action ?>">
82
  </div>
83
 
84
  <!-- pre-filled message -->
85
  <div class="row">
86
  <label for="pre_filled"><?php _e( 'Pre-filled Message', 'click-to-chat-for-whatsapp' ); ?></label><br>
87
- <textarea style="min-height: 74px; min-width: 72%" placeholder="<?php echo $ph_pre_filled ?>" name="ht_ctc_pagelevel[pre_filled]" id="pre_filled" class="materialize-textarea input-margin"><?php echo $pre_filled ?></textarea>
88
  </div>
89
 
90
  <!-- show/hide -->
@@ -122,7 +122,7 @@ class HT_CTC_MetaBox {
122
  <!-- group id -->
123
  <div class="row">
124
  <label for="group_id">Group ID</label><br>
125
- <input name="ht_ctc_pagelevel[group_id]" value="<?php echo $group_id ?>" id="group_id" type="text">
126
  <!-- <p class="description"><a style="text-decoration: none" target="_blank" href="https://holithemes.com/plugins/click-to-chat/whatsapp-number/">WhatsApp Number</a> with country code</p> -->
127
  </div>
128
  <?php
71
  <!-- number -->
72
  <div class="row">
73
  <label for="number"><?php _e( 'WhatsApp Number', 'click-to-chat-for-whatsapp' ); ?></label><br>
74
+ <input name="ht_ctc_pagelevel[number]" value="<?= $number ?>" id="number" type="text" placeholder="<?= $ph_number ?>">
75
  <p class="description"><a style="text-decoration: none" target="_blank" href="https://holithemes.com/plugins/click-to-chat/whatsapp-number/?utm_source=ctc&utm_medium=meta&utm_campaign=chat">WhatsApp Number</a> with country code</p>
76
  </div>
77
 
78
  <!-- call to action -->
79
  <div class="row">
80
  <label for="call_to_action"><?php _e( 'Call to Action', 'click-to-chat-for-whatsapp' ); ?></label><br>
81
+ <input name="ht_ctc_pagelevel[call_to_action]" value="<?= $call_to_action ?>" id="call_to_action" type="text" placeholder="<?= $ph_call_to_action ?>">
82
  </div>
83
 
84
  <!-- pre-filled message -->
85
  <div class="row">
86
  <label for="pre_filled"><?php _e( 'Pre-filled Message', 'click-to-chat-for-whatsapp' ); ?></label><br>
87
+ <textarea style="min-height: 74px; min-width: 72%" placeholder="<?= $ph_pre_filled ?>" name="ht_ctc_pagelevel[pre_filled]" id="pre_filled" class="materialize-textarea input-margin"><?= $pre_filled ?></textarea>
88
  </div>
89
 
90
  <!-- show/hide -->
122
  <!-- group id -->
123
  <div class="row">
124
  <label for="group_id">Group ID</label><br>
125
+ <input name="ht_ctc_pagelevel[group_id]" value="<?= $group_id ?>" id="group_id" type="text">
126
  <!-- <p class="description"><a style="text-decoration: none" target="_blank" href="https://holithemes.com/plugins/click-to-chat/whatsapp-number/">WhatsApp Number</a> with country code</p> -->
127
  </div>
128
  <?php
new/admin/admin_commons/class-ht-ctc-static.php ADDED
@@ -0,0 +1,274 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Static values
4
+ *
5
+ * country codes
6
+ *
7
+ * @included - as of now directly at admin-main-page.php
8
+ */
9
+
10
+
11
+ if ( ! defined( 'ABSPATH' ) ) exit;
12
+
13
+ if ( ! class_exists( 'HT_CTC_Static' ) ) :
14
+
15
+ class HT_CTC_Static {
16
+
17
+ // Country code list - uses as datalayer at admin whatsapp number country code field
18
+ // todo - make as an associative array in duplicate country codes..
19
+ static $cc = array(
20
+ '93' => 'Afghanistan (AF)',
21
+ '355' => 'Albania (AL)',
22
+ '213' => 'Algeria (DZ)',
23
+ '1684' => 'American Samoa (AS)',
24
+ '376' => 'Andorra (AD)',
25
+ '244' => 'Angola (AO)',
26
+ '1264' => 'Anguilla (AI)',
27
+ '1268' => 'Antigua and Barbuda (AG)',
28
+ '54' => 'Argentina (AR)',
29
+ '374' => 'Armenia (AM)',
30
+ '297' => 'Aruba (AW)',
31
+ '247' => 'Ascension Island (AC)',
32
+
33
+ '64' => array('Antarctica (AQ)', 'New Zealand (NZ)'),
34
+ '672' => array('Antarctica (AQ)', 'Norfolk Island (NF)' ),
35
+ '61' => array('Australia (AU)', 'Christmas Island (CX)', 'Cocos(Keeling) Islands (CC)' ),
36
+
37
+ '43' => 'Austria (AT)',
38
+ '994' => 'Azerbaijan (AZ)',
39
+ '1242' => 'Bahamas (BS)',
40
+ '973' => 'Bahrain (BH)',
41
+ '880' => 'Bangladesh (BD)',
42
+ '1246' => 'Barbados (BB)',
43
+ '375' => 'Belarus (BY)',
44
+ '32' => 'Belgium (BE)',
45
+ '501' => 'Belize (BZ)',
46
+ '229' => 'Benin (BJ)',
47
+ '1441' => 'Bermuda (BM)',
48
+ '975' => 'Bhutan (BT)',
49
+ '591' => 'Bolivia (BO)',
50
+ '387' => 'Bosnia and Herzegovina (BA)',
51
+ '267' => 'Botswana (BW)',
52
+ '55' => 'Brazil (BR)',
53
+ '1284' => 'British Virgin Islands (VG)',
54
+ '673' => 'Brunei (BN)',
55
+ '359' => 'Bulgaria (BG)',
56
+ '226' => 'Burkina Faso (BF)',
57
+ '95' => 'Burma (Myanmar) (MM)',
58
+ '257' => 'Burundi (BI)',
59
+ '855' => 'Cambodia (KH)',
60
+ '237' => 'Cameroon (CM)',
61
+ '1' => 'Canada (CA)',
62
+ '238' => 'Cape Verde (CV)',
63
+ '1345' => 'Cayman Islands (KY)',
64
+ '236' => 'Central African Republic (CF)',
65
+ '235' => 'Chad (TD)',
66
+ '56' => 'Chile (CL)',
67
+ '86' => 'China (CN)',
68
+
69
+ '57' => 'Colombia (CO)',
70
+ '269' => 'Comoros (KM)',
71
+ '242' => 'Congo (CG)',
72
+ '682' => 'Cook Islands (CK)',
73
+ '506' => 'Costa Rica (CR)',
74
+ '385' => 'Croatia (HR)',
75
+ '53' => 'Cuba (CU)',
76
+ '357' => ' Cyprus (CY)',
77
+ '420' => 'Czech Republic (CZ)',
78
+ '243' => 'Republic of the Congo (CD)',
79
+ '45' => 'Denmark (DK)',
80
+ '246' => 'Diego Garcia (DG/DGA)',
81
+ '253' => 'Djibouti (DJ)',
82
+ '1767' => 'Dominica (DM)',
83
+ '1809' => ' Dominican Republic (DO)',
84
+ '1829' => ' Dominican Republic (DO)',
85
+ '1849' => ' Dominican Republic (DO)',
86
+ '593' => 'Ecuador (EC)',
87
+ '20' => 'Egypt (EG)',
88
+ '503' => 'El Salvador (SV)',
89
+ '240' => 'Equatorial Guinea (GQ)',
90
+ '291' => ' Eritrea (ER)',
91
+ '372' => 'Estonia (EE)',
92
+ '251' => 'Ethiopia (ET)',
93
+ '500' => 'Falkland Islands (FK)',
94
+ '298' => 'Faroe Islands (FO)',
95
+ '679' => 'Fiji (FJ)',
96
+ '358' => 'Finland (FI)',
97
+ '33' => 'France (FR)',
98
+ '594' => 'French Guiana (GF)',
99
+ '689' => 'French Polynesia (PF)',
100
+ '241' => 'Gabon (GA)',
101
+ '220' => 'Gambia (GM)',
102
+ '995' => 'Georgia (GE)',
103
+ '49' => 'Germany (DE)',
104
+ '233' => 'Ghana (GH)',
105
+ '350' => 'Gibraltar (GI)',
106
+ '30' => 'Greece (GR)',
107
+ '299' => 'Greenland (GL)',
108
+ '1473' => 'Grenada (GD)',
109
+ '590' => 'Guadeloupe (GP)',
110
+ '1671' => 'Guam (GU)',
111
+ '502' => 'Guatemala (GT)',
112
+ '224' => 'Guinea (GN)',
113
+ '245' => 'Guinea-Bissau (GW)',
114
+ '592' => 'Guyana (GY)',
115
+ '509' => 'Haiti (HT)',
116
+ '39' => 'Holy See (Vatican City)(VA)',
117
+ '504' => 'Honduras (HN)',
118
+ '852' => 'Hong Kong (HK)',
119
+ '36' => 'Hungary (HU)',
120
+ '354' => 'Iceland (IS)',
121
+ '91' => 'India (Bharat)',
122
+ '62' => 'Indonesia (ID)',
123
+ '98' => 'Iran (IR)',
124
+ '964' => 'Iraq (IQ)',
125
+ '353' => 'Ireland (IE)',
126
+ '44' => 'Isle of Man (IM)',
127
+ '972' => 'Israel (IL)',
128
+ '39' => 'Italy (IT)',
129
+ '225' => 'Ivory Coast(Côte d\'Ivoire)(CI)',
130
+ '1876' => 'Jamaica (JM)',
131
+ '81' => 'Japan (JP)',
132
+ '44' => 'Jersey (JE)',
133
+ '962' => 'Jordan (JO)',
134
+ '7' => 'Kazakhstan (KZ)',
135
+ '254' => 'Kenya (KE)',
136
+ '686' => 'Kiribati (KI)',
137
+ '965' => 'Kuwait (KW)',
138
+ '996' => 'Kyrgyzstan (KG)',
139
+ '856' => 'Laos (LA)',
140
+ '371' => 'Latvia (LV)',
141
+ '961' => 'Lebanon (LB)',
142
+ '266' => 'Lesotho (LS)',
143
+ '231' => 'Liberia (LR)',
144
+ '218' => 'Libya (LY)',
145
+ '423' => 'Liechtenstein (LI)',
146
+ '370' => 'Lithuania (LT)',
147
+ '352' => 'Luxembourg (LU)',
148
+ '853' => 'Macau (MO)',
149
+ '389' => 'Macedonia (MK)',
150
+ '261' => 'Madagascar (MG)',
151
+ '265' => 'Malawi (MW)',
152
+ '60' => 'Malaysia (MY)',
153
+ '960' => 'Maldives (MV)',
154
+ '223' => 'Mali (ML)',
155
+ '356' => 'Malta (MT)',
156
+ '692' => 'Marshall Islands (MH)',
157
+ '596' => 'Martinique (MQ)',
158
+ '222' => 'Mauritania (MR)',
159
+ '230' => 'Mauritius (MU)',
160
+ '262' => 'Mayotte (YT)',
161
+ '52' => 'Mexico (MX)',
162
+ '691' => 'Micronesia (FM)',
163
+ '373' => 'Moldova (MD)',
164
+ '377' => 'Monaco (MC)',
165
+ '976' => 'Mongolia (MN)',
166
+ '382' => 'Montenegro (ME)',
167
+ '1664' => 'Montserrat (MS)',
168
+ '212' => 'Morocco (MA)',
169
+ '258' => 'Mozambique (MZ)',
170
+ '264' => 'Namibia (NA)',
171
+ '674' => 'Nauru (NR)',
172
+ '977' => 'Nepal (NP)',
173
+ '31' => 'Netherlands (NL)',
174
+ '599' => 'Netherlands Antilles (AN)',
175
+ '687' => 'New Caledonia (NC)',
176
+ '505' => 'Nicaragua (NI)',
177
+ '227' => 'Niger (NE)',
178
+ '234' => 'Nigeria (NG)',
179
+ '683' => 'Niue (NU)',
180
+ '850' => 'North Korea (KP)',
181
+ '1670' => 'Northern Mariana Islands (MP)',
182
+ '47' => 'Norway (NO)',
183
+ '968' => 'Oman (OM)',
184
+ '92' => 'Pakistan (PK)',
185
+ '680' => 'Palau (PW)',
186
+ '970' => 'Palestine (PS)',
187
+ '507' => 'Panama (PA)',
188
+ '675' => 'Papua New Guinea (PG)',
189
+ '595' => 'Paraguay (PY)',
190
+ '51' => 'Peru (PE)',
191
+ '63' => 'Philippines (PH)',
192
+ '870' => 'Pitcairn Islands (PN)',
193
+ '48' => 'Poland (PL)',
194
+ '351' => 'Portugal (PT)',
195
+ '1787' => 'Puerto Rico (PR)',
196
+ '1939' => 'Puerto Rico (PR)',
197
+ '974' => 'Qatar (QA)',
198
+ '242' => 'Republic of the Congo (CG)',
199
+ '262' => 'Reunion Island (RE)',
200
+ '40' => 'Romania (RO)',
201
+ '7' => 'Russia (RU)',
202
+ '250' => 'Rwanda (RW)',
203
+ '590' => 'Saint Barthelemy (BL)',
204
+ '290' => 'Saint Helena (SH)',
205
+ '1869' => 'Saint Kitts and Nevis (KN)',
206
+ '1758' => 'Saint Lucia (LC)',
207
+ '590' => 'Saint Martin (MF)',
208
+ '508' => 'Saint Pierre and Miquelon (PM)',
209
+ '1784' => 'Saint Vincent Grenadines(VC)',
210
+ '685' => 'Samoa (WS)',
211
+ '378' => 'San Marino (SM)',
212
+ '239' => 'Sao Tome and Principe (ST)',
213
+ '966' => 'Saudi Arabia (SA)',
214
+ '221' => 'Senegal (SN)',
215
+ '381' => 'Serbia (RS)',
216
+ '248' => 'Seychelles (SC)',
217
+ '232' => 'Sierra Leone (SL)',
218
+ '65' => 'Singapore (SG)',
219
+ '1721' => 'Sint Maarten (SX)',
220
+ '421' => 'Slovakia (SK)',
221
+ '386' => 'Slovenia (SI)',
222
+ '677' => 'Solomon Islands (SB)',
223
+ '252' => 'Somalia (SO)',
224
+ '27' => 'South Africa (ZA)',
225
+ '82' => 'South Korea (KR)',
226
+ '211' => 'South Sudan (SS)',
227
+ '34' => 'Spain (España) (ES)',
228
+ '94' => 'Sri Lanka (LK)',
229
+ '249' => 'Sudan (SD)',
230
+ '597' => 'Suriname (SR)',
231
+ '47' => 'Svalbard (SJ)',
232
+ '268' => 'Swaziland (SZ)',
233
+ '46' => 'Sweden (SE)',
234
+ '41' => 'Switzerland (CH)',
235
+ '963' => 'Syria (SY)',
236
+ '886' => 'Taiwan (TW)',
237
+ '992' => 'Tajikistan (TJ)',
238
+ '255' => 'Tanzania (TZ)',
239
+ '66' => 'Thailand (TH)',
240
+ '670' => 'Timor-Leste (East Timor) (TL)',
241
+ '228' => 'Togo (TG)',
242
+ '690' => 'Tokelau (TK)',
243
+ '676' => 'Tonga Islands (TO)',
244
+ '1868' => 'Trinidad and Tobago (TT)',
245
+ '216' => 'Tunisia (TN)',
246
+ '90' => 'Turkey (TR)',
247
+ '993' => 'Turkmenistan (TM)',
248
+ '1649' => 'Turks and Caicos Islands (TC)',
249
+ '688' => 'Tuvalu (TV)',
250
+ '256' => 'Uganda (UG)',
251
+ '380' => 'Ukraine (UA)',
252
+ '971' => 'United Arab Emirates (AE)',
253
+ '44' => 'United Kingdom (GB)',
254
+ '1' => 'United States (US)',
255
+ '598' => 'Uruguay (UY)',
256
+ '1340' => 'US Virgin Islands (VI)',
257
+ '998' => 'Uzbekistan (UZ)',
258
+ '678' => 'Vanuatu (VU)',
259
+ '58' => 'Venezuela (VE)',
260
+ '84' => 'Vietnam (VN)',
261
+ '681' => 'Wallis and Futuna (WF)',
262
+ '212' => 'Western Sahara (EH)',
263
+ '967' => 'Yemen (YE)',
264
+ '260' => 'Zambia (ZM)',
265
+ '263' => 'Zimbabwe (ZW)',
266
+ );
267
+
268
+
269
+
270
+ }
271
+
272
+ new HT_CTC_Static();
273
+
274
+ endif; // END class_exists check
new/admin/class-ht-ctc-admin-customize-styles.php CHANGED
@@ -159,14 +159,18 @@ class HT_CTC_Admin_Customize_Styles {
159
  }
160
 
161
  // display all styles
 
162
  public function ht_ctc_cs_cb() {
163
 
164
  $options = get_option('ht_ctc_cs_options');
165
  $dbrow = 'ht_ctc_cs_options';
166
 
 
 
 
167
  ?>
168
  <!-- not make empty table -->
169
- <input name="<?php echo $dbrow ?>[hello]" value="world" id="" type="hidden" class="hide" >
170
 
171
  <?php
172
  // Display all Styles
@@ -174,7 +178,7 @@ class HT_CTC_Admin_Customize_Styles {
174
  ?>
175
  <p>
176
  <label>
177
- <input name="<?php echo $dbrow ?>[display_allstyles]" type="checkbox" value="1" <?php checked( $options['display_allstyles'], 1 ); ?> id="display_allstyles" />
178
  <span><?php _e( 'Display all Styles', 'click-to-chat-for-whatsapp' ); ?></span>
179
  </label>
180
  </p>
@@ -183,7 +187,7 @@ class HT_CTC_Admin_Customize_Styles {
183
  ?>
184
  <p>
185
  <label>
186
- <input name="<?php echo $dbrow ?>[display_allstyles]" type="checkbox" value="1" id="display_allstyles" />
187
  <span><?php _e( 'Display all Styles', 'click-to-chat-for-whatsapp' ); ?></span>
188
  </label>
189
  </p>
@@ -221,7 +225,7 @@ class HT_CTC_Admin_Customize_Styles {
221
  ?>
222
  <p>
223
  <label>
224
- <input name="<?php echo $dbrow ?>[s1_m_fullwidth]" type="checkbox" value="1" <?php checked( $options['s1_m_fullwidth'], 1 ); ?> id="s1_m_fullwidth" />
225
  <span><?php _e( 'Full Width on Mobile', 'click-to-chat-for-whatsapp' ); ?></span>
226
  </label>
227
  </p>
@@ -230,7 +234,7 @@ class HT_CTC_Admin_Customize_Styles {
230
  ?>
231
  <p>
232
  <label>
233
- <input name="<?php echo $dbrow ?>[s1_m_fullwidth]" type="checkbox" value="1" id="s1_m_fullwidth" />
234
  <span><?php _e( 'Full Width on Mobile', 'click-to-chat-for-whatsapp' ); ?></span>
235
  </label>
236
  </p>
@@ -247,7 +251,7 @@ class HT_CTC_Admin_Customize_Styles {
247
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
248
  </div>
249
  <div class="input-field col s6">
250
- <input class="ht-ctc-color" name="<?php echo $dbrow ?>[s1_text_color]" value="<?php echo $s1_text_color ?>" type="text">
251
  </div>
252
  </div>
253
 
@@ -257,7 +261,7 @@ class HT_CTC_Admin_Customize_Styles {
257
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
258
  </div>
259
  <div class="input-field col s6">
260
- <input class="ht-ctc-color" name="<?php echo $dbrow ?>[s1_bg_color]" value="<?php echo $s1_bg_color ?>" type="text">
261
  </div>
262
  </div>
263
 
@@ -294,7 +298,7 @@ class HT_CTC_Admin_Customize_Styles {
294
  <p><?php _e( 'Image Size', 'click-to-chat-for-whatsapp' ); ?></p>
295
  </div>
296
  <div class="input-field col s6">
297
- <input name="<?php echo $dbrow ?>[s2_img_size]" value="<?php echo $s2_img_size ?>" id="s2_img_size" type="text" class="" >
298
  <label for="s2_img_size"><?php _e( 'Image Size', 'click-to-chat-for-whatsapp' ); ?></label>
299
  </div>
300
  </div>
@@ -316,14 +320,14 @@ class HT_CTC_Admin_Customize_Styles {
316
  <p><?php _e( 'Display - Call to Action', 'click-to-chat-for-whatsapp' ); ?></p>
317
  </div>
318
  <div class="input-field col s6">
319
- <select name="<?php echo $dbrow ?>[cta_type]" class="select_cta_type">
320
- <option value="hover" <?php echo $select_cta_type == 'hover' ? 'SELECTED' : ''; ?> >On Hover</option>
321
- <option value="show" <?php echo $select_cta_type == 'show' ? 'SELECTED' : ''; ?> >Show</option>
322
- <option value="hide" <?php echo $select_cta_type == 'hide' ? 'SELECTED' : ''; ?> >Hide</option>
323
  <?php
324
  if ( 's7' == $style) {
325
  ?>
326
- <option value="inside" <?php echo $select_cta_type == 'inside' ? 'SELECTED' : ''; ?> >Inside padding</option>
327
  <?php
328
  }
329
  ?>
@@ -337,7 +341,7 @@ class HT_CTC_Admin_Customize_Styles {
337
  <p><?php _e( 'Call to Action - Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
338
  </div>
339
  <div class="input-field col s6">
340
- <input class="ht-ctc-color" name="<?php echo $dbrow ?>[cta_textcolor]" data-default-color="#ffffff" value="<?php echo $cta_textcolor ?>" type="text">
341
  </div>
342
  </div>
343
 
@@ -347,7 +351,7 @@ class HT_CTC_Admin_Customize_Styles {
347
  <p><?php _e( 'Call to Action - Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
348
  </div>
349
  <div class="input-field col s6">
350
- <input class="ht-ctc-color" name="<?php echo $dbrow ?>[cta_bgcolor]" data-default-color="#25D366" value="<?php echo $cta_bgcolor ?>" id="cta_bgcolor" type="text">
351
  </div>
352
  </div>
353
 
@@ -357,7 +361,7 @@ class HT_CTC_Admin_Customize_Styles {
357
  <p><?php _e( 'Font Size', 'click-to-chat-for-whatsapp' ); ?></p>
358
  </div>
359
  <div class="input-field col s6">
360
- <input name="<?php echo $dbrow ?>[cta_font_size]" value="<?php echo $cta_font_size ?>" id="s2_cta_font_size" type="text" class="" >
361
  <label for="s2_cta_font_size"><?php _e( 'Font Size (e.g. 15px)', 'click-to-chat-for-whatsapp' ); ?></label>
362
  </div>
363
  </div>
@@ -406,7 +410,7 @@ class HT_CTC_Admin_Customize_Styles {
406
  <p><?php _e( 'Image Size', 'click-to-chat-for-whatsapp' ); ?></p>
407
  </div>
408
  <div class="input-field col s6">
409
- <input name="ht_ctc_s3[s3_img_size]" value="<?php echo $s3_img_size ?>" id="s3_img_size" type="text" class="" >
410
  <label for="s3_img_size"><?php _e( 'Image Size (Default: 50px )', 'click-to-chat-for-whatsapp' ); ?></label>
411
  </div>
412
  </div>
@@ -420,14 +424,14 @@ class HT_CTC_Admin_Customize_Styles {
420
  <p><?php _e( 'Display - Call to Action', 'click-to-chat-for-whatsapp' ); ?></p>
421
  </div>
422
  <div class="input-field col s6">
423
- <select name="<?php echo $dbrow ?>[cta_type]" class="select_cta_type">
424
- <option value="hover" <?php echo $select_cta_type == 'hover' ? 'SELECTED' : ''; ?> >On Hover</option>
425
- <option value="show" <?php echo $select_cta_type == 'show' ? 'SELECTED' : ''; ?> >Show</option>
426
- <option value="hide" <?php echo $select_cta_type == 'hide' ? 'SELECTED' : ''; ?> >Hide</option>
427
  <?php
428
  if ( 's7' == $style) {
429
  ?>
430
- <option value="inside" <?php echo $select_cta_type == 'inside' ? 'SELECTED' : ''; ?> >Inside padding</option>
431
  <?php
432
  }
433
  ?>
@@ -441,7 +445,7 @@ class HT_CTC_Admin_Customize_Styles {
441
  <p><?php _e( 'Call to Action - Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
442
  </div>
443
  <div class="input-field col s6">
444
- <input class="ht-ctc-color" name="<?php echo $dbrow ?>[cta_textcolor]" data-default-color="#ffffff" value="<?php echo $cta_textcolor ?>" type="text">
445
  </div>
446
  </div>
447
 
@@ -451,7 +455,7 @@ class HT_CTC_Admin_Customize_Styles {
451
  <p><?php _e( 'Call to Action - Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
452
  </div>
453
  <div class="input-field col s6">
454
- <input class="ht-ctc-color" name="<?php echo $dbrow ?>[cta_bgcolor]" data-default-color="#25D366" value="<?php echo $cta_bgcolor ?>" id="cta_bgcolor" type="text">
455
  </div>
456
  </div>
457
 
@@ -461,7 +465,7 @@ class HT_CTC_Admin_Customize_Styles {
461
  <p><?php _e( 'Font Size', 'click-to-chat-for-whatsapp' ); ?></p>
462
  </div>
463
  <div class="input-field col s6">
464
- <input name="<?php echo $dbrow ?>[cta_font_size]" value="<?php echo $cta_font_size ?>" id="s3_cta_font_size" type="text" class="" >
465
  <label for="s3_cta_font_size"><?php _e( 'Font Size (e.g. 15px)', 'click-to-chat-for-whatsapp' ); ?></label>
466
  </div>
467
  </div>
@@ -504,7 +508,7 @@ class HT_CTC_Admin_Customize_Styles {
504
  <p><?php _e( 'Image Size', 'click-to-chat-for-whatsapp' ); ?></p>
505
  </div>
506
  <div class="input-field col s6">
507
- <input name="ht_ctc_s3_1[s3_img_size]" value="<?php echo $s3_img_size ?>" id="s3_img_size" type="text" class="" >
508
  <label for="s3_img_size"><?php _e( 'Image Size (Default: 40px )', 'click-to-chat-for-whatsapp' ); ?></label>
509
  </div>
510
  </div>
@@ -516,7 +520,7 @@ class HT_CTC_Admin_Customize_Styles {
516
  <p><?php _e( 'Padding', 'click-to-chat-for-whatsapp' ); ?></p>
517
  </div>
518
  <div class="input-field col s6">
519
- <input name="ht_ctc_s3_1[s3_padding]" value="<?php echo $s3_padding ?>" id="s3_padding" type="text" class="" >
520
  <label for="s3_padding"><?php _e( 'Padding (Default: 20px )', 'click-to-chat-for-whatsapp' ); ?></label>
521
  </div>
522
  </div>
@@ -527,7 +531,7 @@ class HT_CTC_Admin_Customize_Styles {
527
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
528
  </div>
529
  <div class="input-field col s6">
530
- <input class="ht-ctc-color" name="ht_ctc_s3_1[s3_bg_color]" data-default-color="#25D366" value="<?php echo $s3_bg_color ?>" id="s3_bg_color" type="text">
531
  </div>
532
  </div>
533
 
@@ -537,7 +541,7 @@ class HT_CTC_Admin_Customize_Styles {
537
  <p><?php _e( 'Background Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
538
  </div>
539
  <div class="input-field col s6">
540
- <input class="ht-ctc-color" name="ht_ctc_s3_1[s3_bg_color_hover]" data-default-color="#25D366" value="<?php echo $s3_bg_color_hover ?>" id="s3_bg_color_hover" type="text">
541
  <p class="description"><?php _e( 'E.g. Colors: #25D366, #20b038', 'click-to-chat-for-whatsapp' ); ?> </p>
542
  </div>
543
  </div>
@@ -605,14 +609,14 @@ class HT_CTC_Admin_Customize_Styles {
605
  <p><?php _e( 'Display - Call to Action', 'click-to-chat-for-whatsapp' ); ?></p>
606
  </div>
607
  <div class="input-field col s6">
608
- <select name="<?php echo $dbrow ?>[cta_type]" class="select_cta_type">
609
- <option value="hover" <?php echo $select_cta_type == 'hover' ? 'SELECTED' : ''; ?> >On Hover</option>
610
- <option value="show" <?php echo $select_cta_type == 'show' ? 'SELECTED' : ''; ?> >Show</option>
611
- <option value="hide" <?php echo $select_cta_type == 'hide' ? 'SELECTED' : ''; ?> >Hide</option>
612
  <?php
613
  if ( 's7' == $style) {
614
  ?>
615
- <option value="inside" <?php echo $select_cta_type == 'inside' ? 'SELECTED' : ''; ?> >Inside padding</option>
616
  <?php
617
  }
618
  ?>
@@ -626,7 +630,7 @@ class HT_CTC_Admin_Customize_Styles {
626
  <p><?php _e( 'Call to Action - Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
627
  </div>
628
  <div class="input-field col s6">
629
- <input class="ht-ctc-color" name="<?php echo $dbrow ?>[cta_textcolor]" data-default-color="#ffffff" value="<?php echo $cta_textcolor ?>" type="text">
630
  </div>
631
  </div>
632
 
@@ -636,7 +640,7 @@ class HT_CTC_Admin_Customize_Styles {
636
  <p><?php _e( 'Call to Action - Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
637
  </div>
638
  <div class="input-field col s6">
639
- <input class="ht-ctc-color" name="<?php echo $dbrow ?>[cta_bgcolor]" data-default-color="#25D366" value="<?php echo $cta_bgcolor ?>" id="cta_bgcolor" type="text">
640
  </div>
641
  </div>
642
 
@@ -646,7 +650,7 @@ class HT_CTC_Admin_Customize_Styles {
646
  <p><?php _e( 'Font Size', 'click-to-chat-for-whatsapp' ); ?></p>
647
  </div>
648
  <div class="input-field col s6">
649
- <input name="<?php echo $dbrow ?>[cta_font_size]" value="<?php echo $cta_font_size ?>" id="s3_1_cta_font_size" type="text" class="" >
650
  <label for="s3_1_cta_font_size"><?php _e( 'Font Size (e.g. 15px)', 'click-to-chat-for-whatsapp' ); ?></label>
651
  </div>
652
  </div>
@@ -683,7 +687,7 @@ class HT_CTC_Admin_Customize_Styles {
683
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
684
  </div>
685
  <div class="input-field col s6">
686
- <input class="ht-ctc-color" name="ht_ctc_s4[s4_text_color]" data-default-color="#7f7d7d" value="<?php echo $s4_text_color ?>" id="s4_text_color" type="text">
687
  </div>
688
  </div>
689
 
@@ -693,7 +697,7 @@ class HT_CTC_Admin_Customize_Styles {
693
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
694
  </div>
695
  <div class="input-field col s6">
696
- <input id="s4_bg_color" class="ht-ctc-color" data-default-color="#e4e4e4" name="ht_ctc_s4[s4_bg_color]" value="<?php echo $s4_bg_color ?>" type="text" style="height: 1.375rem;" >
697
  </div>
698
  </div>
699
 
@@ -704,8 +708,8 @@ class HT_CTC_Admin_Customize_Styles {
704
  </div>
705
  <div class="input-field col s6">
706
  <select name="ht_ctc_s4[s4_img_position]" class="select-2">
707
- <option value="left" <?php echo $select_s4_img_position == 'left' ? 'SELECTED' : ''; ?> >Left</option>
708
- <option value="right" <?php echo $select_s4_img_position == 'right' ? 'SELECTED' : ''; ?> >Right</option>
709
  </select>
710
  </div>
711
  </div>
@@ -716,7 +720,7 @@ class HT_CTC_Admin_Customize_Styles {
716
  <p><?php _e( 'Image URL', 'click-to-chat-for-whatsapp' ); ?></p>
717
  </div>
718
  <div class="input-field col s6">
719
- <input name="ht_ctc_s4[s4_img_url]" value="<?php echo $s4_img_url ?>" id="s4_img_url" type="text" class="" >
720
  <label for="s4_img_url"><?php _e( 'Image URL(leave blank for default image)', 'click-to-chat-for-whatsapp' ); ?></label>
721
  </div>
722
  </div>
@@ -727,7 +731,7 @@ class HT_CTC_Admin_Customize_Styles {
727
  <p><?php _e( 'Image Size', 'click-to-chat-for-whatsapp' ); ?></p>
728
  </div>
729
  <div class="input-field col s6">
730
- <input name="ht_ctc_s4[s4_img_size]" value="<?php echo $s4_img_size ?>" id="s4_img_size" type="text" class="" >
731
  <label for="s4_img_size"><?php _e( 'Image Size (default 32px)', 'click-to-chat-for-whatsapp' ); ?></label>
732
  <p class="description"><?php _e( '(possible, keep the value less then or equal to 32px)', 'click-to-chat-for-whatsapp' ); ?></p>
733
  </div>
@@ -772,7 +776,7 @@ class HT_CTC_Admin_Customize_Styles {
772
  <p><?php _e( 'Line 1', 'click-to-chat-for-whatsapp' ); ?></p>
773
  </div>
774
  <div class="input-field col s6">
775
- <input name="ht_ctc_s5[s5_line_1]" value="<?php echo $s5_line_1 ?>" id="s5_line_1" type="text" class="" >
776
  <label for="s5_line_1"><?php _e( 'Line 1', 'click-to-chat-for-whatsapp' ); ?></label>
777
  </div>
778
  </div>
@@ -783,7 +787,7 @@ class HT_CTC_Admin_Customize_Styles {
783
  <p><?php _e( 'Line 2', 'click-to-chat-for-whatsapp' ); ?></p>
784
  </div>
785
  <div class="input-field col s6">
786
- <input name="ht_ctc_s5[s5_line_2]" value="<?php echo $s5_line_2 ?>" id="s5_line_2" type="text" class="" >
787
  <label for="s5_line_2"><?php _e( 'Line 2', 'click-to-chat-for-whatsapp' ); ?></label>
788
  </div>
789
  </div>
@@ -794,7 +798,7 @@ class HT_CTC_Admin_Customize_Styles {
794
  <p><?php _e( 'Line 1 - Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
795
  </div>
796
  <div class="input-field col s6">
797
- <input class="ht-ctc-color" name="ht_ctc_s5[s5_line_1_color]" data-default-color="#000000" value="<?php echo $s5_line_1_color ?>" id="s5_line_1_color" type="text">
798
  </div>
799
  </div>
800
 
@@ -804,7 +808,7 @@ class HT_CTC_Admin_Customize_Styles {
804
  <p><?php _e( 'Line 2 - Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
805
  </div>
806
  <div class="input-field col s6">
807
- <input class="ht-ctc-color" name="ht_ctc_s5[s5_line_2_color]" data-default-color="#000000" value="<?php echo $s5_line_2_color ?>" id="s5_line_2_color" type="text">
808
  </div>
809
  </div>
810
 
@@ -814,7 +818,7 @@ class HT_CTC_Admin_Customize_Styles {
814
  <p><?php _e( 'Content Box Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
815
  </div>
816
  <div class="input-field col s6">
817
- <input class="ht-ctc-color" name="ht_ctc_s5[s5_background_color]" data-default-color="#ffffff" value="<?php echo $s5_background_color ?>" id="s5_background_color" type="text">
818
  </div>
819
  </div>
820
 
@@ -824,7 +828,7 @@ class HT_CTC_Admin_Customize_Styles {
824
  <p><?php _e( 'Content Box Border Color', 'click-to-chat-for-whatsapp' ); ?></p>
825
  </div>
826
  <div class="input-field col s6">
827
- <input class="ht-ctc-color" name="ht_ctc_s5[s5_border_color]" data-default-color="#dddddd" value="<?php echo $s5_border_color ?>" id="s5_border_color" type="text">
828
  </div>
829
  </div>
830
 
@@ -834,7 +838,7 @@ class HT_CTC_Admin_Customize_Styles {
834
  <p><?php _e( 'Image URL', 'click-to-chat-for-whatsapp' ); ?></p>
835
  </div>
836
  <div class="input-field col s6">
837
- <input name="ht_ctc_s5[s5_img]" value="<?php echo $s5_img ?>" id="s5_img" type="text" class="" >
838
  <label for="s5_img">Leave blank for default image</label>
839
  </div>
840
  </div>
@@ -845,7 +849,7 @@ class HT_CTC_Admin_Customize_Styles {
845
  <p><?php _e( 'Image Height', 'click-to-chat-for-whatsapp' ); ?></p>
846
  </div>
847
  <div class="input-field col s6">
848
- <input name="ht_ctc_s5[s5_img_height]" value="<?php echo $s5_img_height ?>" id="s5_img_height" type="text" class="" >
849
  <label for="s5_img_height"><?php _e( 'Image Height', 'click-to-chat-for-whatsapp' ); ?></label>
850
  </div>
851
  </div>
@@ -856,7 +860,7 @@ class HT_CTC_Admin_Customize_Styles {
856
  <p><?php _e( 'Image Width', 'click-to-chat-for-whatsapp' ); ?></p>
857
  </div>
858
  <div class="input-field col s6">
859
- <input name="ht_ctc_s5[s5_img_width]" value="<?php echo $s5_img_width ?>" id="s5_img_width" type="text" class="" >
860
  <label for="s5_img_width"><?php _e( 'Image Width', 'click-to-chat-for-whatsapp' ); ?></label>
861
  </div>
862
  </div>
@@ -867,7 +871,7 @@ class HT_CTC_Admin_Customize_Styles {
867
  <p><?php _e( 'Content Box Height', 'click-to-chat-for-whatsapp' ); ?></p>
868
  </div>
869
  <div class="input-field col s6">
870
- <input name="ht_ctc_s5[s5_content_height]" value="<?php echo $s5_content_height ?>" id="s5_content_height" type="text" class="" >
871
  <label for="s5_content_height"><?php _e( 'Content Box Height', 'click-to-chat-for-whatsapp' ); ?></label>
872
  </div>
873
  </div>
@@ -878,7 +882,7 @@ class HT_CTC_Admin_Customize_Styles {
878
  <p><?php _e( 'Content Box Width', 'click-to-chat-for-whatsapp' ); ?></p>
879
  </div>
880
  <div class="input-field col s6">
881
- <input name="ht_ctc_s5[s5_content_width]" value="<?php echo $s5_content_width ?>" id="s5_content_width" type="text" class="" >
882
  <label for="s5_content_width"><?php _e( 'Content Box Width', 'click-to-chat-for-whatsapp' ); ?></label>
883
  </div>
884
  </div>
@@ -890,8 +894,8 @@ class HT_CTC_Admin_Customize_Styles {
890
  </div>
891
  <div class="input-field col s6">
892
  <select name="ht_ctc_s5[s5_img_position]" class="select-2">
893
- <option value="right" <?php echo $select_s5_img_position == 'right' ? 'SELECTED' : ''; ?> ><?php _e( 'Right', 'click-to-chat-for-whatsapp' ); ?></option>
894
- <option value="left" <?php echo $select_s5_img_position == 'left' ? 'SELECTED' : ''; ?> ><?php _e( 'Left', 'click-to-chat-for-whatsapp' ); ?></option>
895
  </select>
896
  <p class="description"><?php _e( 'If style position/located: Right to screen then select Right, if Left to screen then select Left', 'click-to-chat-for-whatsapp' ); ?></p>
897
  </div>
@@ -929,8 +933,8 @@ class HT_CTC_Admin_Customize_Styles {
929
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
930
  </div>
931
  <div class="input-field col s6">
932
- <!-- <input id="s6_txt_color" class="ht-ctc-color" data-default-color="#006ccc" name="ht_ctc_s6[s6_txt_color]" value="<?php echo $s6_txt_color ?>" type="text" style="height: 1.375rem;" > -->
933
- <input id="s6_txt_color" class="ht-ctc-color" name="ht_ctc_s6[s6_txt_color]" value="<?php echo $s6_txt_color ?>" type="text" style="height: 1.375rem;" >
934
  </div>
935
  </div>
936
 
@@ -941,8 +945,8 @@ class HT_CTC_Admin_Customize_Styles {
941
  <p><?php _e( 'Text Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
942
  </div>
943
  <div class="input-field col s6">
944
- <!-- <input id="s6_txt_color_on_hover" class="ht-ctc-color" data-default-color="#006ccc" name="ht_ctc_s6[s6_txt_color_on_hover]" value="<?php echo $s6_txt_color_on_hover ?>" type="text" style="height: 1.375rem;" > -->
945
- <input id="s6_txt_color_on_hover" class="ht-ctc-color" name="ht_ctc_s6[s6_txt_color_on_hover]" value="<?php echo $s6_txt_color_on_hover ?>" type="text" style="height: 1.375rem;" >
946
  </div>
947
  </div>
948
 
@@ -953,11 +957,11 @@ class HT_CTC_Admin_Customize_Styles {
953
  </div>
954
  <div class="input-field col s6">
955
  <select name="ht_ctc_s6[s6_txt_decoration]" class="select-2">
956
- <option value="initial" <?php echo $text_decoration_value == 'initial' ? 'SELECTED' : ''; ?> >initial</option>
957
- <option value="underline" <?php echo $text_decoration_value == 'underline' ? 'SELECTED' : ''; ?> >underline</option>
958
- <option value="overline" <?php echo $text_decoration_value == 'overline' ? 'SELECTED' : ''; ?> >overline</option>
959
- <option value="line-through" <?php echo $text_decoration_value == 'line-through' ? 'SELECTED' : ''; ?> >line-through</option>
960
- <option value="inherit" <?php echo $text_decoration_value == 'inherit' ? 'SELECTED' : ''; ?> >inherit</option>
961
  </select>
962
  <!-- <label>Text Decoration</label> -->
963
  </div>
@@ -970,11 +974,11 @@ class HT_CTC_Admin_Customize_Styles {
970
  </div>
971
  <div class="input-field col s6">
972
  <select name="ht_ctc_s6[s6_txt_decoration_on_hover]" class="select-2">
973
- <option value="initial" <?php echo $text_decoration_hover_value == 'initial' ? 'SELECTED' : ''; ?> >initial</option>
974
- <option value="underline" <?php echo $text_decoration_hover_value == 'underline' ? 'SELECTED' : ''; ?> >underline</option>
975
- <option value="overline" <?php echo $text_decoration_hover_value == 'overline' ? 'SELECTED' : ''; ?> >overline</option>
976
- <option value="line-through" <?php echo $text_decoration_hover_value == 'line-through' ? 'SELECTED' : ''; ?> >line-through</option>
977
- <option value="inherit" <?php echo $text_decoration_hover_value == 'inherit' ? 'SELECTED' : ''; ?> >inherit</option>
978
  </select>
979
  <!-- <label>Text Decoration when Hover</label> -->
980
  </div>
@@ -1022,7 +1026,7 @@ class HT_CTC_Admin_Customize_Styles {
1022
  <p><?php _e( 'Icon Size', 'click-to-chat-for-whatsapp' ); ?></p>
1023
  </div>
1024
  <div class="input-field col s6">
1025
- <input name="ht_ctc_s7[s7_icon_size]" value="<?php echo $s7_icon_size ?>" id="s7_icon_size" type="text" class="" >
1026
  <label for="s7_icon_size"><?php _e( 'Icon Size', 'click-to-chat-for-whatsapp' ); ?></label>
1027
  </div>
1028
  </div>
@@ -1033,7 +1037,7 @@ class HT_CTC_Admin_Customize_Styles {
1033
  <p><?php _e( 'Icon Color', 'click-to-chat-for-whatsapp' ); ?></p>
1034
  </div>
1035
  <div class="input-field col s6">
1036
- <input id="s7_icon_color" class="ht-ctc-color" data-default-color="#ffffff" name="ht_ctc_s7[s7_icon_color]" value="<?php echo $s7_icon_color ?>" type="text" style="height: 1.375rem;" >
1037
  </div>
1038
  </div>
1039
 
@@ -1043,7 +1047,7 @@ class HT_CTC_Admin_Customize_Styles {
1043
  <p><?php _e( 'Icon Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
1044
  </div>
1045
  <div class="input-field col s6">
1046
- <input id="s7_icon_color_hover" class="ht-ctc-color" data-default-color="#fffff" name="ht_ctc_s7[s7_icon_color_hover]" value="<?php echo $s7_icon_color_hover ?>" type="text" style="height: 1.375rem;" >
1047
  </div>
1048
  </div>
1049
 
@@ -1053,7 +1057,7 @@ class HT_CTC_Admin_Customize_Styles {
1053
  <p><?php _e( 'Border Padding Size', 'click-to-chat-for-whatsapp' ); ?></p>
1054
  </div>
1055
  <div class="input-field col s6">
1056
- <input name="ht_ctc_s7[s7_border_size]" value="<?php echo $s7_border_size ?>" id="s7_border_size" type="text" class="" >
1057
  <label for="s7_border_size"><?php _e( 'Border Padding Size', 'click-to-chat-for-whatsapp' ); ?></label>
1058
  <p class="description"><?php _e( 'E.g. 12px', 'click-to-chat-for-whatsapp' ); ?></p>
1059
  </div>
@@ -1065,7 +1069,7 @@ class HT_CTC_Admin_Customize_Styles {
1065
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
1066
  </div>
1067
  <div class="input-field col s6">
1068
- <input id="s7_border_color" class="ht-ctc-color" data-default-color="#25d366" name="ht_ctc_s7[s7_border_color]" value="<?php echo $s7_border_color ?>" type="text" style="height: 1.375rem;" >
1069
  </div>
1070
  </div>
1071
 
@@ -1075,7 +1079,7 @@ class HT_CTC_Admin_Customize_Styles {
1075
  <p><?php _e( 'Background Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
1076
  </div>
1077
  <div class="input-field col s6">
1078
- <input id="s7_border_color_hover" class="ht-ctc-color" data-default-color="#25d366" name="ht_ctc_s7[s7_border_color_hover]" value="<?php echo $s7_border_color_hover ?>" type="text" style="height: 1.375rem;" >
1079
  </div>
1080
  </div>
1081
 
@@ -1085,7 +1089,7 @@ class HT_CTC_Admin_Customize_Styles {
1085
  <p><?php _e( 'Border radius', 'click-to-chat-for-whatsapp' ); ?></p>
1086
  </div>
1087
  <div class="input-field col s6">
1088
- <input name="ht_ctc_s7[s7_border_radius]" value="<?php echo $s7_border_radius ?>" id="s7_border_radius" type="text" class="" >
1089
  <label for="s7_border_radius"><?php _e( 'Border radius', 'click-to-chat-for-whatsapp' ); ?></label>
1090
  <p class="description"><?php _e( 'E.g. 10px, 50% ( for round border add 50% )', 'click-to-chat-for-whatsapp' ); ?></p>
1091
  </div>
@@ -1103,10 +1107,10 @@ class HT_CTC_Admin_Customize_Styles {
1103
  <p><?php _e( 'Display - Call to Action', 'click-to-chat-for-whatsapp' ); ?></p>
1104
  </div>
1105
  <div class="input-field col s6">
1106
- <select name="<?php echo $dbrow ?>[cta_type]" class="select_cta_type">
1107
- <option value="hover" <?php echo $select_cta_type == 'hover' ? 'SELECTED' : ''; ?> >On Hover</option>
1108
- <option value="show" <?php echo $select_cta_type == 'show' ? 'SELECTED' : ''; ?> >Show</option>
1109
- <option value="hide" <?php echo $select_cta_type == 'hide' ? 'SELECTED' : ''; ?> >Hide</option>
1110
  </select>
1111
  </div>
1112
  </div>
@@ -1116,7 +1120,7 @@ class HT_CTC_Admin_Customize_Styles {
1116
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
1117
  </div>
1118
  <div class="input-field col s6">
1119
- <input class="ht-ctc-color" name="<?php echo $dbrow ?>[cta_textcolor]" data-default-color="#ffffff" value="<?php echo $cta_textcolor ?>" type="text">
1120
  </div>
1121
  </div>
1122
 
@@ -1126,7 +1130,7 @@ class HT_CTC_Admin_Customize_Styles {
1126
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
1127
  </div>
1128
  <div class="input-field col s6">
1129
- <input class="ht-ctc-color" name="<?php echo $dbrow ?>[cta_bgcolor]" data-default-color="#25d366" value="<?php echo $cta_bgcolor ?>" id="cta_bgcolor" type="text">
1130
  </div>
1131
  </div>
1132
 
@@ -1167,9 +1171,9 @@ class HT_CTC_Admin_Customize_Styles {
1167
  <p><?php _e( 'Display - Call to Action', 'click-to-chat-for-whatsapp' ); ?></p>
1168
  </div>
1169
  <div class="input-field col s6">
1170
- <select name="<?php echo $dbrow ?>[cta_type]" class="select_cta_type">
1171
- <option value="hover" <?php echo $select_cta_type == 'hover' ? 'SELECTED' : ''; ?> >On Hover</option>
1172
- <option value="show" <?php echo $select_cta_type == 'show' ? 'SELECTED' : ''; ?> >Show</option>
1173
  </select>
1174
  </div>
1175
  </div>
@@ -1181,7 +1185,7 @@ class HT_CTC_Admin_Customize_Styles {
1181
  <p><?php _e( 'Icon Size', 'click-to-chat-for-whatsapp' ); ?></p>
1182
  </div>
1183
  <div class="input-field col s6">
1184
- <input name="<?php echo $dbrow ?>[s7_icon_size]" value="<?php echo $s7_icon_size ?>" id="s7_icon_size" type="text" class="" >
1185
  <label for="s7_icon_size"><?php _e( 'Icon Size', 'click-to-chat-for-whatsapp' ); ?></label>
1186
  </div>
1187
  </div>
@@ -1192,7 +1196,7 @@ class HT_CTC_Admin_Customize_Styles {
1192
  <p><?php _e( 'Icon Border Padding Size', 'click-to-chat-for-whatsapp' ); ?></p>
1193
  </div>
1194
  <div class="input-field col s6">
1195
- <input name="<?php echo $dbrow ?>[s7_border_size]" value="<?php echo $s7_border_size ?>" id="s7_border_size" type="text" class="" >
1196
  <label for="s7_border_size"><?php _e( 'Border Padding Size', 'click-to-chat-for-whatsapp' ); ?></label>
1197
  <p class="description"><?php _e( 'E.g. 12px', 'click-to-chat-for-whatsapp' ); ?></p>
1198
  </div>
@@ -1204,7 +1208,7 @@ class HT_CTC_Admin_Customize_Styles {
1204
  <p><?php _e( 'Icon,Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
1205
  </div>
1206
  <div class="input-field col s6">
1207
- <input id="s7_icon_color" class="ht-ctc-color" data-default-color="#ffffff" name="<?php echo $dbrow ?>[s7_icon_color]" value="<?php echo $s7_icon_color ?>" type="text" style="height: 1.375rem;" >
1208
  </div>
1209
  </div>
1210
 
@@ -1214,7 +1218,7 @@ class HT_CTC_Admin_Customize_Styles {
1214
  <p><?php _e( 'Icon,Text Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
1215
  </div>
1216
  <div class="input-field col s6">
1217
- <input id="s7_icon_color_hover" class="ht-ctc-color" data-default-color="#f4f4f4" name="<?php echo $dbrow ?>[s7_icon_color_hover]" value="<?php echo $s7_icon_color_hover ?>" type="text" style="height: 1.375rem;" >
1218
  </div>
1219
  </div>
1220
 
@@ -1224,7 +1228,7 @@ class HT_CTC_Admin_Customize_Styles {
1224
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
1225
  </div>
1226
  <div class="input-field col s6">
1227
- <input id="s7_bgcolor" class="ht-ctc-color" data-default-color="#25d366" name="<?php echo $dbrow ?>[s7_bgcolor]" value="<?php echo $s7_bgcolor ?>" type="text" style="height: 1.375rem;" >
1228
  </div>
1229
  </div>
1230
 
@@ -1234,7 +1238,7 @@ class HT_CTC_Admin_Customize_Styles {
1234
  <p><?php _e( 'Background Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
1235
  </div>
1236
  <div class="input-field col s6">
1237
- <input id="s7_bgcolor_hover" class="ht-ctc-color" data-default-color="#25d366" name="<?php echo $dbrow ?>[s7_bgcolor_hover]" value="<?php echo $s7_bgcolor_hover ?>" type="text" style="height: 1.375rem;" >
1238
  </div>
1239
  </div>
1240
 
@@ -1282,7 +1286,7 @@ class HT_CTC_Admin_Customize_Styles {
1282
  ?>
1283
  <p>
1284
  <label>
1285
- <input name="<?php echo $dbrow ?>[s8_m_fullwidth]" type="checkbox" value="1" <?php checked( $options['s8_m_fullwidth'], 1 ); ?> id="s8_m_fullwidth" />
1286
  <span><?php _e( 'Full Width on Mobile', 'click-to-chat-for-whatsapp' ); ?></span>
1287
  </label>
1288
  </p>
@@ -1291,7 +1295,7 @@ class HT_CTC_Admin_Customize_Styles {
1291
  ?>
1292
  <p>
1293
  <label>
1294
- <input name="<?php echo $dbrow ?>[s8_m_fullwidth]" type="checkbox" value="1" id="s8_m_fullwidth" />
1295
  <span><?php _e( 'Full Width on Mobile', 'click-to-chat-for-whatsapp' ); ?></span>
1296
  </label>
1297
  </p>
@@ -1308,7 +1312,7 @@ class HT_CTC_Admin_Customize_Styles {
1308
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
1309
  </div>
1310
  <div class="input-field col s6">
1311
- <input id="s8_txt_color" class="ht-ctc-color" data-default-color="#ffffff" name="ht_ctc_s8[s8_txt_color]" value="<?php echo $s8_txt_color ?>" type="text" style="height: 1.375rem;" >
1312
  <!-- <label for="s3_img_url">Text Color</label> -->
1313
  <!-- <p class="description">Default Color: #ffffff</p> -->
1314
  </div>
@@ -1320,7 +1324,7 @@ class HT_CTC_Admin_Customize_Styles {
1320
  <p><?php _e( 'Text Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
1321
  </div>
1322
  <div class="input-field col s6">
1323
- <input id="s8_txt_color_on_hover" class="ht-ctc-color" data-default-color="#ffffff" name="ht_ctc_s8[s8_txt_color_on_hover]" value="<?php echo $s8_txt_color_on_hover ?>" type="text" style="height: 1.375rem;" >
1324
  <!-- <label for="s3_img_url">Text Color on Hover</label> -->
1325
  <!-- <p class="description">Default Color: #ffffff</p> -->
1326
  </div>
@@ -1332,7 +1336,7 @@ class HT_CTC_Admin_Customize_Styles {
1332
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
1333
  </div>
1334
  <div class="input-field col s6">
1335
- <input id="s8_bg_color" class="ht-ctc-color" data-default-color="#26a69a" name="ht_ctc_s8[s8_bg_color]" value="<?php echo $s8_bg_color ?>" type="text" style="height: 1.375rem;" >
1336
  <!-- <label for="s3_img_url">Background Color</label> -->
1337
  <!-- <p class="description">Default Color: #26a69a</p> -->
1338
  </div>
@@ -1344,7 +1348,7 @@ class HT_CTC_Admin_Customize_Styles {
1344
  <p><?php _e( 'Background Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
1345
  </div>
1346
  <div class="input-field col s6">
1347
- <input id="s8_bg_color_on_hover" class="ht-ctc-color" data-default-color="#26a69a" name="ht_ctc_s8[s8_bg_color_on_hover]" value="<?php echo $s8_bg_color_on_hover ?>" type="text" style="height: 1.375rem;" >
1348
  <!-- <label for="s3_img_url">Background Color on Hover</label> -->
1349
  <!-- <p class="description">Default Color: #26a69a</p> -->
1350
  </div>
@@ -1356,7 +1360,7 @@ class HT_CTC_Admin_Customize_Styles {
1356
  <p><?php _e( 'Icon Color', 'click-to-chat-for-whatsapp' ); ?></p>
1357
  </div>
1358
  <div class="input-field col s6">
1359
- <input id="s8_icon_color" class="ht-ctc-color" data-default-color="#ffffff" name="ht_ctc_s8[s8_icon_color]" value="<?php echo $s8_icon_color ?>" type="text" style="height: 1.375rem;" >
1360
  <!-- <label for="s3_img_url">Icon Color</label> -->
1361
  <!-- <p class="description">Default Color: #ffffff</p> -->
1362
  </div>
@@ -1368,7 +1372,7 @@ class HT_CTC_Admin_Customize_Styles {
1368
  <p><?php _e( 'Icon Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
1369
  </div>
1370
  <div class="input-field col s6">
1371
- <input id="s8_icon_color_on_hover" class="ht-ctc-color" data-default-color="#ffffff" name="ht_ctc_s8[s8_icon_color_on_hover]" value="<?php echo $s8_icon_color_on_hover ?>" type="text" style="height: 1.375rem;" >
1372
  <!-- <label for="s3_img_url">Icon Color on Hover</label> -->
1373
  <!-- <p class="description">Default Color: #ffffff</p> -->
1374
  </div>
@@ -1383,9 +1387,9 @@ class HT_CTC_Admin_Customize_Styles {
1383
  </div>
1384
  <div class="input-field col s6">
1385
  <select name="ht_ctc_s8[s8_icon_position]" class="select-2">
1386
- <option value="left" <?php echo $icon_position_value == 'left' ? 'SELECTED' : ''; ?> >Left</option>
1387
- <option value="right" <?php echo $icon_position_value == 'right' ? 'SELECTED' : ''; ?> >Right</option>
1388
- <option value="hide" <?php echo $icon_position_value == 'hide' ? 'SELECTED' : ''; ?> >Hide</option>
1389
  </select>
1390
  <!-- <label>Icon Position</label> -->
1391
  </div>
@@ -1398,7 +1402,7 @@ class HT_CTC_Admin_Customize_Styles {
1398
  <p><?php _e( 'Text Size', 'click-to-chat-for-whatsapp' ); ?></p>
1399
  </div>
1400
  <div class="input-field col s6">
1401
- <input name="ht_ctc_s8[s8_text_size]" value="<?php echo $s8_text_size ?>" id="s8_text_size" type="text" class="" >
1402
  <label for="s8_text_size"><?php _e( 'Text Size - E.g. 12px', 'click-to-chat-for-whatsapp' ); ?></label>
1403
  <span class="helper-text"><?php _e( 'Leave blank for default settings', 'click-to-chat-for-whatsapp' ); ?></span>
1404
  </div>
@@ -1410,7 +1414,7 @@ class HT_CTC_Admin_Customize_Styles {
1410
  <p>Icon Size</p>
1411
  </div>
1412
  <div class="input-field col s6">
1413
- <input name="ht_ctc_s8[s8_icon_size]" value="<?php echo $s8_icon_size ?>" id="s8_icon_size" type="text" class="" >
1414
  <label for="s8_icon_size"><?php _e( 'Icon Size - E.g. 16px', 'click-to-chat-for-whatsapp' ); ?></label>
1415
  <span class="helper-text"><?php _e( 'Leave blank for default settings', 'click-to-chat-for-whatsapp' ); ?></span>
1416
  </div>
@@ -1423,8 +1427,8 @@ class HT_CTC_Admin_Customize_Styles {
1423
  </div>
1424
  <div class="input-field col s6">
1425
  <select name="ht_ctc_s8[s8_btn_size]" class="select-2">
1426
- <option value="btn" <?php echo $s8_btn_size == 'btn' ? 'SELECTED' : ''; ?> ><?php _e( 'Normal', 'click-to-chat-for-whatsapp' ); ?></option>
1427
- <option value="btn-large" <?php echo $s8_btn_size == 'btn-large' ? 'SELECTED' : ''; ?> ><?php _e( 'Large', 'click-to-chat-for-whatsapp' ); ?></option>
1428
  </select>
1429
  </div>
1430
  </div>
@@ -1463,7 +1467,7 @@ class HT_CTC_Admin_Customize_Styles {
1463
  <p>Image URL</p>
1464
  </div> -->
1465
  <div class="input-field col s12">
1466
- <input name="ht_ctc_s99[s99_dekstop_img_url]" value="<?php echo $s99_dekstop_img_url ?>" id="s99_dekstop_img_url" type="text" class="" >
1467
  <label for="s99_dekstop_img_url"><?php _e( 'Image URL - Desktop', 'click-to-chat-for-whatsapp' ); ?></label>
1468
  </div>
1469
  </div>
@@ -1474,7 +1478,7 @@ class HT_CTC_Admin_Customize_Styles {
1474
  <p>Image URL</p>
1475
  </div> -->
1476
  <div class="input-field col s12">
1477
- <input name="ht_ctc_s99[s99_mobile_img_url]" value="<?php echo $s99_mobile_img_url ?>" id="s99_mobile_img_url" type="text" class="" >
1478
  <label for="s99_mobile_img_url"><?php _e( 'Image URL - Mobile', 'click-to-chat-for-whatsapp' ); ?></label>
1479
  </div>
1480
  </div>
@@ -1485,7 +1489,7 @@ class HT_CTC_Admin_Customize_Styles {
1485
  <p><?php _e( 'Desktop - Image Height', 'click-to-chat-for-whatsapp' ); ?></p>
1486
  </div>
1487
  <div class="input-field col s6">
1488
- <input name="ht_ctc_s99[s99_desktop_img_height]" value="<?php echo $s99_desktop_img_height ?>" id="s99_desktop_img_height" type="text" class="" >
1489
  <label for="s99_desktop_img_height"><?php _e( 'Desktop - Image Height', 'click-to-chat-for-whatsapp' ); ?></label>
1490
  </div>
1491
  </div>
@@ -1496,7 +1500,7 @@ class HT_CTC_Admin_Customize_Styles {
1496
  <p><?php _e( 'Desktop - Image Width', 'click-to-chat-for-whatsapp' ); ?></p>
1497
  </div>
1498
  <div class="input-field col s6">
1499
- <input name="ht_ctc_s99[s99_desktop_img_width]" value="<?php echo $s99_desktop_img_width ?>" id="s99_desktop_img_width" type="text" class="" >
1500
  <label for="s99_desktop_img_width"><?php _e( 'Desktop - Image Width', 'click-to-chat-for-whatsapp' ); ?></label>
1501
  </div>
1502
  </div>
@@ -1507,7 +1511,7 @@ class HT_CTC_Admin_Customize_Styles {
1507
  <p><?php _e( 'Mobile - Image Height', 'click-to-chat-for-whatsapp' ); ?></p>
1508
  </div>
1509
  <div class="input-field col s6">
1510
- <input name="ht_ctc_s99[s99_mobile_img_height]" value="<?php echo $s99_mobile_img_height ?>" id="s99_mobile_img_height" type="text" class="" >
1511
  <label for="s99_mobile_img_height"><?php _e( 'Mobile - Image Height', 'click-to-chat-for-whatsapp' ); ?></label>
1512
  </div>
1513
  </div>
@@ -1518,7 +1522,7 @@ class HT_CTC_Admin_Customize_Styles {
1518
  <p><?php _e( 'Mobile - Image Width', 'click-to-chat-for-whatsapp' ); ?></p>
1519
  </div>
1520
  <div class="input-field col s6">
1521
- <input name="ht_ctc_s99[s99_mobile_img_width]" value="<?php echo $s99_mobile_img_width ?>" id="s99_mobile_img_width" type="text" class="" >
1522
  <label for="s99_mobile_img_width"><?php _e( 'Mobile - Image Width', 'click-to-chat-for-whatsapp' ); ?></label>
1523
  </div>
1524
  </div>
@@ -1603,7 +1607,6 @@ class HT_CTC_Admin_Customize_Styles {
1603
  }
1604
  }
1605
 
1606
-
1607
  return $new_input;
1608
  }
1609
 
159
  }
160
 
161
  // display all styles
162
+ // count - updates each time, uses at clear cache
163
  public function ht_ctc_cs_cb() {
164
 
165
  $options = get_option('ht_ctc_cs_options');
166
  $dbrow = 'ht_ctc_cs_options';
167
 
168
+ $count = ( isset( $options['count']) ) ? esc_attr( $options['count'] ) : '1';
169
+ $count++;
170
+
171
  ?>
172
  <!-- not make empty table -->
173
+ <input name="<?= $dbrow; ?>[count]" value="<?= $count; ?>" type="hidden" class="hide" >
174
 
175
  <?php
176
  // Display all Styles
178
  ?>
179
  <p>
180
  <label>
181
+ <input name="<?= $dbrow; ?>[display_allstyles]" type="checkbox" value="1" <?php checked( $options['display_allstyles'], 1 ); ?> id="display_allstyles" />
182
  <span><?php _e( 'Display all Styles', 'click-to-chat-for-whatsapp' ); ?></span>
183
  </label>
184
  </p>
187
  ?>
188
  <p>
189
  <label>
190
+ <input name="<?= $dbrow; ?>[display_allstyles]" type="checkbox" value="1" id="display_allstyles" />
191
  <span><?php _e( 'Display all Styles', 'click-to-chat-for-whatsapp' ); ?></span>
192
  </label>
193
  </p>
225
  ?>
226
  <p>
227
  <label>
228
+ <input name="<?= $dbrow; ?>[s1_m_fullwidth]" type="checkbox" value="1" <?php checked( $options['s1_m_fullwidth'], 1 ); ?> id="s1_m_fullwidth" />
229
  <span><?php _e( 'Full Width on Mobile', 'click-to-chat-for-whatsapp' ); ?></span>
230
  </label>
231
  </p>
234
  ?>
235
  <p>
236
  <label>
237
+ <input name="<?= $dbrow; ?>[s1_m_fullwidth]" type="checkbox" value="1" id="s1_m_fullwidth" />
238
  <span><?php _e( 'Full Width on Mobile', 'click-to-chat-for-whatsapp' ); ?></span>
239
  </label>
240
  </p>
251
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
252
  </div>
253
  <div class="input-field col s6">
254
+ <input class="ht-ctc-color" name="<?= $dbrow; ?>[s1_text_color]" value="<?= $s1_text_color; ?>" type="text">
255
  </div>
256
  </div>
257
 
261
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
262
  </div>
263
  <div class="input-field col s6">
264
+ <input class="ht-ctc-color" name="<?= $dbrow; ?>[s1_bg_color]" value="<?= $s1_bg_color; ?>" type="text">
265
  </div>
266
  </div>
267
 
298
  <p><?php _e( 'Image Size', 'click-to-chat-for-whatsapp' ); ?></p>
299
  </div>
300
  <div class="input-field col s6">
301
+ <input name="<?= $dbrow; ?>[s2_img_size]" value="<?= $s2_img_size ?>" id="s2_img_size" type="text" class="" >
302
  <label for="s2_img_size"><?php _e( 'Image Size', 'click-to-chat-for-whatsapp' ); ?></label>
303
  </div>
304
  </div>
320
  <p><?php _e( 'Display - Call to Action', 'click-to-chat-for-whatsapp' ); ?></p>
321
  </div>
322
  <div class="input-field col s6">
323
+ <select name="<?= $dbrow; ?>[cta_type]" class="select_cta_type">
324
+ <option value="hover" <?= $select_cta_type == 'hover' ? 'SELECTED' : ''; ?> >On Hover</option>
325
+ <option value="show" <?= $select_cta_type == 'show' ? 'SELECTED' : ''; ?> >Show</option>
326
+ <option value="hide" <?= $select_cta_type == 'hide' ? 'SELECTED' : ''; ?> >Hide</option>
327
  <?php
328
  if ( 's7' == $style) {
329
  ?>
330
+ <option value="inside" <?= $select_cta_type == 'inside' ? 'SELECTED' : ''; ?> >Inside padding</option>
331
  <?php
332
  }
333
  ?>
341
  <p><?php _e( 'Call to Action - Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
342
  </div>
343
  <div class="input-field col s6">
344
+ <input class="ht-ctc-color" name="<?= $dbrow; ?>[cta_textcolor]" data-default-color="#ffffff" value="<?= $cta_textcolor ?>" type="text">
345
  </div>
346
  </div>
347
 
351
  <p><?php _e( 'Call to Action - Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
352
  </div>
353
  <div class="input-field col s6">
354
+ <input class="ht-ctc-color" name="<?= $dbrow; ?>[cta_bgcolor]" data-default-color="#25D366" value="<?= $cta_bgcolor ?>" id="cta_bgcolor" type="text">
355
  </div>
356
  </div>
357
 
361
  <p><?php _e( 'Font Size', 'click-to-chat-for-whatsapp' ); ?></p>
362
  </div>
363
  <div class="input-field col s6">
364
+ <input name="<?= $dbrow; ?>[cta_font_size]" value="<?= $cta_font_size ?>" id="s2_cta_font_size" type="text" class="" >
365
  <label for="s2_cta_font_size"><?php _e( 'Font Size (e.g. 15px)', 'click-to-chat-for-whatsapp' ); ?></label>
366
  </div>
367
  </div>
410
  <p><?php _e( 'Image Size', 'click-to-chat-for-whatsapp' ); ?></p>
411
  </div>
412
  <div class="input-field col s6">
413
+ <input name="ht_ctc_s3[s3_img_size]" value="<?= $s3_img_size ?>" id="s3_img_size" type="text" class="" >
414
  <label for="s3_img_size"><?php _e( 'Image Size (Default: 50px )', 'click-to-chat-for-whatsapp' ); ?></label>
415
  </div>
416
  </div>
424
  <p><?php _e( 'Display - Call to Action', 'click-to-chat-for-whatsapp' ); ?></p>
425
  </div>
426
  <div class="input-field col s6">
427
+ <select name="<?= $dbrow; ?>[cta_type]" class="select_cta_type">
428
+ <option value="hover" <?= $select_cta_type == 'hover' ? 'SELECTED' : ''; ?> >On Hover</option>
429
+ <option value="show" <?= $select_cta_type == 'show' ? 'SELECTED' : ''; ?> >Show</option>
430
+ <option value="hide" <?= $select_cta_type == 'hide' ? 'SELECTED' : ''; ?> >Hide</option>
431
  <?php
432
  if ( 's7' == $style) {
433
  ?>
434
+ <option value="inside" <?= $select_cta_type == 'inside' ? 'SELECTED' : ''; ?> >Inside padding</option>
435
  <?php
436
  }
437
  ?>
445
  <p><?php _e( 'Call to Action - Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
446
  </div>
447
  <div class="input-field col s6">
448
+ <input class="ht-ctc-color" name="<?= $dbrow; ?>[cta_textcolor]" data-default-color="#ffffff" value="<?= $cta_textcolor; ?>" type="text">
449
  </div>
450
  </div>
451
 
455
  <p><?php _e( 'Call to Action - Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
456
  </div>
457
  <div class="input-field col s6">
458
+ <input class="ht-ctc-color" name="<?= $dbrow; ?>[cta_bgcolor]" data-default-color="#25D366" value="<?= $cta_bgcolor; ?>" id="cta_bgcolor" type="text">
459
  </div>
460
  </div>
461
 
465
  <p><?php _e( 'Font Size', 'click-to-chat-for-whatsapp' ); ?></p>
466
  </div>
467
  <div class="input-field col s6">
468
+ <input name="<?= $dbrow; ?>[cta_font_size]" value="<?= $cta_font_size; ?>" id="s3_cta_font_size" type="text" class="" >
469
  <label for="s3_cta_font_size"><?php _e( 'Font Size (e.g. 15px)', 'click-to-chat-for-whatsapp' ); ?></label>
470
  </div>
471
  </div>
508
  <p><?php _e( 'Image Size', 'click-to-chat-for-whatsapp' ); ?></p>
509
  </div>
510
  <div class="input-field col s6">
511
+ <input name="ht_ctc_s3_1[s3_img_size]" value="<?= $s3_img_size; ?>" id="s3_img_size" type="text" class="" >
512
  <label for="s3_img_size"><?php _e( 'Image Size (Default: 40px )', 'click-to-chat-for-whatsapp' ); ?></label>
513
  </div>
514
  </div>
520
  <p><?php _e( 'Padding', 'click-to-chat-for-whatsapp' ); ?></p>
521
  </div>
522
  <div class="input-field col s6">
523
+ <input name="ht_ctc_s3_1[s3_padding]" value="<?= $s3_padding; ?>" id="s3_padding" type="text" class="" >
524
  <label for="s3_padding"><?php _e( 'Padding (Default: 20px )', 'click-to-chat-for-whatsapp' ); ?></label>
525
  </div>
526
  </div>
531
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
532
  </div>
533
  <div class="input-field col s6">
534
+ <input class="ht-ctc-color" name="ht_ctc_s3_1[s3_bg_color]" data-default-color="#25D366" value="<?= $s3_bg_color; ?>" id="s3_bg_color" type="text">
535
  </div>
536
  </div>
537
 
541
  <p><?php _e( 'Background Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
542
  </div>
543
  <div class="input-field col s6">
544
+ <input class="ht-ctc-color" name="ht_ctc_s3_1[s3_bg_color_hover]" data-default-color="#25D366" value="<?= $s3_bg_color_hover; ?>" id="s3_bg_color_hover" type="text">
545
  <p class="description"><?php _e( 'E.g. Colors: #25D366, #20b038', 'click-to-chat-for-whatsapp' ); ?> </p>
546
  </div>
547
  </div>
609
  <p><?php _e( 'Display - Call to Action', 'click-to-chat-for-whatsapp' ); ?></p>
610
  </div>
611
  <div class="input-field col s6">
612
+ <select name="<?= $dbrow; ?>[cta_type]" class="select_cta_type">
613
+ <option value="hover" <?= $select_cta_type == 'hover' ? 'SELECTED' : ''; ?> >On Hover</option>
614
+ <option value="show" <?= $select_cta_type == 'show' ? 'SELECTED' : ''; ?> >Show</option>
615
+ <option value="hide" <?= $select_cta_type == 'hide' ? 'SELECTED' : ''; ?> >Hide</option>
616
  <?php
617
  if ( 's7' == $style) {
618
  ?>
619
+ <option value="inside" <?= $select_cta_type == 'inside' ? 'SELECTED' : ''; ?> >Inside padding</option>
620
  <?php
621
  }
622
  ?>
630
  <p><?php _e( 'Call to Action - Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
631
  </div>
632
  <div class="input-field col s6">
633
+ <input class="ht-ctc-color" name="<?= $dbrow; ?>[cta_textcolor]" data-default-color="#ffffff" value="<?= $cta_textcolor ?>" type="text">
634
  </div>
635
  </div>
636
 
640
  <p><?php _e( 'Call to Action - Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
641
  </div>
642
  <div class="input-field col s6">
643
+ <input class="ht-ctc-color" name="<?= $dbrow; ?>[cta_bgcolor]" data-default-color="#25D366" value="<?= $cta_bgcolor ?>" id="cta_bgcolor" type="text">
644
  </div>
645
  </div>
646
 
650
  <p><?php _e( 'Font Size', 'click-to-chat-for-whatsapp' ); ?></p>
651
  </div>
652
  <div class="input-field col s6">
653
+ <input name="<?= $dbrow; ?>[cta_font_size]" value="<?= $cta_font_size ?>" id="s3_1_cta_font_size" type="text" class="" >
654
  <label for="s3_1_cta_font_size"><?php _e( 'Font Size (e.g. 15px)', 'click-to-chat-for-whatsapp' ); ?></label>
655
  </div>
656
  </div>
687
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
688
  </div>
689
  <div class="input-field col s6">
690
+ <input class="ht-ctc-color" name="ht_ctc_s4[s4_text_color]" data-default-color="#7f7d7d" value="<?= $s4_text_color ?>" id="s4_text_color" type="text">
691
  </div>
692
  </div>
693
 
697
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
698
  </div>
699
  <div class="input-field col s6">
700
+ <input id="s4_bg_color" class="ht-ctc-color" data-default-color="#e4e4e4" name="ht_ctc_s4[s4_bg_color]" value="<?= $s4_bg_color ?>" type="text" style="height: 1.375rem;" >
701
  </div>
702
  </div>
703
 
708
  </div>
709
  <div class="input-field col s6">
710
  <select name="ht_ctc_s4[s4_img_position]" class="select-2">
711
+ <option value="left" <?= $select_s4_img_position == 'left' ? 'SELECTED' : ''; ?> >Left</option>
712
+ <option value="right" <?= $select_s4_img_position == 'right' ? 'SELECTED' : ''; ?> >Right</option>
713
  </select>
714
  </div>
715
  </div>
720
  <p><?php _e( 'Image URL', 'click-to-chat-for-whatsapp' ); ?></p>
721
  </div>
722
  <div class="input-field col s6">
723
+ <input name="ht_ctc_s4[s4_img_url]" value="<?= $s4_img_url ?>" id="s4_img_url" type="text" class="" >
724
  <label for="s4_img_url"><?php _e( 'Image URL(leave blank for default image)', 'click-to-chat-for-whatsapp' ); ?></label>
725
  </div>
726
  </div>
731
  <p><?php _e( 'Image Size', 'click-to-chat-for-whatsapp' ); ?></p>
732
  </div>
733
  <div class="input-field col s6">
734
+ <input name="ht_ctc_s4[s4_img_size]" value="<?= $s4_img_size ?>" id="s4_img_size" type="text" class="" >
735
  <label for="s4_img_size"><?php _e( 'Image Size (default 32px)', 'click-to-chat-for-whatsapp' ); ?></label>
736
  <p class="description"><?php _e( '(possible, keep the value less then or equal to 32px)', 'click-to-chat-for-whatsapp' ); ?></p>
737
  </div>
776
  <p><?php _e( 'Line 1', 'click-to-chat-for-whatsapp' ); ?></p>
777
  </div>
778
  <div class="input-field col s6">
779
+ <input name="ht_ctc_s5[s5_line_1]" value="<?= $s5_line_1 ?>" id="s5_line_1" type="text" class="" >
780
  <label for="s5_line_1"><?php _e( 'Line 1', 'click-to-chat-for-whatsapp' ); ?></label>
781
  </div>
782
  </div>
787
  <p><?php _e( 'Line 2', 'click-to-chat-for-whatsapp' ); ?></p>
788
  </div>
789
  <div class="input-field col s6">
790
+ <input name="ht_ctc_s5[s5_line_2]" value="<?= $s5_line_2 ?>" id="s5_line_2" type="text" class="" >
791
  <label for="s5_line_2"><?php _e( 'Line 2', 'click-to-chat-for-whatsapp' ); ?></label>
792
  </div>
793
  </div>
798
  <p><?php _e( 'Line 1 - Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
799
  </div>
800
  <div class="input-field col s6">
801
+ <input class="ht-ctc-color" name="ht_ctc_s5[s5_line_1_color]" data-default-color="#000000" value="<?= $s5_line_1_color ?>" id="s5_line_1_color" type="text">
802
  </div>
803
  </div>
804
 
808
  <p><?php _e( 'Line 2 - Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
809
  </div>
810
  <div class="input-field col s6">
811
+ <input class="ht-ctc-color" name="ht_ctc_s5[s5_line_2_color]" data-default-color="#000000" value="<?= $s5_line_2_color ?>" id="s5_line_2_color" type="text">
812
  </div>
813
  </div>
814
 
818
  <p><?php _e( 'Content Box Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
819
  </div>
820
  <div class="input-field col s6">
821
+ <input class="ht-ctc-color" name="ht_ctc_s5[s5_background_color]" data-default-color="#ffffff" value="<?= $s5_background_color ?>" id="s5_background_color" type="text">
822
  </div>
823
  </div>
824
 
828
  <p><?php _e( 'Content Box Border Color', 'click-to-chat-for-whatsapp' ); ?></p>
829
  </div>
830
  <div class="input-field col s6">
831
+ <input class="ht-ctc-color" name="ht_ctc_s5[s5_border_color]" data-default-color="#dddddd" value="<?= $s5_border_color ?>" id="s5_border_color" type="text">
832
  </div>
833
  </div>
834
 
838
  <p><?php _e( 'Image URL', 'click-to-chat-for-whatsapp' ); ?></p>
839
  </div>
840
  <div class="input-field col s6">
841
+ <input name="ht_ctc_s5[s5_img]" value="<?= $s5_img ?>" id="s5_img" type="text" class="" >
842
  <label for="s5_img">Leave blank for default image</label>
843
  </div>
844
  </div>
849
  <p><?php _e( 'Image Height', 'click-to-chat-for-whatsapp' ); ?></p>
850
  </div>
851
  <div class="input-field col s6">
852
+ <input name="ht_ctc_s5[s5_img_height]" value="<?= $s5_img_height ?>" id="s5_img_height" type="text" class="" >
853
  <label for="s5_img_height"><?php _e( 'Image Height', 'click-to-chat-for-whatsapp' ); ?></label>
854
  </div>
855
  </div>
860
  <p><?php _e( 'Image Width', 'click-to-chat-for-whatsapp' ); ?></p>
861
  </div>
862
  <div class="input-field col s6">
863
+ <input name="ht_ctc_s5[s5_img_width]" value="<?= $s5_img_width ?>" id="s5_img_width" type="text" class="" >
864
  <label for="s5_img_width"><?php _e( 'Image Width', 'click-to-chat-for-whatsapp' ); ?></label>
865
  </div>
866
  </div>
871
  <p><?php _e( 'Content Box Height', 'click-to-chat-for-whatsapp' ); ?></p>
872
  </div>
873
  <div class="input-field col s6">
874
+ <input name="ht_ctc_s5[s5_content_height]" value="<?= $s5_content_height ?>" id="s5_content_height" type="text" class="" >
875
  <label for="s5_content_height"><?php _e( 'Content Box Height', 'click-to-chat-for-whatsapp' ); ?></label>
876
  </div>
877
  </div>
882
  <p><?php _e( 'Content Box Width', 'click-to-chat-for-whatsapp' ); ?></p>
883
  </div>
884
  <div class="input-field col s6">
885
+ <input name="ht_ctc_s5[s5_content_width]" value="<?= $s5_content_width ?>" id="s5_content_width" type="text" class="" >
886
  <label for="s5_content_width"><?php _e( 'Content Box Width', 'click-to-chat-for-whatsapp' ); ?></label>
887
  </div>
888
  </div>
894
  </div>
895
  <div class="input-field col s6">
896
  <select name="ht_ctc_s5[s5_img_position]" class="select-2">
897
+ <option value="right" <?= $select_s5_img_position == 'right' ? 'SELECTED' : ''; ?> ><?php _e( 'Right', 'click-to-chat-for-whatsapp' ); ?></option>
898
+ <option value="left" <?= $select_s5_img_position == 'left' ? 'SELECTED' : ''; ?> ><?php _e( 'Left', 'click-to-chat-for-whatsapp' ); ?></option>
899
  </select>
900
  <p class="description"><?php _e( 'If style position/located: Right to screen then select Right, if Left to screen then select Left', 'click-to-chat-for-whatsapp' ); ?></p>
901
  </div>
933
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
934
  </div>
935
  <div class="input-field col s6">
936
+ <!-- <input id="s6_txt_color" class="ht-ctc-color" data-default-color="#006ccc" name="ht_ctc_s6[s6_txt_color]" value="<?= $s6_txt_color ?>" type="text" style="height: 1.375rem;" > -->
937
+ <input id="s6_txt_color" class="ht-ctc-color" name="ht_ctc_s6[s6_txt_color]" value="<?= $s6_txt_color ?>" type="text" style="height: 1.375rem;" >
938
  </div>
939
  </div>
940
 
945
  <p><?php _e( 'Text Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
946
  </div>
947
  <div class="input-field col s6">
948
+ <!-- <input id="s6_txt_color_on_hover" class="ht-ctc-color" data-default-color="#006ccc" name="ht_ctc_s6[s6_txt_color_on_hover]" value="<?= $s6_txt_color_on_hover ?>" type="text" style="height: 1.375rem;" > -->
949
+ <input id="s6_txt_color_on_hover" class="ht-ctc-color" name="ht_ctc_s6[s6_txt_color_on_hover]" value="<?= $s6_txt_color_on_hover ?>" type="text" style="height: 1.375rem;" >
950
  </div>
951
  </div>
952
 
957
  </div>
958
  <div class="input-field col s6">
959
  <select name="ht_ctc_s6[s6_txt_decoration]" class="select-2">
960
+ <option value="initial" <?= $text_decoration_value == 'initial' ? 'SELECTED' : ''; ?> >initial</option>
961
+ <option value="underline" <?= $text_decoration_value == 'underline' ? 'SELECTED' : ''; ?> >underline</option>
962
+ <option value="overline" <?= $text_decoration_value == 'overline' ? 'SELECTED' : ''; ?> >overline</option>
963
+ <option value="line-through" <?= $text_decoration_value == 'line-through' ? 'SELECTED' : ''; ?> >line-through</option>
964
+ <option value="inherit" <?= $text_decoration_value == 'inherit' ? 'SELECTED' : ''; ?> >inherit</option>
965
  </select>
966
  <!-- <label>Text Decoration</label> -->
967
  </div>
974
  </div>
975
  <div class="input-field col s6">
976
  <select name="ht_ctc_s6[s6_txt_decoration_on_hover]" class="select-2">
977
+ <option value="initial" <?= $text_decoration_hover_value == 'initial' ? 'SELECTED' : ''; ?> >initial</option>
978
+ <option value="underline" <?= $text_decoration_hover_value == 'underline' ? 'SELECTED' : ''; ?> >underline</option>
979
+ <option value="overline" <?= $text_decoration_hover_value == 'overline' ? 'SELECTED' : ''; ?> >overline</option>
980
+ <option value="line-through" <?= $text_decoration_hover_value == 'line-through' ? 'SELECTED' : ''; ?> >line-through</option>
981
+ <option value="inherit" <?= $text_decoration_hover_value == 'inherit' ? 'SELECTED' : ''; ?> >inherit</option>
982
  </select>
983
  <!-- <label>Text Decoration when Hover</label> -->
984
  </div>
1026
  <p><?php _e( 'Icon Size', 'click-to-chat-for-whatsapp' ); ?></p>
1027
  </div>
1028
  <div class="input-field col s6">
1029
+ <input name="ht_ctc_s7[s7_icon_size]" value="<?= $s7_icon_size ?>" id="s7_icon_size" type="text" class="" >
1030
  <label for="s7_icon_size"><?php _e( 'Icon Size', 'click-to-chat-for-whatsapp' ); ?></label>
1031
  </div>
1032
  </div>
1037
  <p><?php _e( 'Icon Color', 'click-to-chat-for-whatsapp' ); ?></p>
1038
  </div>
1039
  <div class="input-field col s6">
1040
+ <input id="s7_icon_color" class="ht-ctc-color" data-default-color="#ffffff" name="ht_ctc_s7[s7_icon_color]" value="<?= $s7_icon_color ?>" type="text" style="height: 1.375rem;" >
1041
  </div>
1042
  </div>
1043
 
1047
  <p><?php _e( 'Icon Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
1048
  </div>
1049
  <div class="input-field col s6">
1050
+ <input id="s7_icon_color_hover" class="ht-ctc-color" data-default-color="#fffff" name="ht_ctc_s7[s7_icon_color_hover]" value="<?= $s7_icon_color_hover ?>" type="text" style="height: 1.375rem;" >
1051
  </div>
1052
  </div>
1053
 
1057
  <p><?php _e( 'Border Padding Size', 'click-to-chat-for-whatsapp' ); ?></p>
1058
  </div>
1059
  <div class="input-field col s6">
1060
+ <input name="ht_ctc_s7[s7_border_size]" value="<?= $s7_border_size ?>" id="s7_border_size" type="text" class="" >
1061
  <label for="s7_border_size"><?php _e( 'Border Padding Size', 'click-to-chat-for-whatsapp' ); ?></label>
1062
  <p class="description"><?php _e( 'E.g. 12px', 'click-to-chat-for-whatsapp' ); ?></p>
1063
  </div>
1069
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
1070
  </div>
1071
  <div class="input-field col s6">
1072
+ <input id="s7_border_color" class="ht-ctc-color" data-default-color="#25d366" name="ht_ctc_s7[s7_border_color]" value="<?= $s7_border_color ?>" type="text" style="height: 1.375rem;" >
1073
  </div>
1074
  </div>
1075
 
1079
  <p><?php _e( 'Background Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
1080
  </div>
1081
  <div class="input-field col s6">
1082
+ <input id="s7_border_color_hover" class="ht-ctc-color" data-default-color="#25d366" name="ht_ctc_s7[s7_border_color_hover]" value="<?= $s7_border_color_hover ?>" type="text" style="height: 1.375rem;" >
1083
  </div>
1084
  </div>
1085
 
1089
  <p><?php _e( 'Border radius', 'click-to-chat-for-whatsapp' ); ?></p>
1090
  </div>
1091
  <div class="input-field col s6">
1092
+ <input name="ht_ctc_s7[s7_border_radius]" value="<?= $s7_border_radius ?>" id="s7_border_radius" type="text" class="" >
1093
  <label for="s7_border_radius"><?php _e( 'Border radius', 'click-to-chat-for-whatsapp' ); ?></label>
1094
  <p class="description"><?php _e( 'E.g. 10px, 50% ( for round border add 50% )', 'click-to-chat-for-whatsapp' ); ?></p>
1095
  </div>
1107
  <p><?php _e( 'Display - Call to Action', 'click-to-chat-for-whatsapp' ); ?></p>
1108
  </div>
1109
  <div class="input-field col s6">
1110
+ <select name="<?= $dbrow; ?>[cta_type]" class="select_cta_type">
1111
+ <option value="hover" <?= $select_cta_type == 'hover' ? 'SELECTED' : ''; ?> >On Hover</option>
1112
+ <option value="show" <?= $select_cta_type == 'show' ? 'SELECTED' : ''; ?> >Show</option>
1113
+ <option value="hide" <?= $select_cta_type == 'hide' ? 'SELECTED' : ''; ?> >Hide</option>
1114
  </select>
1115
  </div>
1116
  </div>
1120
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
1121
  </div>
1122
  <div class="input-field col s6">
1123
+ <input class="ht-ctc-color" name="<?= $dbrow; ?>[cta_textcolor]" data-default-color="#ffffff" value="<?= $cta_textcolor ?>" type="text">
1124
  </div>
1125
  </div>
1126
 
1130
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
1131
  </div>
1132
  <div class="input-field col s6">
1133
+ <input class="ht-ctc-color" name="<?= $dbrow; ?>[cta_bgcolor]" data-default-color="#25d366" value="<?= $cta_bgcolor ?>" id="cta_bgcolor" type="text">
1134
  </div>
1135
  </div>
1136
 
1171
  <p><?php _e( 'Display - Call to Action', 'click-to-chat-for-whatsapp' ); ?></p>
1172
  </div>
1173
  <div class="input-field col s6">
1174
+ <select name="<?= $dbrow; ?>[cta_type]" class="select_cta_type">
1175
+ <option value="hover" <?= $select_cta_type == 'hover' ? 'SELECTED' : ''; ?> >On Hover</option>
1176
+ <option value="show" <?= $select_cta_type == 'show' ? 'SELECTED' : ''; ?> >Show</option>
1177
  </select>
1178
  </div>
1179
  </div>
1185
  <p><?php _e( 'Icon Size', 'click-to-chat-for-whatsapp' ); ?></p>
1186
  </div>
1187
  <div class="input-field col s6">
1188
+ <input name="<?= $dbrow; ?>[s7_icon_size]" value="<?= $s7_icon_size ?>" id="s7_icon_size" type="text" class="" >
1189
  <label for="s7_icon_size"><?php _e( 'Icon Size', 'click-to-chat-for-whatsapp' ); ?></label>
1190
  </div>
1191
  </div>
1196
  <p><?php _e( 'Icon Border Padding Size', 'click-to-chat-for-whatsapp' ); ?></p>
1197
  </div>
1198
  <div class="input-field col s6">
1199
+ <input name="<?= $dbrow; ?>[s7_border_size]" value="<?= $s7_border_size ?>" id="s7_border_size" type="text" class="" >
1200
  <label for="s7_border_size"><?php _e( 'Border Padding Size', 'click-to-chat-for-whatsapp' ); ?></label>
1201
  <p class="description"><?php _e( 'E.g. 12px', 'click-to-chat-for-whatsapp' ); ?></p>
1202
  </div>
1208
  <p><?php _e( 'Icon,Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
1209
  </div>
1210
  <div class="input-field col s6">
1211
+ <input id="s7_icon_color" class="ht-ctc-color" data-default-color="#ffffff" name="<?= $dbrow; ?>[s7_icon_color]" value="<?= $s7_icon_color ?>" type="text" style="height: 1.375rem;" >
1212
  </div>
1213
  </div>
1214
 
1218
  <p><?php _e( 'Icon,Text Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
1219
  </div>
1220
  <div class="input-field col s6">
1221
+ <input id="s7_icon_color_hover" class="ht-ctc-color" data-default-color="#f4f4f4" name="<?= $dbrow; ?>[s7_icon_color_hover]" value="<?= $s7_icon_color_hover ?>" type="text" style="height: 1.375rem;" >
1222
  </div>
1223
  </div>
1224
 
1228
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
1229
  </div>
1230
  <div class="input-field col s6">
1231
+ <input id="s7_bgcolor" class="ht-ctc-color" data-default-color="#25d366" name="<?= $dbrow; ?>[s7_bgcolor]" value="<?= $s7_bgcolor ?>" type="text" style="height: 1.375rem;" >
1232
  </div>
1233
  </div>
1234
 
1238
  <p><?php _e( 'Background Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
1239
  </div>
1240
  <div class="input-field col s6">
1241
+ <input id="s7_bgcolor_hover" class="ht-ctc-color" data-default-color="#25d366" name="<?= $dbrow; ?>[s7_bgcolor_hover]" value="<?= $s7_bgcolor_hover ?>" type="text" style="height: 1.375rem;" >
1242
  </div>
1243
  </div>
1244
 
1286
  ?>
1287
  <p>
1288
  <label>
1289
+ <input name="<?= $dbrow; ?>[s8_m_fullwidth]" type="checkbox" value="1" <?php checked( $options['s8_m_fullwidth'], 1 ); ?> id="s8_m_fullwidth" />
1290
  <span><?php _e( 'Full Width on Mobile', 'click-to-chat-for-whatsapp' ); ?></span>
1291
  </label>
1292
  </p>
1295
  ?>
1296
  <p>
1297
  <label>
1298
+ <input name="<?= $dbrow; ?>[s8_m_fullwidth]" type="checkbox" value="1" id="s8_m_fullwidth" />
1299
  <span><?php _e( 'Full Width on Mobile', 'click-to-chat-for-whatsapp' ); ?></span>
1300
  </label>
1301
  </p>
1312
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
1313
  </div>
1314
  <div class="input-field col s6">
1315
+ <input id="s8_txt_color" class="ht-ctc-color" data-default-color="#ffffff" name="ht_ctc_s8[s8_txt_color]" value="<?= $s8_txt_color ?>" type="text" style="height: 1.375rem;" >
1316
  <!-- <label for="s3_img_url">Text Color</label> -->
1317
  <!-- <p class="description">Default Color: #ffffff</p> -->
1318
  </div>
1324
  <p><?php _e( 'Text Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
1325
  </div>
1326
  <div class="input-field col s6">
1327
+ <input id="s8_txt_color_on_hover" class="ht-ctc-color" data-default-color="#ffffff" name="ht_ctc_s8[s8_txt_color_on_hover]" value="<?= $s8_txt_color_on_hover ?>" type="text" style="height: 1.375rem;" >
1328
  <!-- <label for="s3_img_url">Text Color on Hover</label> -->
1329
  <!-- <p class="description">Default Color: #ffffff</p> -->
1330
  </div>
1336
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
1337
  </div>
1338
  <div class="input-field col s6">
1339
+ <input id="s8_bg_color" class="ht-ctc-color" data-default-color="#26a69a" name="ht_ctc_s8[s8_bg_color]" value="<?= $s8_bg_color ?>" type="text" style="height: 1.375rem;" >
1340
  <!-- <label for="s3_img_url">Background Color</label> -->
1341
  <!-- <p class="description">Default Color: #26a69a</p> -->
1342
  </div>
1348
  <p><?php _e( 'Background Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
1349
  </div>
1350
  <div class="input-field col s6">
1351
+ <input id="s8_bg_color_on_hover" class="ht-ctc-color" data-default-color="#26a69a" name="ht_ctc_s8[s8_bg_color_on_hover]" value="<?= $s8_bg_color_on_hover ?>" type="text" style="height: 1.375rem;" >
1352
  <!-- <label for="s3_img_url">Background Color on Hover</label> -->
1353
  <!-- <p class="description">Default Color: #26a69a</p> -->
1354
  </div>
1360
  <p><?php _e( 'Icon Color', 'click-to-chat-for-whatsapp' ); ?></p>
1361
  </div>
1362
  <div class="input-field col s6">
1363
+ <input id="s8_icon_color" class="ht-ctc-color" data-default-color="#ffffff" name="ht_ctc_s8[s8_icon_color]" value="<?= $s8_icon_color ?>" type="text" style="height: 1.375rem;" >
1364
  <!-- <label for="s3_img_url">Icon Color</label> -->
1365
  <!-- <p class="description">Default Color: #ffffff</p> -->
1366
  </div>
1372
  <p><?php _e( 'Icon Color on Hover', 'click-to-chat-for-whatsapp' ); ?></p>
1373
  </div>
1374
  <div class="input-field col s6">
1375
+ <input id="s8_icon_color_on_hover" class="ht-ctc-color" data-default-color="#ffffff" name="ht_ctc_s8[s8_icon_color_on_hover]" value="<?= $s8_icon_color_on_hover ?>" type="text" style="height: 1.375rem;" >
1376
  <!-- <label for="s3_img_url">Icon Color on Hover</label> -->
1377
  <!-- <p class="description">Default Color: #ffffff</p> -->
1378
  </div>
1387
  </div>
1388
  <div class="input-field col s6">
1389
  <select name="ht_ctc_s8[s8_icon_position]" class="select-2">
1390
+ <option value="left" <?= $icon_position_value == 'left' ? 'SELECTED' : ''; ?> >Left</option>
1391
+ <option value="right" <?= $icon_position_value == 'right' ? 'SELECTED' : ''; ?> >Right</option>
1392
+ <option value="hide" <?= $icon_position_value == 'hide' ? 'SELECTED' : ''; ?> >Hide</option>
1393
  </select>
1394
  <!-- <label>Icon Position</label> -->
1395
  </div>
1402
  <p><?php _e( 'Text Size', 'click-to-chat-for-whatsapp' ); ?></p>
1403
  </div>
1404
  <div class="input-field col s6">
1405
+ <input name="ht_ctc_s8[s8_text_size]" value="<?= $s8_text_size ?>" id="s8_text_size" type="text" class="" >
1406
  <label for="s8_text_size"><?php _e( 'Text Size - E.g. 12px', 'click-to-chat-for-whatsapp' ); ?></label>
1407
  <span class="helper-text"><?php _e( 'Leave blank for default settings', 'click-to-chat-for-whatsapp' ); ?></span>
1408
  </div>
1414
  <p>Icon Size</p>
1415
  </div>
1416
  <div class="input-field col s6">
1417
+ <input name="ht_ctc_s8[s8_icon_size]" value="<?= $s8_icon_size ?>" id="s8_icon_size" type="text" class="" >
1418
  <label for="s8_icon_size"><?php _e( 'Icon Size - E.g. 16px', 'click-to-chat-for-whatsapp' ); ?></label>
1419
  <span class="helper-text"><?php _e( 'Leave blank for default settings', 'click-to-chat-for-whatsapp' ); ?></span>
1420
  </div>
1427
  </div>
1428
  <div class="input-field col s6">
1429
  <select name="ht_ctc_s8[s8_btn_size]" class="select-2">
1430
+ <option value="btn" <?= $s8_btn_size == 'btn' ? 'SELECTED' : ''; ?> ><?php _e( 'Normal', 'click-to-chat-for-whatsapp' ); ?></option>
1431
+ <option value="btn-large" <?= $s8_btn_size == 'btn-large' ? 'SELECTED' : ''; ?> ><?php _e( 'Large', 'click-to-chat-for-whatsapp' ); ?></option>
1432
  </select>
1433
  </div>
1434
  </div>
1467
  <p>Image URL</p>
1468
  </div> -->
1469
  <div class="input-field col s12">
1470
+ <input name="ht_ctc_s99[s99_dekstop_img_url]" value="<?= $s99_dekstop_img_url ?>" id="s99_dekstop_img_url" type="text" class="" >
1471
  <label for="s99_dekstop_img_url"><?php _e( 'Image URL - Desktop', 'click-to-chat-for-whatsapp' ); ?></label>
1472
  </div>
1473
  </div>
1478
  <p>Image URL</p>
1479
  </div> -->
1480
  <div class="input-field col s12">
1481
+ <input name="ht_ctc_s99[s99_mobile_img_url]" value="<?= $s99_mobile_img_url ?>" id="s99_mobile_img_url" type="text" class="" >
1482
  <label for="s99_mobile_img_url"><?php _e( 'Image URL - Mobile', 'click-to-chat-for-whatsapp' ); ?></label>
1483
  </div>
1484
  </div>
1489
  <p><?php _e( 'Desktop - Image Height', 'click-to-chat-for-whatsapp' ); ?></p>
1490
  </div>
1491
  <div class="input-field col s6">
1492
+ <input name="ht_ctc_s99[s99_desktop_img_height]" value="<?= $s99_desktop_img_height ?>" id="s99_desktop_img_height" type="text" class="" >
1493
  <label for="s99_desktop_img_height"><?php _e( 'Desktop - Image Height', 'click-to-chat-for-whatsapp' ); ?></label>
1494
  </div>
1495
  </div>
1500
  <p><?php _e( 'Desktop - Image Width', 'click-to-chat-for-whatsapp' ); ?></p>
1501
  </div>
1502
  <div class="input-field col s6">
1503
+ <input name="ht_ctc_s99[s99_desktop_img_width]" value="<?= $s99_desktop_img_width ?>" id="s99_desktop_img_width" type="text" class="" >
1504
  <label for="s99_desktop_img_width"><?php _e( 'Desktop - Image Width', 'click-to-chat-for-whatsapp' ); ?></label>
1505
  </div>
1506
  </div>
1511
  <p><?php _e( 'Mobile - Image Height', 'click-to-chat-for-whatsapp' ); ?></p>
1512
  </div>
1513
  <div class="input-field col s6">
1514
+ <input name="ht_ctc_s99[s99_mobile_img_height]" value="<?= $s99_mobile_img_height ?>" id="s99_mobile_img_height" type="text" class="" >
1515
  <label for="s99_mobile_img_height"><?php _e( 'Mobile - Image Height', 'click-to-chat-for-whatsapp' ); ?></label>
1516
  </div>
1517
  </div>
1522
  <p><?php _e( 'Mobile - Image Width', 'click-to-chat-for-whatsapp' ); ?></p>
1523
  </div>
1524
  <div class="input-field col s6">
1525
+ <input name="ht_ctc_s99[s99_mobile_img_width]" value="<?= $s99_mobile_img_width ?>" id="s99_mobile_img_width" type="text" class="" >
1526
  <label for="s99_mobile_img_width"><?php _e( 'Mobile - Image Width', 'click-to-chat-for-whatsapp' ); ?></label>
1527
  </div>
1528
  </div>
1607
  }
1608
  }
1609
 
 
1610
  return $new_input;
1611
  }
1612
 
new/admin/class-ht-ctc-admin-group-page.php CHANGED
@@ -93,7 +93,7 @@ class HT_CTC_Admin_Group_Page {
93
  ?>
94
  <div class="row">
95
  <div class="input-field col s12">
96
- <input name="ht_ctc_group[group_id]" value="<?php echo $value ?>" id="whatsapp_group_id" type="text" class="input-margin">
97
  <label for="whatsapp_group_id"><?php _e( 'WhatsApp Group ID', 'click-to-chat-for-whatsapp' ); ?>.</label>
98
  <p class="description"><?php _e( 'Enter WhatsApp Group ID. E.g. 9EHLsEsOeJk6AVtE8AvXiA', 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/find-whatsapp-group-id/?utm_source=ctc&utm_medium=admin&utm_campaign=group"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> </p>
99
  </div>
@@ -108,7 +108,7 @@ class HT_CTC_Admin_Group_Page {
108
  ?>
109
  <div class="row">
110
  <div class="input-field col s12">
111
- <input name="ht_ctc_group[call_to_action]" value="<?php echo $value ?>" id="call_to_action" type="text" class="input-margin">
112
  <label for="call_to_action"><?php _e( 'Call to Action', 'click-to-chat-for-whatsapp' ); ?></label>
113
  <p class="description"> <?php _e( 'Text that appears along with WhatsApp icon/button', 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/call-to-action/?utm_source=ctc&utm_medium=admin&utm_campaign=group"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> </p>
114
  </div>
@@ -198,6 +198,7 @@ class HT_CTC_Admin_Group_Page {
198
  }
199
  }
200
 
 
201
 
202
  return $new_input;
203
  }
93
  ?>
94
  <div class="row">
95
  <div class="input-field col s12">
96
+ <input name="ht_ctc_group[group_id]" value="<?= $value ?>" id="whatsapp_group_id" type="text" class="input-margin">
97
  <label for="whatsapp_group_id"><?php _e( 'WhatsApp Group ID', 'click-to-chat-for-whatsapp' ); ?>.</label>
98
  <p class="description"><?php _e( 'Enter WhatsApp Group ID. E.g. 9EHLsEsOeJk6AVtE8AvXiA', 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/find-whatsapp-group-id/?utm_source=ctc&utm_medium=admin&utm_campaign=group"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> </p>
99
  </div>
108
  ?>
109
  <div class="row">
110
  <div class="input-field col s12">
111
+ <input name="ht_ctc_group[call_to_action]" value="<?= $value ?>" id="call_to_action" type="text" class="input-margin">
112
  <label for="call_to_action"><?php _e( 'Call to Action', 'click-to-chat-for-whatsapp' ); ?></label>
113
  <p class="description"> <?php _e( 'Text that appears along with WhatsApp icon/button', 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/call-to-action/?utm_source=ctc&utm_medium=admin&utm_campaign=group"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> </p>
114
  </div>
198
  }
199
  }
200
 
201
+ do_action('ht_ctc_ah_admin_after_sanitize' );
202
 
203
  return $new_input;
204
  }
new/admin/class-ht-ctc-admin-main-page.php CHANGED
@@ -28,7 +28,7 @@ class HT_CTC_Admin_Main_Page {
28
  }
29
 
30
  add_menu_page(
31
- 'Click to Chat - New Interface - Plugin Option Page',
32
  'Click to Chat',
33
  'manage_options',
34
  'click-to-chat',
@@ -129,6 +129,10 @@ class HT_CTC_Admin_Main_Page {
129
  if ('' == $num && '' == $cc ) {
130
  $num = $number;
131
  }
 
 
 
 
132
  ?>
133
 
134
  <style>
@@ -147,7 +151,7 @@ class HT_CTC_Admin_Main_Page {
147
  <!-- Full WhatsApp Number Card -->
148
  <div class="row">
149
  <div class="col s12 m8">
150
- <p class="description card-panel grey lighten-3" style="padding: 5px 24px; display: inline-block;"><?php _e( 'WhatsApp Number', 'click-to-chat-for-whatsapp' ); ?>: <span class="ht_ctc_wn"><?php echo $number ?></span> </p>
151
  </div>
152
  </div>
153
 
@@ -156,19 +160,39 @@ class HT_CTC_Admin_Main_Page {
156
 
157
  <!-- country code -->
158
  <div class="input-field col s3 m3 ctc_num_field">
159
- <input name="ht_ctc_chat_options[cc]" value="<?php echo $cc ?>" id="whatsapp_cc" type="text" class="input-margin tooltipped" data-position="left" data-tooltip="Country Code">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
160
  <label for="whatsapp_cc"><?php _e( 'Country Code', 'click-to-chat-for-whatsapp' ); ?></label>
 
 
161
  </div>
162
 
163
  <!-- number -->
164
  <div class="input-field col s9 m7 ctc_num_field">
165
- <input name="ht_ctc_chat_options[num]" value="<?php echo $num ?>" id="whatsapp_number" type="text" class="input-margin tooltipped" data-position="right" data-tooltip="Number">
166
  <label for="whatsapp_number"><?php _e( 'Number', 'click-to-chat-for-whatsapp' ); ?></label>
167
  <!-- <span class="helper-text ">WhatsApp Number: <span class="ht_ctc_wn"></span></span> -->
168
  </div>
169
 
170
  <!-- full number - hidden field -->
171
- <input name="ht_ctc_chat_options[number]" style="display: none;" hidden value="<?php echo $number ?>" id="ctc_whatsapp_number" type="text">
172
 
173
  </div>
174
  <p class="description"><?php _e( "WhatsApp or WhatsApp business number with ", 'click-to-chat-for-whatsapp' ); ?> <a target="_blank" href="https://holithemes.com/blog/country-codes/"><?php _e( 'country code', 'click-to-chat-for-whatsapp' ); ?></a> </p>
@@ -189,7 +213,7 @@ class HT_CTC_Admin_Main_Page {
189
  ?>
190
  <div class="row">
191
  <div class="input-field col s12">
192
- <textarea style="min-height: 84px;" placeholder="<?php echo $placeholder ?>" name="ht_ctc_chat_options[pre_filled]" id="pre_filled" class="materialize-textarea input-margin"><?php echo $value ?></textarea>
193
  <label for="pre_filled"><?php _e( 'Pre-filled message', 'click-to-chat-for-whatsapp' ); ?></label>
194
  <p class="description"><?php _e( "Text that appears in the WhatsApp Chat window. Add variables {site}, {url}, {title} to replace with site name, current webpage URL, Post title", 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/pre-filled-message/"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> </p>
195
  </div>
@@ -204,7 +228,7 @@ class HT_CTC_Admin_Main_Page {
204
  ?>
205
  <div class="row">
206
  <div class="input-field col s12">
207
- <input name="ht_ctc_chat_options[call_to_action]" value="<?php echo $value ?>" id="call_to_action" type="text" class="input-margin">
208
  <label for="call_to_action"><?php _e( 'Call to Action', 'click-to-chat-for-whatsapp' ); ?></label>
209
  <p class="description"><?php _e( 'Text that appears along with WhatsApp icon/button', 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/call-to-action/">more info</a> </p>
210
  </div>
@@ -287,8 +311,8 @@ class HT_CTC_Admin_Main_Page {
287
 
288
  function ctc_notes_cb() {
289
  ?>
290
- <p class="description"><a target="_blank" href="<?php echo admin_url( 'admin.php?page=click-to-chat-customize-styles' ); ?>">Customize Styles</a></p>
291
- <p class="description"><a target="_blank" href="<?php echo admin_url( 'admin.php?page=click-to-chat-other-settings' ); ?>">Other Settings</a></p>
292
  <p class="description"><a target="_blank" href="https://holithemes.com/plugins/click-to-chat/shortcodes-chat">Shortcodes for Chat: </a>[ht-ctc-chat]</p>
293
  <p class="description"><a target="_blank" href="https://holithemes.com/plugins/click-to-chat/custom-element">Custom Element: </a>Class name: ctc_chat | Href/Link: #ctc_chat</p>
294
  <p class="description"><a target="_blank" href="https://holithemes.com/plugins/click-to-chat/faq">Frequently Asked Questions (FAQ)</a></p>
@@ -307,7 +331,7 @@ class HT_CTC_Admin_Main_Page {
307
 
308
  ?>
309
  <!-- hover content for submit button -->
310
- <span style="display: none;" id="<?php echo $clear_cache_text ?>"><?php _e( 'Please clear the cache after save changes', 'click-to-chat-for-whatsapp' ); ?></span>
311
  <?php
312
 
313
  }
@@ -357,6 +381,7 @@ class HT_CTC_Admin_Main_Page {
357
  }
358
  }
359
 
 
360
 
361
  return $new_input;
362
  }
28
  }
29
 
30
  add_menu_page(
31
+ 'Click to Chat ',
32
  'Click to Chat',
33
  'manage_options',
34
  'click-to-chat',
129
  if ('' == $num && '' == $cc ) {
130
  $num = $number;
131
  }
132
+
133
+ include_once HT_CTC_PLUGIN_DIR .'new/admin/admin_commons/class-ht-ctc-static.php';
134
+ $cc_list = HT_CTC_Static::$cc;
135
+
136
  ?>
137
 
138
  <style>
151
  <!-- Full WhatsApp Number Card -->
152
  <div class="row">
153
  <div class="col s12 m8">
154
+ <p class="description card-panel grey lighten-3" style="padding: 5px 24px; display: inline-block;"><?php _e( 'WhatsApp Number', 'click-to-chat-for-whatsapp' ); ?>: <span class="ht_ctc_wn"><?= $number ?></span> </p>
155
  </div>
156
  </div>
157
 
160
 
161
  <!-- country code -->
162
  <div class="input-field col s3 m3 ctc_num_field">
163
+ <input name="ht_ctc_chat_options[cc]" list="ctc_cc_list" value="<?= $cc ?>" id="whatsapp_cc" type="text" class="input-margin tooltipped" data-position="left" data-tooltip="Country Code">
164
+ <!-- todo: display only after user entered any value -->
165
+ <datalist id="ctc_cc_list_next" style="height: 20px; overflow:hidden;">
166
+ <?php
167
+ foreach ( $cc_list as $key => $value ) {
168
+ if (is_array($value)) {
169
+ foreach ( $value as $v ) {
170
+ ?>
171
+ <option value="<?= $key; ?>"><?= $v; ?></option>
172
+ <?php
173
+ }
174
+ } else {
175
+ ?>
176
+ <option value="<?= $key; ?>"><?= $value; ?></option>
177
+ <?php
178
+ }
179
+ }
180
+ ?>
181
+ </datalist>
182
  <label for="whatsapp_cc"><?php _e( 'Country Code', 'click-to-chat-for-whatsapp' ); ?></label>
183
+
184
+
185
  </div>
186
 
187
  <!-- number -->
188
  <div class="input-field col s9 m7 ctc_num_field">
189
+ <input name="ht_ctc_chat_options[num]" value="<?= $num ?>" id="whatsapp_number" type="text" class="input-margin tooltipped" data-position="right" data-tooltip="Number">
190
  <label for="whatsapp_number"><?php _e( 'Number', 'click-to-chat-for-whatsapp' ); ?></label>
191
  <!-- <span class="helper-text ">WhatsApp Number: <span class="ht_ctc_wn"></span></span> -->
192
  </div>
193
 
194
  <!-- full number - hidden field -->
195
+ <input name="ht_ctc_chat_options[number]" style="display: none;" hidden value="<?= $number ?>" id="ctc_whatsapp_number" type="text">
196
 
197
  </div>
198
  <p class="description"><?php _e( "WhatsApp or WhatsApp business number with ", 'click-to-chat-for-whatsapp' ); ?> <a target="_blank" href="https://holithemes.com/blog/country-codes/"><?php _e( 'country code', 'click-to-chat-for-whatsapp' ); ?></a> </p>
213
  ?>
214
  <div class="row">
215
  <div class="input-field col s12">
216
+ <textarea style="min-height: 84px;" placeholder="<?= $placeholder ?>" name="ht_ctc_chat_options[pre_filled]" id="pre_filled" class="materialize-textarea input-margin"><?= $value ?></textarea>
217
  <label for="pre_filled"><?php _e( 'Pre-filled message', 'click-to-chat-for-whatsapp' ); ?></label>
218
  <p class="description"><?php _e( "Text that appears in the WhatsApp Chat window. Add variables {site}, {url}, {title} to replace with site name, current webpage URL, Post title", 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/pre-filled-message/"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> </p>
219
  </div>
228
  ?>
229
  <div class="row">
230
  <div class="input-field col s12">
231
+ <input name="ht_ctc_chat_options[call_to_action]" value="<?= $value ?>" id="call_to_action" type="text" class="input-margin">
232
  <label for="call_to_action"><?php _e( 'Call to Action', 'click-to-chat-for-whatsapp' ); ?></label>
233
  <p class="description"><?php _e( 'Text that appears along with WhatsApp icon/button', 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/call-to-action/">more info</a> </p>
234
  </div>
311
 
312
  function ctc_notes_cb() {
313
  ?>
314
+ <p class="description"><a target="_blank" href="<?= admin_url( 'admin.php?page=click-to-chat-customize-styles' ); ?>">Customize Styles</a></p>
315
+ <p class="description"><a target="_blank" href="<?= admin_url( 'admin.php?page=click-to-chat-other-settings' ); ?>">Other Settings</a></p>
316
  <p class="description"><a target="_blank" href="https://holithemes.com/plugins/click-to-chat/shortcodes-chat">Shortcodes for Chat: </a>[ht-ctc-chat]</p>
317
  <p class="description"><a target="_blank" href="https://holithemes.com/plugins/click-to-chat/custom-element">Custom Element: </a>Class name: ctc_chat | Href/Link: #ctc_chat</p>
318
  <p class="description"><a target="_blank" href="https://holithemes.com/plugins/click-to-chat/faq">Frequently Asked Questions (FAQ)</a></p>
331
 
332
  ?>
333
  <!-- hover content for submit button -->
334
+ <span style="display: none;" id="<?= $clear_cache_text ?>"><?php _e( 'Please clear the cache after save changes', 'click-to-chat-for-whatsapp' ); ?></span>
335
  <?php
336
 
337
  }
381
  }
382
  }
383
 
384
+ do_action('ht_ctc_ah_admin_after_sanitize' );
385
 
386
  return $new_input;
387
  }
new/admin/class-ht-ctc-admin-other-settings.php CHANGED
@@ -56,10 +56,8 @@ class HT_CTC_Admin_Other_Settings {
56
  <!-- new row - After settings page -->
57
  <div class="row">
58
 
59
- <!-- after settings page -->
60
- <?php
61
- // include_once HT_CTC_PLUGIN_DIR .'new/admin/admin_commons/admin-after-settings-page.php';
62
- ?>
63
 
64
  </div>
65
 
@@ -108,7 +106,7 @@ class HT_CTC_Admin_Other_Settings {
108
  ?>
109
  <p>
110
  <label>
111
- <input name="<?php echo $dbrow ?>[google_analytics]" type="checkbox" value="1" <?php checked( $options['google_analytics'], 1 ); ?> id="google_analytics" />
112
  <span><?php _e( 'Google Analytics', 'click-to-chat-for-whatsapp' ); ?></span>
113
  </label>
114
  </p>
@@ -117,13 +115,37 @@ class HT_CTC_Admin_Other_Settings {
117
  ?>
118
  <p>
119
  <label>
120
- <input name="<?php echo $dbrow ?>[google_analytics]" type="checkbox" value="1" id="google_analytics" />
121
  <span><?php _e( 'Google Analytics', 'click-to-chat-for-whatsapp' ); ?></span>
122
  </label>
123
  </p>
124
  <?php
125
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
126
  ?>
 
 
 
127
  <p class="description"><?php _e( 'If Google Analytics installed creates an Event there', 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/google-analytics/"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> </p>
128
  <br>
129
 
@@ -135,7 +157,7 @@ class HT_CTC_Admin_Other_Settings {
135
  ?>
136
  <p>
137
  <label>
138
- <input name="<?php echo $dbrow ?>[fb_pixel]" type="checkbox" value="1" <?php checked( $options['fb_pixel'], 1 ); ?> id="fb_pixel" />
139
  <span><?php _e( 'Facebook Pixel', 'click-to-chat-for-whatsapp' ); ?></span>
140
  </label>
141
  </p>
@@ -144,7 +166,7 @@ class HT_CTC_Admin_Other_Settings {
144
  ?>
145
  <p>
146
  <label>
147
- <input name="<?php echo $dbrow ?>[fb_pixel]" type="checkbox" value="1" id="fb_pixel" />
148
  <span><?php _e( 'Facebook Pixel', 'click-to-chat-for-whatsapp' ); ?></span>
149
  </label>
150
  </p>
@@ -161,7 +183,7 @@ class HT_CTC_Admin_Other_Settings {
161
  ?>
162
  <p>
163
  <label>
164
- <input name="<?php echo $dbrow ?>[ga_ads]" type="checkbox" value="1" <?php checked( $options['ga_ads'], 1 ); ?> id="ga_ads" />
165
  <span><?php _e( 'Google Ads Conversion', 'click-to-chat-for-whatsapp' ); ?></span>
166
  </label>
167
  </p>
@@ -170,7 +192,7 @@ class HT_CTC_Admin_Other_Settings {
170
  ?>
171
  <p>
172
  <label>
173
- <input name="<?php echo $dbrow ?>[ga_ads]" type="checkbox" value="1" id="ga_ads" />
174
  <span><?php _e( 'Google Ads Conversion', 'click-to-chat-for-whatsapp' ); ?></span>
175
  </label>
176
  </p>
@@ -212,7 +234,7 @@ class HT_CTC_Admin_Other_Settings {
212
  <!-- Webhook URL -->
213
  <div class="row">
214
  <div class="input-field col s12">
215
- <input name="<?php echo $dbrow ?>[hook_url]" value="<?php echo $hook_url ?>" id="hook_url" type="text" class="input-margin">
216
  <label for="hook_url"><?php _e( 'Webhook URL', 'click-to-chat-for-whatsapp' ); ?></label>
217
  <p class="description"><?php _e( 'Calls this webhook url after user clicks on WhatsApp Icon/Image', 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/webhooks/"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> </p>
218
  </div>
@@ -243,11 +265,11 @@ class HT_CTC_Admin_Other_Settings {
243
  ?>
244
  <div class="additional-value row" style="margin-bottom: 15px;">
245
  <div class="col s3">
246
- <p class="description">Value<?php echo $i+1; ?></p>
247
  </div>
248
  <div class="col s9 m6">
249
  <p style="display: flex;">
250
- <input name="<?php echo $dbrow; ?>" value="<?php echo $num; ?>" type="text"/>
251
  <span style="color:lightgrey; cursor:pointer;" class="hook_remove_value dashicons dashicons-no-alt"></span>
252
  </p>
253
  </div>
@@ -322,7 +344,7 @@ class HT_CTC_Admin_Other_Settings {
322
 
323
  foreach ( $an_list as $value ) {
324
  ?>
325
- <option value="<?php echo $value ?>" <?php echo $an_type == $value ? 'SELECTED' : ''; ?> ><?php echo $value ?></option>
326
  <?php
327
  }
328
 
@@ -338,7 +360,7 @@ class HT_CTC_Admin_Other_Settings {
338
  <p><?php _e( 'Animation Delay', 'click-to-chat-for-whatsapp' ); ?></p>
339
  </div>
340
  <div class="input-field col s6">
341
- <input name="<?php echo $dbrow ?>[an_delay]" value="<?php echo $an_delay ?>" id="an_delay" type="number" min="0" class="" >
342
  <label for="an_delay"><?php _e( 'Animation Delay', 'click-to-chat-for-whatsapp' ); ?></label>
343
  <p class="description"><?php _e( 'E.g. Add 1 for 1 second delay', 'click-to-chat-for-whatsapp' ); ?></p>
344
  </div>
@@ -350,7 +372,7 @@ class HT_CTC_Admin_Other_Settings {
350
  <p><?php _e( 'Animation Iteration', 'click-to-chat-for-whatsapp' ); ?></p>
351
  </div>
352
  <div class="input-field col s6">
353
- <input name="<?php echo $dbrow ?>[an_itr]" value="<?php echo $an_itr ?>" id="an_itr" type="number" min="1" class="" >
354
  <label for="an_itr"><?php _e( 'Animation Iteration', 'click-to-chat-for-whatsapp' ); ?></label>
355
  <p class="description"><?php _e( 'E.g. Add 2 to repeat animation 2 times', 'click-to-chat-for-whatsapp' ); ?></p>
356
  </div>
@@ -370,7 +392,7 @@ class HT_CTC_Admin_Other_Settings {
370
 
371
  foreach ( $show_effect_list as $value ) {
372
  ?>
373
- <option value="<?php echo $value ?>" <?php echo $show_effect == $value ? 'SELECTED' : ''; ?> ><?php echo $value ?></option>
374
  <?php
375
  }
376
 
@@ -410,7 +432,7 @@ class HT_CTC_Admin_Other_Settings {
410
  ?>
411
  <p id="styles_issue">
412
  <label>
413
- <input name="<?php echo $dbrow ?>[select_styles_issue]" type="checkbox" value="1" <?php checked( $options['select_styles_issue'], 1 ); ?> id="select_styles_issue" />
414
  <!-- <span>Style for device is not as expected(due to cache)</span> -->
415
  <span><?php _e( 'Check this only, If styles for mobile, desktop not selected as expected(due to cache)', 'click-to-chat-for-whatsapp' ); ?></span>
416
  </label>
@@ -420,7 +442,7 @@ class HT_CTC_Admin_Other_Settings {
420
  ?>
421
  <p id="styles_issue">
422
  <label>
423
- <input name="<?php echo $dbrow ?>[select_styles_issue]" type="checkbox" value="1" id="select_styles_issue" />
424
  <span><?php _e( 'Check this only, If styles for mobile, desktop not selected as expected(due to cache)', 'click-to-chat-for-whatsapp' ); ?></span>
425
  </label>
426
  </p>
@@ -445,7 +467,7 @@ class HT_CTC_Admin_Other_Settings {
445
 
446
  <!-- enable group, share features -->
447
  <ul class="collapsible" data-collapsible="accordion" id="ht_ctc_enable_share_group">
448
- <li <?php echo $li_active_gr_sh; ?>>
449
  <div class="collapsible-header"><?php _e( 'Group, Share features', 'click-to-chat-for-whatsapp' ); ?></div>
450
  <div class="collapsible-body">
451
 
@@ -459,7 +481,7 @@ class HT_CTC_Admin_Other_Settings {
459
  <input name="ht_ctc_othersettings[enable_group]" type="checkbox" value="1" <?php checked( $options['enable_group'], 1 ); ?> id="enable_group" />
460
  <span><?php _e( 'Enable Group Features', 'click-to-chat-for-whatsapp' ); ?></span>
461
  </label>
462
- <p class="description"> <?php _e( 'Adds WhatsApp Icon for Group', 'click-to-chat-for-whatsapp' ); ?> - <a href="<?php echo admin_url( 'admin.php?page=click-to-chat-group-feature' ); ?>"><?php _e( 'Group Settings page', 'click-to-chat-for-whatsapp' ); ?></a> </p>
463
  </p>
464
  <?php
465
  } else {
@@ -486,7 +508,7 @@ class HT_CTC_Admin_Other_Settings {
486
  <input name="ht_ctc_othersettings[enable_share]" type="checkbox" value="1" <?php checked( $options['enable_share'], 1 ); ?> id="enable_share" />
487
  <span><?php _e( 'Enable Share Features', 'click-to-chat-for-whatsapp' ); ?></span>
488
  </label>
489
- <p class="description"> <?php _e( 'Adds WhatsApp Icon for Share', 'click-to-chat-for-whatsapp' ); ?> - <a href="<?php echo admin_url( 'admin.php?page=click-to-chat-share-feature' ); ?>"><?php _e( 'Share Settings page', 'click-to-chat-for-whatsapp' ); ?></a> </p>
490
  </p>
491
  <?php
492
  } else {
@@ -504,7 +526,7 @@ class HT_CTC_Admin_Other_Settings {
504
  <br>
505
 
506
  <!-- chat -->
507
- <p class="description"><?php _e( "Chat settings are enabled by default. If like to hide chat on all pages select", 'click-to-chat-for-whatsapp' ); ?> <a target="_blank" href="<?php echo admin_url( 'admin.php?page=click-to-chat#showhide_settings' ); ?>"><?php _e( 'show on selected pages', 'click-to-chat-for-whatsapp' ); ?></a> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/enable-chat"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> </p>
508
  <br>
509
 
510
 
@@ -529,7 +551,7 @@ class HT_CTC_Admin_Other_Settings {
529
  ?>
530
  <p id="amp_compatibility">
531
  <label>
532
- <input name="<?php echo $dbrow ?>[amp]" type="checkbox" value="1" <?php checked( $options['amp'], 1 ); ?> id="amp" />
533
  <span><?php _e( 'AMP Compatibility', 'click-to-chat-for-whatsapp' ); ?></span>
534
  </label>
535
  </p>
@@ -538,7 +560,7 @@ class HT_CTC_Admin_Other_Settings {
538
  ?>
539
  <p id="amp_compatibility">
540
  <label>
541
- <input name="<?php echo $dbrow ?>[amp]" type="checkbox" value="1" id="amp" />
542
  <span><?php _e( 'AMP Compatibility', 'click-to-chat-for-whatsapp' ); ?></span>
543
  </label>
544
  </p>
@@ -643,6 +665,8 @@ class HT_CTC_Admin_Other_Settings {
643
  }
644
 
645
  }
 
 
646
 
647
  return $new_input;
648
  }
56
  <!-- new row - After settings page -->
57
  <div class="row">
58
 
59
+ <!-- after settings page -->
60
+ <?php // include_once HT_CTC_PLUGIN_DIR .'new/admin/admin_commons/admin-after-settings-page.php'; ?>
 
 
61
 
62
  </div>
63
 
106
  ?>
107
  <p>
108
  <label>
109
+ <input name="<?= $dbrow; ?>[google_analytics]" type="checkbox" value="1" <?php checked( $options['google_analytics'], 1 ); ?> id="google_analytics" />
110
  <span><?php _e( 'Google Analytics', 'click-to-chat-for-whatsapp' ); ?></span>
111
  </label>
112
  </p>
115
  ?>
116
  <p>
117
  <label>
118
+ <input name="<?= $dbrow; ?>[google_analytics]" type="checkbox" value="1" id="google_analytics" />
119
  <span><?php _e( 'Google Analytics', 'click-to-chat-for-whatsapp' ); ?></span>
120
  </label>
121
  </p>
122
  <?php
123
  }
124
+
125
+ // ga4
126
+ if ( isset( $options['ga4'] ) ) {
127
+ ?>
128
+ <p class="ctc_ga4" style="margin-left:40px;">
129
+ <label>
130
+ <input name="<?= $dbrow; ?>[ga4]" type="checkbox" value="1" <?php checked( $options['ga4'], 1 ); ?> id="ga4" />
131
+ <span><?php _e( 'If Google Analytics 4 is installed', 'click-to-chat-for-whatsapp' ); ?></span>
132
+ </label>
133
+ </p>
134
+ <?php
135
+ } else {
136
+ ?>
137
+ <p class="ctc_ga4" style="margin-left:40px;">
138
+ <label>
139
+ <input name="<?= $dbrow; ?>[ga4]" type="checkbox" value="1" id="ga4" />
140
+ <span><?php _e( 'If Google Analytics 4 is installed', 'click-to-chat-for-whatsapp' ); ?></span>
141
+ </label>
142
+ </p>
143
+ <?php
144
+ }
145
  ?>
146
+ <!-- todo link ga4 -->
147
+ <!-- <p class="description ctc_ga4" style="margin-left:40px;"> <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/google-analytics-4/"><?php _e( 'Google Analytics 4', 'click-to-chat-for-whatsapp' ); ?></a> </p> -->
148
+
149
  <p class="description"><?php _e( 'If Google Analytics installed creates an Event there', 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/google-analytics/"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> </p>
150
  <br>
151
 
157
  ?>
158
  <p>
159
  <label>
160
+ <input name="<?= $dbrow; ?>[fb_pixel]" type="checkbox" value="1" <?php checked( $options['fb_pixel'], 1 ); ?> id="fb_pixel" />
161
  <span><?php _e( 'Facebook Pixel', 'click-to-chat-for-whatsapp' ); ?></span>
162
  </label>
163
  </p>
166
  ?>
167
  <p>
168
  <label>
169
+ <input name="<?= $dbrow; ?>[fb_pixel]" type="checkbox" value="1" id="fb_pixel" />
170
  <span><?php _e( 'Facebook Pixel', 'click-to-chat-for-whatsapp' ); ?></span>
171
  </label>
172
  </p>
183
  ?>
184
  <p>
185
  <label>
186
+ <input name="<?= $dbrow; ?>[ga_ads]" type="checkbox" value="1" <?php checked( $options['ga_ads'], 1 ); ?> id="ga_ads" />
187
  <span><?php _e( 'Google Ads Conversion', 'click-to-chat-for-whatsapp' ); ?></span>
188
  </label>
189
  </p>
192
  ?>
193
  <p>
194
  <label>
195
+ <input name="<?= $dbrow; ?>[ga_ads]" type="checkbox" value="1" id="ga_ads" />
196
  <span><?php _e( 'Google Ads Conversion', 'click-to-chat-for-whatsapp' ); ?></span>
197
  </label>
198
  </p>
234
  <!-- Webhook URL -->
235
  <div class="row">
236
  <div class="input-field col s12">
237
+ <input name="<?= $dbrow; ?>[hook_url]" value="<?= $hook_url ?>" id="hook_url" type="text" class="input-margin">
238
  <label for="hook_url"><?php _e( 'Webhook URL', 'click-to-chat-for-whatsapp' ); ?></label>
239
  <p class="description"><?php _e( 'Calls this webhook url after user clicks on WhatsApp Icon/Image', 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/webhooks/"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> </p>
240
  </div>
265
  ?>
266
  <div class="additional-value row" style="margin-bottom: 15px;">
267
  <div class="col s3">
268
+ <p class="description">Value<?= $i+1; ?></p>
269
  </div>
270
  <div class="col s9 m6">
271
  <p style="display: flex;">
272
+ <input name="<?= $dbrow; ?>" value="<?= $num; ?>" type="text"/>
273
  <span style="color:lightgrey; cursor:pointer;" class="hook_remove_value dashicons dashicons-no-alt"></span>
274
  </p>
275
  </div>
344
 
345
  foreach ( $an_list as $value ) {
346
  ?>
347
+ <option value="<?= $value ?>" <?= $an_type == $value ? 'SELECTED' : ''; ?> ><?= $value ?></option>
348
  <?php
349
  }
350
 
360
  <p><?php _e( 'Animation Delay', 'click-to-chat-for-whatsapp' ); ?></p>
361
  </div>
362
  <div class="input-field col s6">
363
+ <input name="<?= $dbrow; ?>[an_delay]" value="<?= $an_delay ?>" id="an_delay" type="number" min="0" class="" >
364
  <label for="an_delay"><?php _e( 'Animation Delay', 'click-to-chat-for-whatsapp' ); ?></label>
365
  <p class="description"><?php _e( 'E.g. Add 1 for 1 second delay', 'click-to-chat-for-whatsapp' ); ?></p>
366
  </div>
372
  <p><?php _e( 'Animation Iteration', 'click-to-chat-for-whatsapp' ); ?></p>
373
  </div>
374
  <div class="input-field col s6">
375
+ <input name="<?= $dbrow; ?>[an_itr]" value="<?= $an_itr ?>" id="an_itr" type="number" min="1" class="" >
376
  <label for="an_itr"><?php _e( 'Animation Iteration', 'click-to-chat-for-whatsapp' ); ?></label>
377
  <p class="description"><?php _e( 'E.g. Add 2 to repeat animation 2 times', 'click-to-chat-for-whatsapp' ); ?></p>
378
  </div>
392
 
393
  foreach ( $show_effect_list as $value ) {
394
  ?>
395
+ <option value="<?= $value ?>" <?= $show_effect == $value ? 'SELECTED' : ''; ?> ><?= $value ?></option>
396
  <?php
397
  }
398
 
432
  ?>
433
  <p id="styles_issue">
434
  <label>
435
+ <input name="<?= $dbrow; ?>[select_styles_issue]" type="checkbox" value="1" <?php checked( $options['select_styles_issue'], 1 ); ?> id="select_styles_issue" />
436
  <!-- <span>Style for device is not as expected(due to cache)</span> -->
437
  <span><?php _e( 'Check this only, If styles for mobile, desktop not selected as expected(due to cache)', 'click-to-chat-for-whatsapp' ); ?></span>
438
  </label>
442
  ?>
443
  <p id="styles_issue">
444
  <label>
445
+ <input name="<?= $dbrow; ?>[select_styles_issue]" type="checkbox" value="1" id="select_styles_issue" />
446
  <span><?php _e( 'Check this only, If styles for mobile, desktop not selected as expected(due to cache)', 'click-to-chat-for-whatsapp' ); ?></span>
447
  </label>
448
  </p>
467
 
468
  <!-- enable group, share features -->
469
  <ul class="collapsible" data-collapsible="accordion" id="ht_ctc_enable_share_group">
470
+ <li <?= $li_active_gr_sh; ?>>
471
  <div class="collapsible-header"><?php _e( 'Group, Share features', 'click-to-chat-for-whatsapp' ); ?></div>
472
  <div class="collapsible-body">
473
 
481
  <input name="ht_ctc_othersettings[enable_group]" type="checkbox" value="1" <?php checked( $options['enable_group'], 1 ); ?> id="enable_group" />
482
  <span><?php _e( 'Enable Group Features', 'click-to-chat-for-whatsapp' ); ?></span>
483
  </label>
484
+ <p class="description"> <?php _e( 'Adds WhatsApp Icon for Group', 'click-to-chat-for-whatsapp' ); ?> - <a href="<?= admin_url( 'admin.php?page=click-to-chat-group-feature' ); ?>"><?php _e( 'Group Settings page', 'click-to-chat-for-whatsapp' ); ?></a> </p>
485
  </p>
486
  <?php
487
  } else {
508
  <input name="ht_ctc_othersettings[enable_share]" type="checkbox" value="1" <?php checked( $options['enable_share'], 1 ); ?> id="enable_share" />
509
  <span><?php _e( 'Enable Share Features', 'click-to-chat-for-whatsapp' ); ?></span>
510
  </label>
511
+ <p class="description"> <?php _e( 'Adds WhatsApp Icon for Share', 'click-to-chat-for-whatsapp' ); ?> - <a href="<?= admin_url( 'admin.php?page=click-to-chat-share-feature' ); ?>"><?php _e( 'Share Settings page', 'click-to-chat-for-whatsapp' ); ?></a> </p>
512
  </p>
513
  <?php
514
  } else {
526
  <br>
527
 
528
  <!-- chat -->
529
+ <p class="description"><?php _e( "Chat settings are enabled by default. If like to hide chat on all pages select", 'click-to-chat-for-whatsapp' ); ?> <a target="_blank" href="<?= admin_url( 'admin.php?page=click-to-chat#showhide_settings' ); ?>"><?php _e( 'show on selected pages', 'click-to-chat-for-whatsapp' ); ?></a> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/enable-chat"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> </p>
530
  <br>
531
 
532
 
551
  ?>
552
  <p id="amp_compatibility">
553
  <label>
554
+ <input name="<?= $dbrow; ?>[amp]" type="checkbox" value="1" <?php checked( $options['amp'], 1 ); ?> id="amp" />
555
  <span><?php _e( 'AMP Compatibility', 'click-to-chat-for-whatsapp' ); ?></span>
556
  </label>
557
  </p>
560
  ?>
561
  <p id="amp_compatibility">
562
  <label>
563
+ <input name="<?= $dbrow; ?>[amp]" type="checkbox" value="1" id="amp" />
564
  <span><?php _e( 'AMP Compatibility', 'click-to-chat-for-whatsapp' ); ?></span>
565
  </label>
566
  </p>
665
  }
666
 
667
  }
668
+
669
+ do_action('ht_ctc_ah_admin_after_sanitize' );
670
 
671
  return $new_input;
672
  }
new/admin/class-ht-ctc-admin-share-page.php CHANGED
@@ -94,7 +94,7 @@ class HT_CTC_Admin_Share_Page {
94
  ?>
95
  <div class="row">
96
  <div class="input-field col s12">
97
- <input name="ht_ctc_share[share_text]" value="<?php echo $value ?>" id="whatsapp_share_text" type="text" class="input-margin">
98
  <label for="whatsapp_share_text"><?php _e( 'Share Text', 'click-to-chat-for-whatsapp' ); ?></label>
99
  <p class="description"><?php _e( "Placeholder {{url}} returns current webpage URL", 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/share-text/?utm_source=ctc&utm_medium=admin&utm_campaign=share"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> ) </p>
100
  </div>
@@ -109,7 +109,7 @@ class HT_CTC_Admin_Share_Page {
109
  ?>
110
  <div class="row">
111
  <div class="input-field col s12">
112
- <input name="ht_ctc_share[call_to_action]" value="<?php echo $value ?>" id="call_to_action" type="text" class="input-margin">
113
  <label for="call_to_action"><?php _e( 'Call to Action', 'click-to-chat-for-whatsapp' ); ?></label>
114
  <p class="description"><?php _e( 'Text that appears along with WhatsApp icon/button', 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/call-to-action/?utm_source=ctc&utm_medium=admin&utm_campaign=share"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> </p>
115
  </div>
@@ -232,6 +232,7 @@ class HT_CTC_Admin_Share_Page {
232
  }
233
  }
234
 
 
235
 
236
  return $new_input;
237
  }
94
  ?>
95
  <div class="row">
96
  <div class="input-field col s12">
97
+ <input name="ht_ctc_share[share_text]" value="<?= $value ?>" id="whatsapp_share_text" type="text" class="input-margin">
98
  <label for="whatsapp_share_text"><?php _e( 'Share Text', 'click-to-chat-for-whatsapp' ); ?></label>
99
  <p class="description"><?php _e( "Placeholder {{url}} returns current webpage URL", 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/share-text/?utm_source=ctc&utm_medium=admin&utm_campaign=share"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> ) </p>
100
  </div>
109
  ?>
110
  <div class="row">
111
  <div class="input-field col s12">
112
+ <input name="ht_ctc_share[call_to_action]" value="<?= $value ?>" id="call_to_action" type="text" class="input-margin">
113
  <label for="call_to_action"><?php _e( 'Call to Action', 'click-to-chat-for-whatsapp' ); ?></label>
114
  <p class="description"><?php _e( 'Text that appears along with WhatsApp icon/button', 'click-to-chat-for-whatsapp' ); ?> - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/call-to-action/?utm_source=ctc&utm_medium=admin&utm_campaign=share"><?php _e( 'more info', 'click-to-chat-for-whatsapp' ); ?></a> </p>
115
  </div>
232
  }
233
  }
234
 
235
+ do_action('ht_ctc_ah_admin_after_sanitize' );
236
 
237
  return $new_input;
238
  }
new/admin/class-ht-ctc-db.php CHANGED
@@ -61,7 +61,7 @@ class HT_CTC_DB {
61
  $this->ht_ctc_s7_1();
62
  $this->ht_ctc_s8();
63
  $this->ht_ctc_s99();
64
- $this->ht_ctc_cs_options();
65
 
66
  $this->ht_ctc_plugin_details();
67
  $this->ht_ctc_one_time();
@@ -160,6 +160,11 @@ class HT_CTC_DB {
160
  $values = array_merge($values, $mobile_values);
161
  }
162
 
 
 
 
 
 
163
  $db_values = get_option( 'ht_ctc_chat_options', array() );
164
  $update_values = array_merge($values, $db_values);
165
  update_option('ht_ctc_chat_options', $update_values);
@@ -671,18 +676,22 @@ class HT_CTC_DB {
671
  * name: ht_ctc_cs_options
672
  *
673
  * customize styles
 
 
 
 
674
  */
675
- public function ht_ctc_cs_options() {
676
 
677
- $values = array(
678
- 'hello' => 'world',
679
- );
680
 
681
- $db_values = get_option( 'ht_ctc_cs_options', array() );
682
- $update_values = array_merge($values, $db_values);
683
- update_option('ht_ctc_cs_options', $update_values);
684
 
685
- }
686
 
687
 
688
  /**
61
  $this->ht_ctc_s7_1();
62
  $this->ht_ctc_s8();
63
  $this->ht_ctc_s99();
64
+ // $this->ht_ctc_cs_options();
65
 
66
  $this->ht_ctc_plugin_details();
67
  $this->ht_ctc_one_time();
160
  $values = array_merge($values, $mobile_values);
161
  }
162
 
163
+ // for new installs.
164
+ // if ( !isset ( $this->os['version'] ) ) {
165
+ // $values['same_settings'] = '1';
166
+ // }
167
+
168
  $db_values = get_option( 'ht_ctc_chat_options', array() );
169
  $update_values = array_merge($values, $db_values);
170
  update_option('ht_ctc_chat_options', $update_values);
676
  * name: ht_ctc_cs_options
677
  *
678
  * customize styles
679
+ *
680
+ * @uses clear cache way..
681
+ * @note dont update anything from here for not clear cache when plugin updates..
682
+ * if need better to update using plugins_loaded at admin pages or so..
683
  */
684
+ // public function ht_ctc_cs_options() {
685
 
686
+ // $values = array(
687
+ // 'hello' => 'world',
688
+ // );
689
 
690
+ // $db_values = get_option( 'ht_ctc_cs_options', array() );
691
+ // $update_values = array_merge($values, $db_values);
692
+ // update_option('ht_ctc_cs_options', $update_values);
693
 
694
+ // }
695
 
696
 
697
  /**
new/class-ht-ctc.php CHANGED
@@ -66,16 +66,18 @@ class HT_CTC {
66
  */
67
  public function __construct() {
68
  $this->basic();
69
- $this->includes();
70
  $this->hooks();
71
  }
72
 
73
  /**
74
  * add the basic things
75
  *
76
- * calling this before include, initilize other things
77
  *
78
- * because this things may useful before initilize other things
 
 
79
  *
80
  * e.g. include, initialize files based on device, user settings
81
  */
@@ -83,49 +85,22 @@ class HT_CTC {
83
 
84
  include_once HT_CTC_PLUGIN_DIR .'new/inc/commons/class-ht-ctc-ismobile.php';
85
  include_once HT_CTC_PLUGIN_DIR .'new/inc/commons/class-ht-ctc-values.php';
86
- include_once HT_CTC_PLUGIN_DIR .'new/inc/commons/class-ht-ctc-hooks.php';
87
-
88
- $this->device_type = new HT_CTC_IsMobile();
89
- $this->values = new HT_CTC_Values();
90
 
91
  }
92
 
93
- /**
94
- * include plugin file
95
- */
96
- private function includes() {
97
-
98
- // is_admin ? include file to admin area : include files to non-admin area
99
- if ( is_admin() ) {
100
- // admin
101
- // admin main file
102
- include_once HT_CTC_PLUGIN_DIR . 'new/admin/admin.php';
103
- } else {
104
- // front
105
- // main file
106
- include_once HT_CTC_PLUGIN_DIR . 'new/inc/class-ht-ctc-main.php';
107
- // scripts
108
- include_once HT_CTC_PLUGIN_DIR . 'new/inc/commons/class-ht-ctc-scripts.php';
109
- }
110
-
111
- // admin and front
112
- // woo init
113
- include_once HT_CTC_PLUGIN_DIR . 'new/tools/woo/ht-ctc-woo.php';
114
-
115
- }
116
-
117
  /**
118
  * Register hooks - when plugin activate, deactivate, uninstall
119
  * commented deactivation, uninstall hook - its not needed as now
120
  *
121
  * plugins_loaded - Check Diff - uses when plugin updates.
 
 
 
122
  */
123
  private function hooks() {
124
 
125
- // initilaze classes
126
- if ( ! is_admin() ) {
127
- add_action( 'init', array( $this, 'init' ), 0 );
128
- }
129
 
130
  // enable shortcodes in widget area.
131
  add_filter('widget_text', 'do_shortcode');
@@ -141,12 +116,41 @@ class HT_CTC {
141
  }
142
 
143
  /**
144
- * create instance
 
 
 
 
 
145
  * @uses this->hooks() - using init hook - priority 0
146
  */
147
  public function init() {
148
- // $this->values = new HT_CTC_Values();
149
- // $this->device_type = new HT_CTC_IsMobile();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
150
  }
151
 
152
  }
66
  */
67
  public function __construct() {
68
  $this->basic();
69
+ // $this->includes();
70
  $this->hooks();
71
  }
72
 
73
  /**
74
  * add the basic things
75
  *
76
+ * calling this before include, initilize other
77
  *
78
+ * include, initilize files that needed before init
79
+ *
80
+ * because this things may useful before other things
81
  *
82
  * e.g. include, initialize files based on device, user settings
83
  */
85
 
86
  include_once HT_CTC_PLUGIN_DIR .'new/inc/commons/class-ht-ctc-ismobile.php';
87
  include_once HT_CTC_PLUGIN_DIR .'new/inc/commons/class-ht-ctc-values.php';
 
 
 
 
88
 
89
  }
90
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
91
  /**
92
  * Register hooks - when plugin activate, deactivate, uninstall
93
  * commented deactivation, uninstall hook - its not needed as now
94
  *
95
  * plugins_loaded - Check Diff - uses when plugin updates.
96
+ *
97
+ *
98
+ * @note: Add at init - if 'values->HT_CTC_Values' is needed and works if load at init.
99
  */
100
  private function hooks() {
101
 
102
+ // init
103
+ add_action( 'init', array( $this, 'init' ), 0 );
 
 
104
 
105
  // enable shortcodes in widget area.
106
  add_filter('widget_text', 'do_shortcode');
116
  }
117
 
118
  /**
119
+ * Init
120
+ *
121
+ * include files ..
122
+ *
123
+ * if anything to work before init call at this->basic()
124
+ *
125
  * @uses this->hooks() - using init hook - priority 0
126
  */
127
  public function init() {
128
+
129
+ do_action('ht_ctc_ah_init_before');
130
+
131
+ $this->values = new HT_CTC_Values();
132
+ $this->device_type = new HT_CTC_IsMobile();
133
+
134
+ // hooks
135
+ include_once HT_CTC_PLUGIN_DIR .'new/inc/commons/class-ht-ctc-hooks.php';
136
+ // woo init
137
+ include_once HT_CTC_PLUGIN_DIR . 'new/tools/woo/ht-ctc-woo.php';
138
+
139
+ // is_admin ? include file to admin area : include files to non-admin area
140
+ if ( is_admin() ) {
141
+ // admin
142
+ // admin main file
143
+ include_once HT_CTC_PLUGIN_DIR . 'new/admin/admin.php';
144
+ } else {
145
+ // front
146
+ // main file - Enable - Chat, Group, Share
147
+ include_once HT_CTC_PLUGIN_DIR . 'new/inc/class-ht-ctc-main.php';
148
+ // scripts
149
+ include_once HT_CTC_PLUGIN_DIR . 'new/inc/commons/class-ht-ctc-scripts.php';
150
+ }
151
+
152
+ do_action('ht_ctc_ah_init_after');
153
+
154
  }
155
 
156
  }
new/inc/assets/js/331.app.js CHANGED
@@ -1 +1 @@
1
- !function(l){l(function(){var t,o=window.location.href,a=void 0!==document.title?document.title:"",n=void 0!==screen.width&&1024<screen.width?"no":"yes",r="",i="";if("undefined"!=typeof ht_ctc_chat_var)i=ht_ctc_chat_var,e(),c();else{try{document.querySelector(".ht_ctc_chat_data")&&(t=l(".ht_ctc_chat_data").attr("data-settings"),i=JSON.parse(t))}catch(t){i={}}e(),c()}function e(){var t=document.querySelector(".ht_ctc_chat_data");t&&(r=l(".ht_ctc_chat_data").attr("data-no_number"),t.remove())}function c(){var t;l(document).trigger("ht_ctc_ce_settings",[i]),(t=document.querySelector(".ht-ctc-chat"))&&(l(document).trigger("ht_ctc_ce_chat"),function(t){"yes"==i.schedule?l(document).trigger("ht_ctc_ce_display",[i,h,t]):h(t)}(t),t.addEventListener("click",function(){_(t)})),l(document).on("click",".ht-ctc-sc-chat",function(){var t,e=this.getAttribute("data-number"),c=(c=this.getAttribute("data-pre_filled")).replace(/\[url]/gi,o);c=encodeURIComponent(c),"webapi"==this.getAttribute("data-webandapi")?(t="yes"==n?"https://api.whatsapp.com/send":"https://web.whatsapp.com/send",window.open(t+"?phone="+e+"&text="+c,"_blank","noopener")):(t="https://wa.me/",window.open(t+e+"?text="+c,"_blank","noopener")),d(this),u(e)}),l(document).on("click",".ctc_chat, #ctc_chat",function(){_(this)}),l(document).on("click",'[href="#ctc_chat"]',function(t){t.preventDefault(),_(this)})}function h(t){var e;"yes"==n?"show"==i.dis_m&&((e=document.querySelector(".ht_ctc_desktop_chat"))&&e.remove(),t.style.cssText=i.pos_m+i.css,s(t)):"show"==i.dis_d&&((e=document.querySelector(".ht_ctc_mobile_chat"))&&e.remove(),t.style.cssText=i.pos_d+i.css,s(t))}function s(e){try{l(e).show(parseInt(i.se))}catch(t){e.style.display="block"}var t;t=e,setTimeout(function(){t.classList.add("ht_ctc_animation",i.ani)},120),l(".ht-ctc-chat").hover(function(){l(".ht-ctc-chat .ht-ctc-cta-hover").show(120)},function(){l(".ht-ctc-chat .ht-ctc-cta-hover").hide(100)})}function d(t){l(document).trigger("ht_ctc_analytics");var e=i.number;t.classList.contains("ht-ctc-sc")&&(e=t.getAttribute("data-number"));var c="Click to Chat for WhatsApp",n="chat: "+e,t=a+", "+o;"yes"==i.ga&&("undefined"!=typeof gtag?gtag("event",n,{event_category:c,event_label:t}):"undefined"!=typeof ga&&void 0!==ga.getAll?ga.getAll()[0].send("event",c,n,t):"undefined"!=typeof __gaTracker&&__gaTracker("send","event",c,n,t)),"undefined"!=typeof dataLayer&&dataLayer.push({event:"Click to Chat",event_category:c,event_label:t,event_action:n}),"yes"==i.ads&&"undefined"!=typeof gtag_report_conversion&&gtag_report_conversion(),"yes"==i.fb&&"undefined"!=typeof fbq&&fbq("trackCustom","Click to Chat by HoliThemes",{Category:"Click to Chat for WhatsApp",return_type:"chat",ID:e,Title:a,URL:o})}function _(t){l(document).trigger("ht_ctc_ce_number",[i]);var e=i.number,c=(c=i.pre_filled).replace(/\[url]/gi,o);c=encodeURIComponent(c),""!=e?("webapi"==i.webandapi&&"yes"!==n?window.open("https://web.whatsapp.com/send?phone="+e+"&text="+c,"_blank","noopener"):window.open("https://wa.me/"+e+"?text="+c,"_blank","noopener"),d(t),u(e)):l(".ht-ctc-chat").html(r)}function u(t){var e,c;i.hook_url&&(e=i.hook_url,c={},i.hook_v&&(c=i.hook_v),l(document).trigger("ht_ctc_ce_hook",[i,t]),e=i.hook_url,c=i.hook_v,data=JSON.stringify(c),l.ajax({url:e,type:"POST",mode:"no-cors",data:data,success:function(t){}}))}})}(jQuery);
1
+ !function(l){l(function(){var t,o=window.location.href,a=void 0!==document.title?document.title:"",n=void 0!==screen.width&&1024<screen.width?"no":"yes",r="",i="";if("undefined"!=typeof ht_ctc_chat_var)i=ht_ctc_chat_var,e(),c();else{try{document.querySelector(".ht_ctc_chat_data")&&(t=l(".ht_ctc_chat_data").attr("data-settings"),i=JSON.parse(t))}catch(t){i={}}e(),c()}function e(){var t=document.querySelector(".ht_ctc_chat_data");t&&(r=l(".ht_ctc_chat_data").attr("data-no_number"),t.remove())}function c(){var t;l(document).trigger("ht_ctc_ce_settings",[i]),(t=document.querySelector(".ht-ctc-chat"))&&(l(document).trigger("ht_ctc_ce_chat"),function(t){"yes"==i.schedule?l(document).trigger("ht_ctc_ce_display",[i,h,t]):h(t)}(t),t.addEventListener("click",function(){_(t)})),l(document).on("click",".ht-ctc-sc-chat",function(){var t=this.getAttribute("data-number"),e=(e=this.getAttribute("data-pre_filled")).replace(/\[url]/gi,o);e=encodeURIComponent(e),i.web&&"yes"!==n?window.open("https://web.whatsapp.com/send?phone="+t+"&text="+e,"_blank","noopener"):window.open("https://wa.me/"+t+"?text="+e,"_blank","noopener"),d(this),u(t)}),l(document).on("click",".ctc_chat, #ctc_chat",function(){_(this)}),l(document).on("click",'[href="#ctc_chat"]',function(t){t.preventDefault(),_(this)})}function h(t){var e;"yes"==n?"show"==i.dis_m&&((e=document.querySelector(".ht_ctc_desktop_chat"))&&e.remove(),t.style.cssText=i.pos_m+i.css,s(t)):"show"==i.dis_d&&((e=document.querySelector(".ht_ctc_mobile_chat"))&&e.remove(),t.style.cssText=i.pos_d+i.css,s(t))}function s(e){try{l(e).show(parseInt(i.se))}catch(t){e.style.display="block"}var t;t=e,setTimeout(function(){t.classList.add("ht_ctc_animation",i.ani)},120),l(".ht-ctc-chat").hover(function(){l(".ht-ctc-chat .ht-ctc-cta-hover").show(120)},function(){l(".ht-ctc-chat .ht-ctc-cta-hover").hide(100)})}function d(t){l(document).trigger("ht_ctc_analytics");var e=i.number;t.classList.contains("ht-ctc-sc")&&(e=t.getAttribute("data-number"));var c="Click to Chat for WhatsApp",n="chat: "+e,t=a+", "+o;(i.ga||i.ga4)&&("undefined"!=typeof gtag?i.ga4?gtag("event","click to chat",{number:e,title:a,url:o}):gtag("event",n,{event_category:c,event_label:t}):"undefined"!=typeof ga&&void 0!==ga.getAll?ga.getAll()[0].send("event",c,n,t):"undefined"!=typeof __gaTracker&&__gaTracker("send","event",c,n,t)),"undefined"!=typeof dataLayer&&dataLayer.push({event:"Click to Chat",type:"chat",number:e,title:a,url:o,event_category:c,event_label:t,event_action:n}),i.ads&&"undefined"!=typeof gtag_report_conversion&&gtag_report_conversion(),i.fb&&"undefined"!=typeof fbq&&fbq("trackCustom","Click to Chat by HoliThemes",{Category:"Click to Chat for WhatsApp",return_type:"chat",ID:e,Title:a,URL:o})}function _(t){l(document).trigger("ht_ctc_ce_number",[i]);var e=i.number,c=(c=i.pre_filled).replace(/\[url]/gi,o);c=encodeURIComponent(c),""!=e?(i.web&&"yes"!==n?window.open("https://web.whatsapp.com/send?phone="+e+"&text="+c,"_blank","noopener"):window.open("https://wa.me/"+e+"?text="+c,"_blank","noopener"),d(t),u(e)):l(".ht-ctc-chat").html(r)}function u(t){var e,c;i.hook_url&&(e=i.hook_url,c={},i.hook_v&&(c=i.hook_v),l(document).trigger("ht_ctc_ce_hook",[i,t]),e=i.hook_url,c=i.hook_v,data=JSON.stringify(c),l.ajax({url:e,type:"POST",mode:"no-cors",data:data,success:function(t){}}))}})}(jQuery);
new/inc/assets/js/332.app.js ADDED
@@ -0,0 +1 @@
 
1
+ !function(l){l(function(){var t,o=window.location.href,a=void 0!==document.title?document.title:"",n=void 0!==screen.width&&1024<screen.width?"no":"yes",r="",i="";if("undefined"!=typeof ht_ctc_chat_var)i=ht_ctc_chat_var,e(),c();else{try{document.querySelector(".ht_ctc_chat_data")&&(t=l(".ht_ctc_chat_data").attr("data-settings"),i=JSON.parse(t))}catch(t){i={}}e(),c()}function e(){var t=document.querySelector(".ht_ctc_chat_data");t&&(r=l(".ht_ctc_chat_data").attr("data-no_number"),t.remove())}function c(){var t;l(document).trigger("ht_ctc_ce_settings",[i]),(t=document.querySelector(".ht-ctc-chat"))&&(l(document).trigger("ht_ctc_ce_chat"),function(t){"yes"==i.schedule?l(document).trigger("ht_ctc_ce_display",[i,h,t]):h(t)}(t),t.addEventListener("click",function(){_(t)})),l(document).on("click",".ht-ctc-sc-chat",function(){var t=this.getAttribute("data-number"),e=(e=this.getAttribute("data-pre_filled")).replace(/\[url]/gi,o);e=encodeURIComponent(e),i.web&&"yes"!==n?window.open("https://web.whatsapp.com/send?phone="+t+"&text="+e,"_blank","noopener"):window.open("https://wa.me/"+t+"?text="+e,"_blank","noopener"),d(this),u(t)}),l(document).on("click",".ctc_chat, #ctc_chat",function(){_(this)}),l(document).on("click",'[href="#ctc_chat"]',function(t){t.preventDefault(),_(this)})}function h(t){var e;"yes"==n?"show"==i.dis_m&&((e=document.querySelector(".ht_ctc_desktop_chat"))&&e.remove(),t.style.cssText=i.pos_m+i.css,s(t)):"show"==i.dis_d&&((e=document.querySelector(".ht_ctc_mobile_chat"))&&e.remove(),t.style.cssText=i.pos_d+i.css,s(t))}function s(e){try{l(e).show(parseInt(i.se))}catch(t){e.style.display="block"}var t;t=e,setTimeout(function(){t.classList.add("ht_ctc_animation",i.ani)},120),l(".ht-ctc-chat").hover(function(){l(".ht-ctc-chat .ht-ctc-cta-hover").show(120)},function(){l(".ht-ctc-chat .ht-ctc-cta-hover").hide(100)})}function d(t){l(document).trigger("ht_ctc_analytics");var e=i.number;t.classList.contains("ht-ctc-sc")&&(e=t.getAttribute("data-number"));var c="Click to Chat for WhatsApp",n="chat: "+e,t=a+", "+o;(i.ga||i.ga4)&&("undefined"!=typeof gtag?i.ga4?gtag("event","click to chat",{number:e,title:a,url:o}):gtag("event",n,{event_category:c,event_label:t}):"undefined"!=typeof ga&&void 0!==ga.getAll?ga.getAll()[0].send("event",c,n,t):"undefined"!=typeof __gaTracker&&__gaTracker("send","event",c,n,t)),"undefined"!=typeof dataLayer&&dataLayer.push({event:"Click to Chat",type:"chat",number:e,title:a,url:o,event_category:c,event_label:t,event_action:n}),i.ads&&"undefined"!=typeof gtag_report_conversion&&gtag_report_conversion(),i.fb&&"undefined"!=typeof fbq&&fbq("trackCustom","Click to Chat by HoliThemes",{Category:"Click to Chat for WhatsApp",return_type:"chat",ID:e,Title:a,URL:o})}function _(t){l(document).trigger("ht_ctc_ce_number",[i]);var e=i.number,c=(c=i.pre_filled).replace(/\[url]/gi,o);c=encodeURIComponent(c),""!=e?(i.web&&"yes"!==n?window.open("https://web.whatsapp.com/send?phone="+e+"&text="+c,"_blank","noopener"):window.open("https://wa.me/"+e+"?text="+c,"_blank","noopener"),d(t),u(e)):l(".ht-ctc-chat").html(r)}function u(t){var e,c;i.hook_url&&(e=i.hook_url,c={},i.hook_v&&(c=i.hook_v),l(document).trigger("ht_ctc_ce_hook",[i,t]),e=i.hook_url,c=i.hook_v,data=JSON.stringify(c),l.ajax({url:e,type:"POST",mode:"no-cors",data:data,success:function(t){}}))}})}(jQuery);
new/inc/assets/js/app.js CHANGED
@@ -1 +1 @@
1
- !function(l){l(function(){var t,o=window.location.href,a=void 0!==document.title?document.title:"",n=void 0!==screen.width&&1024<screen.width?"no":"yes",r="",i="";if("undefined"!=typeof ht_ctc_chat_var)i=ht_ctc_chat_var,e(),c();else{try{document.querySelector(".ht_ctc_chat_data")&&(t=l(".ht_ctc_chat_data").attr("data-settings"),i=JSON.parse(t))}catch(t){i={}}e(),c()}function e(){var t=document.querySelector(".ht_ctc_chat_data");t&&(r=l(".ht_ctc_chat_data").attr("data-no_number"),t.remove())}function c(){var t;l(document).trigger("ht_ctc_ce_settings",[i]),(t=document.querySelector(".ht-ctc-chat"))&&(l(document).trigger("ht_ctc_ce_chat"),function(t){"yes"==i.schedule?l(document).trigger("ht_ctc_ce_display",[i,h,t]):h(t)}(t),t.addEventListener("click",function(){_(t)})),l(document).on("click",".ht-ctc-sc-chat",function(){var t,e=this.getAttribute("data-number"),c=(c=this.getAttribute("data-pre_filled")).replace(/\[url]/gi,o);c=encodeURIComponent(c),"webapi"==this.getAttribute("data-webandapi")?(t="yes"==n?"https://api.whatsapp.com/send":"https://web.whatsapp.com/send",window.open(t+"?phone="+e+"&text="+c,"_blank","noopener")):(t="https://wa.me/",window.open(t+e+"?text="+c,"_blank","noopener")),d(this),u(e)}),l(document).on("click",".ctc_chat, #ctc_chat",function(){_(this)}),l(document).on("click",'[href="#ctc_chat"]',function(t){t.preventDefault(),_(this)})}function h(t){var e;"yes"==n?"show"==i.dis_m&&((e=document.querySelector(".ht_ctc_desktop_chat"))&&e.remove(),t.style.cssText=i.pos_m+i.css,s(t)):"show"==i.dis_d&&((e=document.querySelector(".ht_ctc_mobile_chat"))&&e.remove(),t.style.cssText=i.pos_d+i.css,s(t))}function s(e){try{l(e).show(parseInt(i.se))}catch(t){e.style.display="block"}var t;t=e,setTimeout(function(){t.classList.add("ht_ctc_animation",i.ani)},120),l(".ht-ctc-chat").hover(function(){l(".ht-ctc-chat .ht-ctc-cta-hover").show(120)},function(){l(".ht-ctc-chat .ht-ctc-cta-hover").hide(100)})}function d(t){l(document).trigger("ht_ctc_analytics");var e=i.number;t.classList.contains("ht-ctc-sc")&&(e=t.getAttribute("data-number"));var c="Click to Chat for WhatsApp",n="chat: "+e,t=a+", "+o;"yes"==i.ga&&("undefined"!=typeof gtag?gtag("event",n,{event_category:c,event_label:t}):"undefined"!=typeof ga&&void 0!==ga.getAll?ga.getAll()[0].send("event",c,n,t):"undefined"!=typeof __gaTracker&&__gaTracker("send","event",c,n,t)),"undefined"!=typeof dataLayer&&dataLayer.push({event:"Click to Chat",event_category:c,event_label:t,event_action:n}),"yes"==i.ads&&"undefined"!=typeof gtag_report_conversion&&gtag_report_conversion(),"yes"==i.fb&&"undefined"!=typeof fbq&&fbq("trackCustom","Click to Chat by HoliThemes",{Category:"Click to Chat for WhatsApp",return_type:"chat",ID:e,Title:a,URL:o})}function _(t){l(document).trigger("ht_ctc_ce_number",[i]);var e=i.number,c=(c=i.pre_filled).replace(/\[url]/gi,o);c=encodeURIComponent(c),""!=e?("webapi"==i.webandapi&&"yes"!==n?window.open("https://web.whatsapp.com/send?phone="+e+"&text="+c,"_blank","noopener"):window.open("https://wa.me/"+e+"?text="+c,"_blank","noopener"),d(t),u(e)):l(".ht-ctc-chat").html(r)}function u(t){var e,c;i.hook_url&&(e=i.hook_url,c={},i.hook_v&&(c=i.hook_v),l(document).trigger("ht_ctc_ce_hook",[i,t]),e=i.hook_url,c=i.hook_v,data=JSON.stringify(c),l.ajax({url:e,type:"POST",mode:"no-cors",data:data,success:function(t){}}))}})}(jQuery);
1
+ !function(l){l(function(){var t,o=window.location.href,a=void 0!==document.title?document.title:"",n=void 0!==screen.width&&1024<screen.width?"no":"yes",r="",i="";if("undefined"!=typeof ht_ctc_chat_var)i=ht_ctc_chat_var,e(),c();else{try{document.querySelector(".ht_ctc_chat_data")&&(t=l(".ht_ctc_chat_data").attr("data-settings"),i=JSON.parse(t))}catch(t){i={}}e(),c()}function e(){var t=document.querySelector(".ht_ctc_chat_data");t&&(r=l(".ht_ctc_chat_data").attr("data-no_number"),t.remove())}function c(){var t;l(document).trigger("ht_ctc_ce_settings",[i]),(t=document.querySelector(".ht-ctc-chat"))&&(l(document).trigger("ht_ctc_ce_chat"),function(t){"yes"==i.schedule?l(document).trigger("ht_ctc_ce_display",[i,h,t]):h(t)}(t),t.addEventListener("click",function(){_(t)})),l(document).on("click",".ht-ctc-sc-chat",function(){var t=this.getAttribute("data-number"),e=(e=this.getAttribute("data-pre_filled")).replace(/\[url]/gi,o);e=encodeURIComponent(e),i.web&&"yes"!==n?window.open("https://web.whatsapp.com/send?phone="+t+"&text="+e,"_blank","noopener"):window.open("https://wa.me/"+t+"?text="+e,"_blank","noopener"),d(this),u(t)}),l(document).on("click",".ctc_chat, #ctc_chat",function(){_(this)}),l(document).on("click",'[href="#ctc_chat"]',function(t){t.preventDefault(),_(this)})}function h(t){var e;"yes"==n?"show"==i.dis_m&&((e=document.querySelector(".ht_ctc_desktop_chat"))&&e.remove(),t.style.cssText=i.pos_m+i.css,s(t)):"show"==i.dis_d&&((e=document.querySelector(".ht_ctc_mobile_chat"))&&e.remove(),t.style.cssText=i.pos_d+i.css,s(t))}function s(e){try{l(e).show(parseInt(i.se))}catch(t){e.style.display="block"}var t;t=e,setTimeout(function(){t.classList.add("ht_ctc_animation",i.ani)},120),l(".ht-ctc-chat").hover(function(){l(".ht-ctc-chat .ht-ctc-cta-hover").show(120)},function(){l(".ht-ctc-chat .ht-ctc-cta-hover").hide(100)})}function d(t){l(document).trigger("ht_ctc_analytics");var e=i.number;t.classList.contains("ht-ctc-sc")&&(e=t.getAttribute("data-number"));var c="Click to Chat for WhatsApp",n="chat: "+e,t=a+", "+o;(i.ga||i.ga4)&&("undefined"!=typeof gtag?i.ga4?gtag("event","click to chat",{number:e,title:a,url:o}):gtag("event",n,{event_category:c,event_label:t}):"undefined"!=typeof ga&&void 0!==ga.getAll?ga.getAll()[0].send("event",c,n,t):"undefined"!=typeof __gaTracker&&__gaTracker("send","event",c,n,t)),"undefined"!=typeof dataLayer&&dataLayer.push({event:"Click to Chat",type:"chat",number:e,title:a,url:o,event_category:c,event_label:t,event_action:n}),i.ads&&"undefined"!=typeof gtag_report_conversion&&gtag_report_conversion(),i.fb&&"undefined"!=typeof fbq&&fbq("trackCustom","Click to Chat by HoliThemes",{Category:"Click to Chat for WhatsApp",return_type:"chat",ID:e,Title:a,URL:o})}function _(t){l(document).trigger("ht_ctc_ce_number",[i]);var e=i.number,c=(c=i.pre_filled).replace(/\[url]/gi,o);c=encodeURIComponent(c),""!=e?(i.web&&"yes"!==n?window.open("https://web.whatsapp.com/send?phone="+e+"&text="+c,"_blank","noopener"):window.open("https://wa.me/"+e+"?text="+c,"_blank","noopener"),d(t),u(e)):l(".ht-ctc-chat").html(r)}function u(t){var e,c;i.hook_url&&(e=i.hook_url,c={},i.hook_v&&(c=i.hook_v),l(document).trigger("ht_ctc_ce_hook",[i,t]),e=i.hook_url,c=i.hook_v,data=JSON.stringify(c),l.ajax({url:e,type:"POST",mode:"no-cors",data:data,success:function(t){}}))}})}(jQuery);
new/inc/assets/js/dev/app.dev.js CHANGED
@@ -173,14 +173,28 @@ $(function () {
173
  var ga_category = 'Click to Chat for WhatsApp';
174
  var ga_action = 'chat: ' + id;
175
  var ga_label = post_title + ', ' + url;
 
176
  // if ga_enabled
177
- if ( 'yes' == ctc.ga ) {
 
 
178
  if (typeof gtag !== "undefined") {
179
  console.log('gtag');
180
- gtag('event', ga_action, {
181
- 'event_category': ga_category,
182
- 'event_label': ga_label,
183
- });
 
 
 
 
 
 
 
 
 
 
 
184
  } else if (typeof ga !== "undefined" && typeof ga.getAll !== "undefined") {
185
  console.log('ga');
186
  var tracker = ga.getAll();
@@ -197,6 +211,10 @@ $(function () {
197
  console.log('dataLayer');
198
  dataLayer.push({
199
  'event': 'Click to Chat',
 
 
 
 
200
  'event_category': ga_category,
201
  'event_label': ga_label,
202
  'event_action': ga_action
@@ -204,7 +222,7 @@ $(function () {
204
  }
205
 
206
  // google ads - call conversation code
207
- if ('yes' == ctc.ads ) {
208
  console.log('google ads enabled');
209
  if (typeof gtag_report_conversion !== "undefined") {
210
  console.log('calling gtag_report_conversion');
@@ -213,7 +231,7 @@ $(function () {
213
  }
214
 
215
  // FB Pixel
216
- if ( 'yes' == ctc.fb ) {
217
  console.log('fb pixel');
218
  if (typeof fbq !== "undefined") {
219
  fbq('trackCustom', 'Click to Chat by HoliThemes', {
@@ -247,7 +265,7 @@ $(function () {
247
  }
248
 
249
  // web/api.whatsapp or wa.me
250
- if ( 'webapi' == ctc.webandapi && is_mobile !== 'yes' ) {
251
  // web.whatsapp - if web api is enabled and is not mobile
252
  window.open('https://web.whatsapp.com/send' + '?phone=' + number + '&text=' + pre_filled, '_blank', 'noopener');
253
  } else {
@@ -272,20 +290,13 @@ $(function () {
272
  var pre_filled = this.getAttribute('data-pre_filled');
273
  pre_filled = pre_filled.replace(/\[url]/gi, url);
274
  pre_filled = encodeURIComponent(pre_filled);
275
- var webandapi = this.getAttribute('data-webandapi');
276
 
277
- // web/api.whatsapp or wa.me
278
- if ('webapi' == webandapi) {
279
- if (is_mobile == 'yes') {
280
- var base_link = 'https://api.whatsapp.com/send';
281
- } else {
282
- var base_link = 'https://web.whatsapp.com/send';
283
- }
284
- window.open(base_link + '?phone=' + number + '&text=' + pre_filled, '_blank', 'noopener');
285
  } else {
286
  // wa.me
287
- var base_link = 'https://wa.me/';
288
- window.open(base_link + number + '?text=' + pre_filled, '_blank', 'noopener');
289
  }
290
 
291
  // analytics
173
  var ga_category = 'Click to Chat for WhatsApp';
174
  var ga_action = 'chat: ' + id;
175
  var ga_label = post_title + ', ' + url;
176
+
177
  // if ga_enabled
178
+ if (ctc.ga || ctc.ga4) {
179
+ console.log('google analytics');
180
+
181
  if (typeof gtag !== "undefined") {
182
  console.log('gtag');
183
+ if (ctc.ga4) {
184
+ // ga4
185
+ // gtag may not work if ga4 installed using gtm
186
+ console.log('ga4');
187
+ gtag('event', 'click to chat', {
188
+ 'number': id,
189
+ 'title': post_title,
190
+ 'url': url,
191
+ });
192
+ } else {
193
+ gtag('event', ga_action, {
194
+ 'event_category': ga_category,
195
+ 'event_label': ga_label,
196
+ });
197
+ }
198
  } else if (typeof ga !== "undefined" && typeof ga.getAll !== "undefined") {
199
  console.log('ga');
200
  var tracker = ga.getAll();
211
  console.log('dataLayer');
212
  dataLayer.push({
213
  'event': 'Click to Chat',
214
+ 'type': 'chat',
215
+ 'number': id,
216
+ 'title': post_title,
217
+ 'url': url,
218
  'event_category': ga_category,
219
  'event_label': ga_label,
220
  'event_action': ga_action
222
  }
223
 
224
  // google ads - call conversation code
225
+ if (ctc.ads) {
226
  console.log('google ads enabled');
227
  if (typeof gtag_report_conversion !== "undefined") {
228
  console.log('calling gtag_report_conversion');
231
  }
232
 
233
  // FB Pixel
234
+ if (ctc.fb) {
235
  console.log('fb pixel');
236
  if (typeof fbq !== "undefined") {
237
  fbq('trackCustom', 'Click to Chat by HoliThemes', {
265
  }
266
 
267
  // web/api.whatsapp or wa.me
268
+ if (ctc.web && is_mobile !== 'yes') {
269
  // web.whatsapp - if web api is enabled and is not mobile
270
  window.open('https://web.whatsapp.com/send' + '?phone=' + number + '&text=' + pre_filled, '_blank', 'noopener');
271
  } else {
290
  var pre_filled = this.getAttribute('data-pre_filled');
291
  pre_filled = pre_filled.replace(/\[url]/gi, url);
292
  pre_filled = encodeURIComponent(pre_filled);
 
293
 
294
+ if (ctc.web && is_mobile !== 'yes') {
295
+ // web.whatsapp - if web api is enabled and is not mobile
296
+ window.open('https://web.whatsapp.com/send' + '?phone=' + number + '&text=' + pre_filled, '_blank', 'noopener');
 
 
 
 
 
297
  } else {
298
  // wa.me
299
+ window.open('https://wa.me/' + number + '?text=' + pre_filled, '_blank', 'noopener');
 
300
  }
301
 
302
  // analytics
new/inc/chat/class-ht-ctc-chat-shortcode.php CHANGED
@@ -173,11 +173,6 @@ class HT_CTC_Chat_Shortcode {
173
  $css .= 'display:none;';
174
  }
175
 
176
- $webandapi = 'wa';
177
- if ( isset( $options['webandapi'] ) ) {
178
- $webandapi = 'webapi';
179
- }
180
-
181
  $return_type = "chat";
182
 
183
  $style = $a["style"];
@@ -195,9 +190,6 @@ class HT_CTC_Chat_Shortcode {
195
  $class_names = "ht-ctc-sc ht-ctc-sc-chat sc-style-$style";
196
 
197
  // analytics
198
- $ht_ctc_os['is_ga_enable'] = 'yes';
199
- $ht_ctc_os['is_fb_pixel'] = 'yes';
200
- $ht_ctc_os['ga_ads'] = 'no';
201
  $ht_ctc_os['data-attributes'] = '';
202
 
203
  // Hooks
@@ -210,13 +202,13 @@ class HT_CTC_Chat_Shortcode {
210
  $sc_path = plugin_dir_path( HT_CTC_PLUGIN_FILE ) . 'new/inc/styles-shortcode/sc-style-' . $style. '.php';
211
 
212
  if ( is_file( $sc_path ) ) {
213
- $o .= '<div data-webandapi="'.$webandapi.'" data-number="'.$number.'" data-pre_filled="'.$pre_filled.'" data-return_type="'.$return_type.'" data-style="'.$style.'" data-is_ga_enable="'.$ht_ctc_os['is_ga_enable'].'" data-is_fb_pixel="'.$ht_ctc_os['is_fb_pixel'].'" data-ga_ads="'.$ht_ctc_os['ga_ads'].'" style="display: inline; cursor: pointer; z-index: 99999999; '.$css.'" class="'.$class_names.' ht-ctc-inline">';
214
  include $sc_path;
215
  $o .= '</div>';
216
  } else {
217
  // if style is not in the list..
218
  $img_link = plugins_url("./new/inc/assets/img/whatsapp-logo.svg", HT_CTC_PLUGIN_FILE );
219
- $o .= '<div data-webandapi="'.$webandapi.'" data-number="'.$number.'" data-pre_filled="'.$pre_filled.'" data-return_type="'.$return_type.'" data-is_ga_enable="'.$ht_ctc_os['is_ga_enable'].'" data-is_fb_pixel="'.$ht_ctc_os['is_fb_pixel'].'" data-ga_ads="'.$ht_ctc_os['ga_ads'].'" style="display: inline; cursor: pointer; z-index: 99999999; '.$css.'" class="'.$class_names.' ht-ctc-inline">';
220
  $o .= '<img class="img-icon-sc sc_item pointer style-3-sc" src="'.$img_link.'" alt="'.$call_to_action.'" style="height: 50px; '.$css.' " >';
221
  $o .= '</div>';
222
  }
173
  $css .= 'display:none;';
174
  }
175
 
 
 
 
 
 
176
  $return_type = "chat";
177
 
178
  $style = $a["style"];
190
  $class_names = "ht-ctc-sc ht-ctc-sc-chat sc-style-$style";
191
 
192
  // analytics
 
 
 
193
  $ht_ctc_os['data-attributes'] = '';
194
 
195
  // Hooks
202
  $sc_path = plugin_dir_path( HT_CTC_PLUGIN_FILE ) . 'new/inc/styles-shortcode/sc-style-' . $style. '.php';
203
 
204
  if ( is_file( $sc_path ) ) {
205
+ $o .= '<div data-number="'.$number.'" data-pre_filled="'.$pre_filled.'" data-style="'.$style.'" style="display: inline; cursor: pointer; z-index: 99999999; '.$css.'" class="'.$class_names.' ht-ctc-inline">';
206
  include $sc_path;
207
  $o .= '</div>';
208
  } else {
209
  // if style is not in the list..
210
  $img_link = plugins_url("./new/inc/assets/img/whatsapp-logo.svg", HT_CTC_PLUGIN_FILE );
211
+ $o .= '<div data-number="'.$number.'" data-pre_filled="'.$pre_filled.'" style="display: inline; cursor: pointer; z-index: 99999999; '.$css.'" class="'.$class_names.' ht-ctc-inline">';
212
  $o .= '<img class="img-icon-sc sc_item pointer style-3-sc" src="'.$img_link.'" alt="'.$call_to_action.'" style="height: 50px; '.$css.' " >';
213
  $o .= '</div>';
214
  }
new/inc/chat/class-ht-ctc-chat.php CHANGED
@@ -87,10 +87,10 @@ class HT_CTC_Chat {
87
  $ht_ctc_chat['pre_filled'] = (isset($ht_ctc_pagelevel['pre_filled'])) ? esc_attr($ht_ctc_pagelevel['pre_filled']) : __( esc_attr( $options['pre_filled'] ) , 'click-to-chat-for-whatsapp' );
88
  $ht_ctc_chat['pre_filled'] = apply_filters( 'wpml_translate_single_string', $ht_ctc_chat['pre_filled'], 'Click to Chat for WhatsApp', 'pre_filled' );
89
 
90
- // wa: wa.me / webapi: web/api.whatsapp,
91
  $ht_ctc_chat['webandapi'] = 'wa';
92
  if ( isset( $options['webandapi'] ) ) {
93
- $ht_ctc_chat['webandapi'] = 'webapi';
94
  }
95
 
96
  $ht_ctc_chat['display_mobile'] = (isset($options['hideon_mobile'])) ? 'hide' : 'show';
@@ -212,39 +212,52 @@ class HT_CTC_Chat {
212
  'css' => $ht_ctc_chat['css'],
213
  'pos_d' => $ht_ctc_chat['position'],
214
  'pos_m' => $ht_ctc_chat['position_mobile'],
215
- 'webandapi' => $ht_ctc_chat['webandapi'],
216
-
217
  'schedule' => $ht_ctc_chat['schedule'],
218
-
219
- 'ga' => $ht_ctc_os['is_ga_enable'],
220
- 'fb' => $ht_ctc_os['is_fb_pixel'],
221
- 'ads' => $ht_ctc_os['ga_ads'],
222
  'se' => $ht_ctc_os['show_effect'],
223
  'ani' => $ht_ctc_os['an_type'],
224
-
225
- 'v' => $ht_ctc_os['v'],
226
  );
227
 
228
-
229
- // adds if hided
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
230
  if ( 'no' == $display ) {
231
  $ctc['display'] = 'no';
232
  }
233
-
234
  if ( 'hide' == $page_display ) {
235
  $ctc['page_display'] = 'hide';
236
  }
237
 
238
  // webhook
239
  if ( '' !== $hook_url ) {
240
-
241
  // $ctc hook url
242
  $ctc['hook_url'] = $hook_url;
243
-
244
  $hook_v = isset($othersettings['hook_v']) ? $othersettings['hook_v'] : '';
245
 
246
  if ( is_array($hook_v) ) {
247
-
248
  $hook_v = array_filter($hook_v);
249
  $hook_v = array_values($hook_v);
250
  $hook_v = array_map('esc_attr', $hook_v );
@@ -253,13 +266,11 @@ class HT_CTC_Chat {
253
  // $ctc - hook values
254
  $ctc['hook_v'] = $hook_v;
255
  }
256
-
257
  }
258
-
259
-
260
  }
261
 
262
 
 
263
  $ctc = apply_filters( 'ht_ctc_fh_ctc', $ctc );
264
 
265
  // data-attribute - data-settings
@@ -276,14 +287,14 @@ class HT_CTC_Chat {
276
  return;
277
  }
278
 
279
-
280
  // load style
281
  if ( is_file( $path ) ) {
282
  do_action('ht_ctc_ah_before_fixed_position');
283
  ?>
284
- <div class="<?php echo $ht_ctc_chat['class_names'] ?>" id="<?php echo $ht_ctc_chat['id'] ?>"
285
- style="<?php echo $display_css ?> <?php echo $default_position ?>"
286
- <?php echo $on ?>
287
  >
288
  <?php
289
  if ( isset( $othersettings['select_styles_issue'] ) ) {
@@ -304,8 +315,8 @@ class HT_CTC_Chat {
304
  // no_number may be needed.
305
  ?>
306
  <span class="ht_ctc_chat_data"
307
- data-no_number="<?php echo $no_number ?>"
308
- data-settings="<?php echo $ht_ctc_settings ?>"
309
  ></span>
310
  <?php
311
 
87
  $ht_ctc_chat['pre_filled'] = (isset($ht_ctc_pagelevel['pre_filled'])) ? esc_attr($ht_ctc_pagelevel['pre_filled']) : __( esc_attr( $options['pre_filled'] ) , 'click-to-chat-for-whatsapp' );
88
  $ht_ctc_chat['pre_filled'] = apply_filters( 'wpml_translate_single_string', $ht_ctc_chat['pre_filled'], 'Click to Chat for WhatsApp', 'pre_filled' );
89
 
90
+ // wa: wa.me / web: web/api.whatsapp,
91
  $ht_ctc_chat['webandapi'] = 'wa';
92
  if ( isset( $options['webandapi'] ) ) {
93
+ $ht_ctc_chat['webandapi'] = 'web';
94
  }
95
 
96
  $ht_ctc_chat['display_mobile'] = (isset($options['hideon_mobile'])) ? 'hide' : 'show';
212
  'css' => $ht_ctc_chat['css'],
213
  'pos_d' => $ht_ctc_chat['position'],
214
  'pos_m' => $ht_ctc_chat['position_mobile'],
 
 
215
  'schedule' => $ht_ctc_chat['schedule'],
 
 
 
 
216
  'se' => $ht_ctc_os['show_effect'],
217
  'ani' => $ht_ctc_os['an_type'],
 
 
218
  );
219
 
220
+ // web whatsapp
221
+ if ( 'web' == $ht_ctc_chat['webandapi'] ) {
222
+ $ctc['web'] = 'y';
223
+ }
224
+
225
+ // ga
226
+ if ( 'yes' == $ht_ctc_os['is_ga_enable'] ) {
227
+ $ctc['ga'] = 'yes';
228
+ }
229
+ // ga4
230
+ if ( 'yes' == $ht_ctc_os['ga4'] ) {
231
+ $ctc['ga4'] = 'yes';
232
+ }
233
+
234
+ // ads
235
+ if ( 'yes' == $ht_ctc_os['ga_ads'] ) {
236
+ $ctc['ads'] = 'yes';
237
+ }
238
+
239
+ // fb
240
+ if ( 'yes' == $ht_ctc_os['is_fb_pixel'] ) {
241
+ $ctc['fb'] = 'yes';
242
+ }
243
+
244
+ // adds only if hided on current page
245
+ // global
246
  if ( 'no' == $display ) {
247
  $ctc['display'] = 'no';
248
  }
249
+ // page level
250
  if ( 'hide' == $page_display ) {
251
  $ctc['page_display'] = 'hide';
252
  }
253
 
254
  // webhook
255
  if ( '' !== $hook_url ) {
 
256
  // $ctc hook url
257
  $ctc['hook_url'] = $hook_url;
 
258
  $hook_v = isset($othersettings['hook_v']) ? $othersettings['hook_v'] : '';
259
 
260
  if ( is_array($hook_v) ) {
 
261
  $hook_v = array_filter($hook_v);
262
  $hook_v = array_values($hook_v);
263
  $hook_v = array_map('esc_attr', $hook_v );
266
  // $ctc - hook values
267
  $ctc['hook_v'] = $hook_v;
268
  }
 
269
  }
 
 
270
  }
271
 
272
 
273
+
274
  $ctc = apply_filters( 'ht_ctc_fh_ctc', $ctc );
275
 
276
  // data-attribute - data-settings
287
  return;
288
  }
289
 
290
+
291
  // load style
292
  if ( is_file( $path ) ) {
293
  do_action('ht_ctc_ah_before_fixed_position');
294
  ?>
295
+ <div class="<?= $ht_ctc_chat['class_names'] ?>" id="<?= $ht_ctc_chat['id'] ?>"
296
+ style="<?= $display_css ?> <?= $default_position ?>"
297
+ <?= $on ?>
298
  >
299
  <?php
300
  if ( isset( $othersettings['select_styles_issue'] ) ) {
315
  // no_number may be needed.
316
  ?>
317
  <span class="ht_ctc_chat_data"
318
+ data-no_number="<?= $no_number ?>"
319
+ data-settings="<?= $ht_ctc_settings ?>"
320
  ></span>
321
  <?php
322
 
new/inc/commons/class-ht-ctc-animations.php CHANGED
@@ -17,7 +17,7 @@ class HT_CTC_Animations {
17
 
18
  function animations( $a, $d, $i ) {
19
  ?>
20
- <style id="ht-ctc-animations">.ht_ctc_animation{animation-duration:1s;animation-fill-mode:both;animation-delay:<?php echo $d ?>;animation-iteration-count:<?php echo $i ?>;}</style>
21
  <?php $this->$a(); ?>
22
  <?php
23
  }
17
 
18
  function animations( $a, $d, $i ) {
19
  ?>
20
+ <style id="ht-ctc-animations">.ht_ctc_animation{animation-duration:1s;animation-fill-mode:both;animation-delay:<?= $d ?>;animation-iteration-count:<?= $i ?>;}</style>
21
  <?php $this->$a(); ?>
22
  <?php
23
  }
new/inc/commons/class-ht-ctc-hooks.php CHANGED
@@ -102,6 +102,7 @@ class HT_CTC_Hooks {
102
 
103
  $ht_ctc_os['show_effect'] = (isset($othersettings['show_effect'])) ? esc_attr($othersettings['show_effect']) : '';
104
  $ht_ctc_os['is_ga_enable'] = (isset( $othersettings['google_analytics'] )) ? 'yes' : 'no';
 
105
  $ht_ctc_os['is_fb_pixel'] = (isset( $othersettings['fb_pixel'] )) ? 'yes' : 'no';
106
  $ht_ctc_os['ga_ads'] = (isset( $othersettings['ga_ads'] )) ? 'yes' : 'no';
107
 
102
 
103
  $ht_ctc_os['show_effect'] = (isset($othersettings['show_effect'])) ? esc_attr($othersettings['show_effect']) : '';
104
  $ht_ctc_os['is_ga_enable'] = (isset( $othersettings['google_analytics'] )) ? 'yes' : 'no';
105
+ $ht_ctc_os['ga4'] = (isset( $othersettings['ga4'] )) ? 'yes' : 'no';
106
  $ht_ctc_os['is_fb_pixel'] = (isset( $othersettings['fb_pixel'] )) ? 'yes' : 'no';
107
  $ht_ctc_os['ga_ads'] = (isset( $othersettings['ga_ads'] )) ? 'yes' : 'no';
108
 
new/inc/commons/class-ht-ctc-ismobile.php CHANGED
@@ -18,7 +18,6 @@ class HT_CTC_IsMobile {
18
 
19
  public function __construct() {
20
 
21
- // $this->is_mobile = $this->is_mobile();
22
  $this->is_mobile = $this->is_mobile();
23
 
24
  }
18
 
19
  public function __construct() {
20
 
 
21
  $this->is_mobile = $this->is_mobile();
22
 
23
  }
new/inc/commons/class-ht-ctc-scripts.php CHANGED
@@ -27,7 +27,7 @@ class HT_CTC_Scripts {
27
 
28
  // js
29
  // $js = 'app.js';
30
- $js = '331.app.js';
31
  $group_js = 'group.js';
32
  $share_js = 'share.js';
33
 
@@ -37,7 +37,7 @@ class HT_CTC_Scripts {
37
  $share_js = 'dev/share.dev.js';
38
  }
39
 
40
- do_action('ht_ctc_ah_scripts_start');
41
 
42
  // app.js for all (chat)
43
  wp_enqueue_script( 'ht_ctc_app_js', plugins_url( "new/inc/assets/js/$js", HT_CTC_PLUGIN_FILE ), array ( 'jquery' ), HT_CTC_VERSION, $load_app_js_bottom );
@@ -53,7 +53,7 @@ class HT_CTC_Scripts {
53
  wp_enqueue_script( 'ht_ctc_share_js', plugins_url( "new/inc/assets/js/$share_js", HT_CTC_PLUGIN_FILE ), array ( 'jquery', 'ht_ctc_app_js' ), HT_CTC_VERSION, $load_app_js_bottom );
54
  }
55
 
56
- do_action('ht_ctc_ah_scripts_end');
57
 
58
  }
59
 
27
 
28
  // js
29
  // $js = 'app.js';
30
+ $js = '332.app.js';
31
  $group_js = 'group.js';
32
  $share_js = 'share.js';
33
 
37
  $share_js = 'dev/share.dev.js';
38
  }
39
 
40
+ do_action('ht_ctc_ah_scripts_before');
41
 
42
  // app.js for all (chat)
43
  wp_enqueue_script( 'ht_ctc_app_js', plugins_url( "new/inc/assets/js/$js", HT_CTC_PLUGIN_FILE ), array ( 'jquery' ), HT_CTC_VERSION, $load_app_js_bottom );
53
  wp_enqueue_script( 'ht_ctc_share_js', plugins_url( "new/inc/assets/js/$share_js", HT_CTC_PLUGIN_FILE ), array ( 'jquery', 'ht_ctc_app_js' ), HT_CTC_VERSION, $load_app_js_bottom );
54
  }
55
 
56
+ do_action('ht_ctc_ah_scripts_after');
57
 
58
  }
59
 
new/inc/commons/class-ht-ctc-values.php CHANGED
@@ -23,15 +23,15 @@ class HT_CTC_Values {
23
  *
24
  * @var array get_options ht_ctc_main_options
25
  */
26
- public $ctc_chat;
27
 
28
  public function __construct() {
29
- $this->ctc_chat_fn();
30
  }
31
 
32
  // main options
33
- public function ctc_chat_fn() {
34
- $this->ctc_chat = get_option('ht_ctc_chat_options');
35
  }
36
 
37
 
23
  *
24
  * @var array get_options ht_ctc_main_options
25
  */
26
+ public $chat;
27
 
28
  public function __construct() {
29
+ $this->chat_fn();
30
  }
31
 
32
  // main options
33
+ public function chat_fn() {
34
+ $this->chat = get_option('ht_ctc_chat_options');
35
  }
36
 
37
 
new/inc/group/class-ht-ctc-group.php CHANGED
@@ -124,20 +124,20 @@ class HT_CTC_Group {
124
  if ( is_file( $path ) ) {
125
  do_action('ht_ctc_ah_before_fixed_position');
126
  ?>
127
- <div class="<?php echo $ht_ctc_group['class_names'] ?>"
128
  style="display: none;"
129
- data-return_type="<?php echo $type ?>"
130
- data-group_id="<?php echo $ht_ctc_group['group_id'] ?>"
131
- data-is_ga_enable="<?php echo $ht_ctc_os['is_ga_enable'] ?>"
132
- data-is_fb_pixel="<?php echo $ht_ctc_os['is_fb_pixel'] ?>"
133
- data-ga_ads="<?php echo $ht_ctc_os['ga_ads'] ?>"
134
- data-display_mobile="<?php echo $ht_ctc_group['display_mobile'] ?>"
135
- data-display_desktop="<?php echo $ht_ctc_group['display_desktop'] ?>"
136
- data-css="<?php echo $ht_ctc_group['css'] ?>"
137
- data-position="<?php echo $ht_ctc_group['position'] ?>"
138
- data-position_mobile="<?php echo $ht_ctc_group['position_mobile'] ?>"
139
- data-show_effect="<?php echo $ht_ctc_os['show_effect'] ?>"
140
- <?php echo $ht_ctc_os['data-attributes'] ?>
141
  >
142
  <?php
143
  if ( isset( $othersettings['select_styles_issue'] ) ) {
124
  if ( is_file( $path ) ) {
125
  do_action('ht_ctc_ah_before_fixed_position');
126
  ?>
127
+ <div class="<?= $ht_ctc_group['class_names'] ?>"
128
  style="display: none;"
129
+ data-return_type="<?= $type ?>"
130
+ data-group_id="<?= $ht_ctc_group['group_id'] ?>"
131
+ data-is_ga_enable="<?= $ht_ctc_os['is_ga_enable'] ?>"
132
+ data-is_fb_pixel="<?= $ht_ctc_os['is_fb_pixel'] ?>"
133
+ data-ga_ads="<?= $ht_ctc_os['ga_ads'] ?>"
134
+ data-display_mobile="<?= $ht_ctc_group['display_mobile'] ?>"
135
+ data-display_desktop="<?= $ht_ctc_group['display_desktop'] ?>"
136
+ data-css="<?= $ht_ctc_group['css'] ?>"
137
+ data-position="<?= $ht_ctc_group['position'] ?>"
138
+ data-position_mobile="<?= $ht_ctc_group['position_mobile'] ?>"
139
+ data-show_effect="<?= $ht_ctc_os['show_effect'] ?>"
140
+ <?= $ht_ctc_os['data-attributes'] ?>
141
  >
142
  <?php
143
  if ( isset( $othersettings['select_styles_issue'] ) ) {
new/inc/share/class-ht-ctc-share.php CHANGED
@@ -139,21 +139,21 @@ class HT_CTC_Share {
139
  if ( is_file( $path ) ) {
140
  do_action('ht_ctc_ah_before_fixed_position');
141
  ?>
142
- <div class="<?php echo $ht_ctc_share['class_names'] ?>"
143
  style="display: none;"
144
- data-return_type="<?php echo $type ?>"
145
- data-share_text="<?php echo $ht_ctc_share['share_text'] ?>"
146
- data-is_ga_enable="<?php echo $ht_ctc_os['is_ga_enable'] ?>"
147
- data-is_fb_pixel="<?php echo $ht_ctc_os['is_fb_pixel'] ?>"
148
- data-ga_ads="<?php echo $ht_ctc_os['ga_ads'] ?>"
149
- data-webandapi="<?php echo $ht_ctc_share['webandapi'] ?>"
150
- data-display_mobile="<?php echo $ht_ctc_share['display_mobile'] ?>"
151
- data-display_desktop="<?php echo $ht_ctc_share['display_desktop'] ?>"
152
- data-css="<?php echo $ht_ctc_share['css'] ?>"
153
- data-position="<?php echo $ht_ctc_share['position'] ?>"
154
- data-position_mobile="<?php echo $ht_ctc_share['position_mobile'] ?>"
155
- data-show_effect="<?php echo $ht_ctc_os['show_effect'] ?>"
156
- <?php echo $ht_ctc_os['data-attributes'] ?>
157
  >
158
  <?php
159
  if ( isset( $othersettings['select_styles_issue'] ) ) {
139
  if ( is_file( $path ) ) {
140
  do_action('ht_ctc_ah_before_fixed_position');
141
  ?>
142
+ <div class="<?= $ht_ctc_share['class_names'] ?>"
143
  style="display: none;"
144
+ data-return_type="<?= $type ?>"
145
+ data-share_text="<?= $ht_ctc_share['share_text'] ?>"
146
+ data-is_ga_enable="<?= $ht_ctc_os['is_ga_enable'] ?>"
147
+ data-is_fb_pixel="<?= $ht_ctc_os['is_fb_pixel'] ?>"
148
+ data-ga_ads="<?= $ht_ctc_os['ga_ads'] ?>"
149
+ data-webandapi="<?= $ht_ctc_share['webandapi'] ?>"
150
+ data-display_mobile="<?= $ht_ctc_share['display_mobile'] ?>"
151
+ data-display_desktop="<?= $ht_ctc_share['display_desktop'] ?>"
152
+ data-css="<?= $ht_ctc_share['css'] ?>"
153
+ data-position="<?= $ht_ctc_share['position'] ?>"
154
+ data-position_mobile="<?= $ht_ctc_share['position_mobile'] ?>"
155
+ data-show_effect="<?= $ht_ctc_os['show_effect'] ?>"
156
+ <?= $ht_ctc_os['data-attributes'] ?>
157
  >
158
  <?php
159
  if ( isset( $othersettings['select_styles_issue'] ) ) {
new/inc/styles/style-1.php CHANGED
@@ -29,9 +29,9 @@ if ( isset( $s1_options['s1_m_fullwidth'] ) ) {
29
  $s1_fullwidth_css = "@media(max-width:1201px){.ht-ctc.style-1{left:unset !important;right:0px !important;}.ht-ctc.style-1,.ht-ctc .s1_btn{width:100%;}}";
30
 
31
  ?>
32
- <style id="ht-ctc-s1"><?php echo $s1_fullwidth_css ?></style>
33
  <?php
34
  }
35
 
36
  ?>
37
- <button <?php echo $s1_style; ?> class="ctc-analytics s1_btn ctc_cta"><?php echo $call_to_action ?></button>
29
  $s1_fullwidth_css = "@media(max-width:1201px){.ht-ctc.style-1{left:unset !important;right:0px !important;}.ht-ctc.style-1,.ht-ctc .s1_btn{width:100%;}}";
30
 
31
  ?>
32
+ <style id="ht-ctc-s1"><?= $s1_fullwidth_css ?></style>
33
  <?php
34
  }
35
 
36
  ?>
37
+ <button <?= $s1_style; ?> class="ctc-analytics s1_btn ctc_cta"><?= $call_to_action ?></button>
new/inc/styles/style-2.php CHANGED
@@ -57,7 +57,7 @@ $ht_ctc_svg_css = "pointer-events:none; display:block; height:$img_size; width:$
57
 
58
  include_once HT_CTC_PLUGIN_DIR .'new/inc/assets/img/ht-ctc-svg-images.php';
59
  ?>
60
- <div <?php echo $title ?> style="<?php echo $s2_css; ?>" class="ctc-analytics">
61
- <p class="ctc-analytics ctc_cta <?php echo $s2_cta_class ?>" style="<?php echo $s2_cta_css ?>"><?php echo $call_to_action; ?></p>
62
- <?php echo ht_ctc_style_2_svg( $img_size, $type, $ht_ctc_svg_css ); ?>
63
  </div>
57
 
58
  include_once HT_CTC_PLUGIN_DIR .'new/inc/assets/img/ht-ctc-svg-images.php';
59
  ?>
60
+ <div <?= $title ?> style="<?= $s2_css; ?>" class="ctc-analytics">
61
+ <p class="ctc-analytics ctc_cta <?= $s2_cta_class ?>" style="<?= $s2_cta_css ?>"><?= $call_to_action; ?></p>
62
+ <?= ht_ctc_style_2_svg( $img_size, $type, $ht_ctc_svg_css ); ?>
63
  </div>
new/inc/styles/style-3.php CHANGED
@@ -59,7 +59,7 @@ $ht_ctc_svg_css = "pointer-events:none; display:block; height:$img_size; width:$
59
  include_once HT_CTC_PLUGIN_DIR .'new/inc/assets/img/ht-ctc-svg-images.php';
60
 
61
  ?>
62
- <div <?php echo $title ?> style="<?php echo $s3_css ?>">
63
- <p class="ctc-analytics ctc_cta <?php echo $s3_cta_class ?>" style="<?php echo $s3_cta_css ?>"><?php echo $call_to_action; ?></p>
64
- <?php echo ht_ctc_style_3_svg( $img_size, $type, $ht_ctc_svg_css ); ?>
65
  </div>
59
  include_once HT_CTC_PLUGIN_DIR .'new/inc/assets/img/ht-ctc-svg-images.php';
60
 
61
  ?>
62
+ <div <?= $title ?> style="<?= $s3_css ?>">
63
+ <p class="ctc-analytics ctc_cta <?= $s3_cta_class ?>" style="<?= $s3_cta_css ?>"><?= $call_to_action; ?></p>
64
+ <?= ht_ctc_style_3_svg( $img_size, $type, $ht_ctc_svg_css ); ?>
65
  </div>
new/inc/styles/style-3_1.php CHANGED
@@ -80,12 +80,12 @@ $others = array(
80
 
81
  ?>
82
  <style id="ht-ctc-s3">
83
- .ht-ctc:hover svg stop{stop-color:<?php echo $s3_1_bg_color_hover ?>;}.ht-ctc:hover .ht_ctc_padding{<?php echo $s3_1_hover_css ?>}
84
  </style>
85
 
86
- <div <?php echo $title ?> style="<?php echo $s3_1_css ?>">
87
- <p class="ctc-analytics ctc_cta <?php echo $s3_1_cta_class ?>" style="<?php echo $s3_1_cta_css ?>"><?php echo $call_to_action ?></p>
88
- <div class="ctc-analytics ht_ctc_padding" style="<?php echo $s3_1_extend_css ?>">
89
- <?php echo ht_ctc_style_3_1_svg( $img_size, $type, $ht_ctc_svg_css, $others ); ?>
90
  </div>
91
  </div>
80
 
81
  ?>
82
  <style id="ht-ctc-s3">
83
+ .ht-ctc:hover svg stop{stop-color:<?= $s3_1_bg_color_hover ?>;}.ht-ctc:hover .ht_ctc_padding{<?= $s3_1_hover_css ?>}
84
  </style>
85
 
86
+ <div <?= $title ?> style="<?= $s3_1_css ?>">
87
+ <p class="ctc-analytics ctc_cta <?= $s3_1_cta_class ?>" style="<?= $s3_1_cta_css ?>"><?= $call_to_action ?></p>
88
+ <div class="ctc-analytics ht_ctc_padding" style="<?= $s3_1_extend_css ?>">
89
+ <?= ht_ctc_style_3_1_svg( $img_size, $type, $ht_ctc_svg_css, $others ); ?>
90
  </div>
91
  </div>
new/inc/styles/style-4.php CHANGED
@@ -45,20 +45,20 @@ $s4_chip_img_css ="margin:$s4_margin;order:$s4_order;height:$s4_img_size;width:$
45
  $ht_ctc_svg_css = "pointer-events:none; display: block; height:$s4_img_size; width:$s4_img_size;";
46
  ?>
47
 
48
- <div class="chip ctc-analytics" style="<?php echo $s4_chip_css ?>">
49
  <?php
50
  if ( '' == $s4_img_url ) {
51
  include_once HT_CTC_PLUGIN_DIR .'new/inc/assets/img/ht-ctc-svg-images.php';
52
  $type = "$type-s4";
53
  ?>
54
- <span style="<?php echo $s4_chip_svg_css ?>"><?php echo ht_ctc_style_3_svg( $s4_img_size, $type, $ht_ctc_svg_css ); ?></span>
55
  <?php
56
  } else {
57
  // if user changed the image
58
  ?>
59
- <img style="<?php echo $s4_chip_img_css ?>" src="<?php echo $s4_img_url ?>" alt="<?php echo $call_to_action ?>">
60
  <?php
61
  }
62
  ?>
63
- <span class="ctc_cta"><?php echo $call_to_action ?></span>
64
  </div>
45
  $ht_ctc_svg_css = "pointer-events:none; display: block; height:$s4_img_size; width:$s4_img_size;";
46
  ?>
47
 
48
+ <div class="chip ctc-analytics" style="<?= $s4_chip_css ?>">
49
  <?php
50
  if ( '' == $s4_img_url ) {
51
  include_once HT_CTC_PLUGIN_DIR .'new/inc/assets/img/ht-ctc-svg-images.php';
52
  $type = "$type-s4";
53
  ?>
54
+ <span style="<?= $s4_chip_svg_css ?>"><?= ht_ctc_style_3_svg( $s4_img_size, $type, $ht_ctc_svg_css ); ?></span>
55
  <?php
56
  } else {
57
  // if user changed the image
58
  ?>
59
+ <img style="<?= $s4_chip_img_css ?>" src="<?= $s4_img_url ?>" alt="<?= $call_to_action ?>">
60
  <?php
61
  }
62
  ?>
63
+ <span class="ctc_cta"><?= $call_to_action ?></span>
64
  </div>
new/inc/styles/style-5.php CHANGED
@@ -71,11 +71,11 @@ echo $o;
71
 
72
  <div class="ht-ctc-style-5 ctc-analytics" style="cursor: pointer; z-index: 99999999;" >
73
 
74
- <div class="s5_cta" style="<?php echo $s5_cta_style ?>" >
75
- <img class="s5_img ctc-analytics" src="<?php echo $s5_img ?>" style="<?php echo $s5_img_style ?>" alt="<?php echo $call_to_action ?>">
76
- <div class="s5_content ctc-analytics <?php echo $s5_img_position ?>" style="<?php echo $s5_content_style ?>" >
77
- <span class="heading ctc-analytics ctc_cta" style="color: <?php echo $s5_line_1_color ?>"><?php echo $s5_line_1 ?></span>
78
- <span class="description ctc-analytics" style="color: <?php echo $s5_line_2_color ?>"><?php echo $s5_line_2 ?></span>
79
  </div>
80
  </div>
81
 
71
 
72
  <div class="ht-ctc-style-5 ctc-analytics" style="cursor: pointer; z-index: 99999999;" >
73
 
74
+ <div class="s5_cta" style="<?= $s5_cta_style ?>" >
75
+ <img class="s5_img ctc-analytics" src="<?= $s5_img ?>" style="<?= $s5_img_style ?>" alt="<?= $call_to_action ?>">
76
+ <div class="s5_content ctc-analytics <?= $s5_img_position ?>" style="<?= $s5_content_style ?>" >
77
+ <span class="heading ctc-analytics ctc_cta" style="color: <?= $s5_line_1_color ?>"><?= $s5_line_1 ?></span>
78
+ <span class="description ctc-analytics" style="color: <?= $s5_line_2_color ?>"><?= $s5_line_2 ?></span>
79
  </div>
80
  </div>
81
 
new/inc/styles/style-6.php CHANGED
@@ -17,9 +17,9 @@ $s6_txt_decoration = esc_attr( $s6_options['s6_txt_decoration'] );
17
  $s6_txt_decoration_on_hover = esc_attr( $s6_options['s6_txt_decoration_on_hover'] );
18
  ?>
19
 
20
- <a class="ctc-analytics ctc_cta" style="color: <?php echo $s6_txt_color ?>; text-decoration: <?php echo $s6_txt_decoration ?>;"
21
- onmouseover = "this.style.color = '<?php echo $s6_txt_color_on_hover ?>', this.style.textDecoration = '<?php echo $s6_txt_decoration_on_hover ?>' "
22
- onmouseout = "this.style.color = '<?php echo $s6_txt_color ?>', this.style.textDecoration = '<?php echo $s6_txt_decoration ?>' "
23
  >
24
- <?php echo $call_to_action ?>
25
  </a>
17
  $s6_txt_decoration_on_hover = esc_attr( $s6_options['s6_txt_decoration_on_hover'] );
18
  ?>
19
 
20
+ <a class="ctc-analytics ctc_cta" style="color: <?= $s6_txt_color ?>; text-decoration: <?= $s6_txt_decoration ?>;"
21
+ onmouseover = "this.style.color = '<?= $s6_txt_color_on_hover ?>', this.style.textDecoration = '<?= $s6_txt_decoration_on_hover ?>' "
22
+ onmouseout = "this.style.color = '<?= $s6_txt_color ?>', this.style.textDecoration = '<?= $s6_txt_decoration ?>' "
23
  >
24
+ <?= $call_to_action ?>
25
  </a>
new/inc/styles/style-7.php CHANGED
@@ -72,12 +72,12 @@ $s7_hover_icon_styles = ".ht-ctc.style-7:hover .ctc_s_7_icon_padding{background-
72
  include_once HT_CTC_PLUGIN_DIR .'new/inc/assets/img/ht-ctc-svg-images.php';
73
  ?>
74
  <style id="ht-ctc-s7">
75
- <?php echo $s7_hover_icon_styles ?>
76
  </style>
77
 
78
- <div <?php echo $title ?> class="ctc_s_7 ctc-analytics ctc_cta" style="<?php echo $s7_n1_styles; ?>">
79
- <p class="ctc_s_7_cta ctc-analytics <?php echo $s7_cta_class ?>" style="<?php echo $s7_cta_css ?>"><?php echo $call_to_action; ?></p>
80
- <div class="ctc_s_7_icon_padding ctc-analytics " style="<?php echo $s7_icon_css ?>">
81
- <?php echo ht_ctc_singlecolor( $s7_svg_attrs ); ?>
82
  </div>
83
  </div>
72
  include_once HT_CTC_PLUGIN_DIR .'new/inc/assets/img/ht-ctc-svg-images.php';
73
  ?>
74
  <style id="ht-ctc-s7">
75
+ <?= $s7_hover_icon_styles ?>
76
  </style>
77
 
78
+ <div <?= $title ?> class="ctc_s_7 ctc-analytics ctc_cta" style="<?= $s7_n1_styles; ?>">
79
+ <p class="ctc_s_7_cta ctc-analytics <?= $s7_cta_class ?>" style="<?= $s7_cta_css ?>"><?= $call_to_action; ?></p>
80
+ <div class="ctc_s_7_icon_padding ctc-analytics " style="<?= $s7_icon_css ?>">
81
+ <?= ht_ctc_singlecolor( $s7_svg_attrs ); ?>
82
  </div>
83
  </div>
new/inc/styles/style-7_1.php CHANGED
@@ -91,12 +91,12 @@ if ('right' == $side_2) {
91
  include_once HT_CTC_PLUGIN_DIR .'new/inc/assets/img/ht-ctc-svg-images.php';
92
  ?>
93
  <style id="ht-ctc-s7_1">
94
- <?php echo $s7_hover_styles ?>
95
  </style>
96
 
97
- <div class="ctc_s_7_1 ctc-analytics" style="<?php echo $s7_n1_styles; ?>">
98
- <p class="ctc_s_7_1_cta ctc-analytics ctc_cta <?php echo $s7_cta_class ?>" style="<?php echo $s7_cta_css ?>"><?php echo $call_to_action; ?></p>
99
- <div class="ctc_s_7_icon_padding ctc-analytics " style="<?php echo $s7_icon_padding_css ?>">
100
- <?php echo ht_ctc_singlecolor( $s7_svg_attrs ); ?>
101
  </div>
102
  </div>
91
  include_once HT_CTC_PLUGIN_DIR .'new/inc/assets/img/ht-ctc-svg-images.php';
92
  ?>
93
  <style id="ht-ctc-s7_1">
94
+ <?= $s7_hover_styles ?>
95
  </style>
96
 
97
+ <div class="ctc_s_7_1 ctc-analytics" style="<?= $s7_n1_styles; ?>">
98
+ <p class="ctc_s_7_1_cta ctc-analytics ctc_cta <?= $s7_cta_class ?>" style="<?= $s7_cta_css ?>"><?= $call_to_action; ?></p>
99
+ <div class="ctc_s_7_icon_padding ctc-analytics " style="<?= $s7_icon_padding_css ?>">
100
+ <?= ht_ctc_singlecolor( $s7_svg_attrs ); ?>
101
  </div>
102
  </div>
new/inc/styles/style-8.php CHANGED
@@ -55,19 +55,19 @@ $s8_main_span_css = "display: flex; $rtl_css padding: 0 2rem;letter-spacing: .5p
55
  ?>
56
 
57
  <style id="ht-ctc-s8">
58
- .ht-ctc-style-8 .s_8 svg{<?php echo $s8_icon_css ?>;}.ht-ctc:hover svg g path{fill:<?php echo $s8_txt_color_on_hover ?> !important;}.ht-ctc:hover .ht-ctc-s8-text{color:<?php echo $s8_txt_color_on_hover ?> !important;}.ht-ctc:hover .ht-ctc-style-8 .s_8{box-shadow: 0 3px 3px 0 rgba(7,6,6,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2) !important; transition: .2s ease-out !important; background-color:<?php echo $s8_bg_color_on_hover ?> !important; }<?php echo $s8_fullwidth_css ?>
59
  </style>
60
 
61
  <div class = "ht-ctc-style-8 ctc-analytics" >
62
- <span class="s_8 waves-effect waves-light ctc-analytics" style="<?php echo $s8_main_span_css ?>">
63
  <?php
64
  if ('hide' !== $s8_icon_position) {
65
  include_once HT_CTC_PLUGIN_DIR .'new/inc/assets/img/ht-ctc-svg-images.php';
66
  echo ht_ctc_singlecolor( $s8_svg_attrs );
67
  }
68
  ?>
69
- <span class="ht-ctc-s8-text s8_span ctc-analytics ctc_cta" style="<?php echo $s8_text_css; ?>">
70
- <?php echo $call_to_action ?>
71
  </span>
72
  </span>
73
  </div>
55
  ?>
56
 
57
  <style id="ht-ctc-s8">
58
+ .ht-ctc-style-8 .s_8 svg{<?= $s8_icon_css ?>;}.ht-ctc:hover svg g path{fill:<?= $s8_txt_color_on_hover ?> !important;}.ht-ctc:hover .ht-ctc-s8-text{color:<?= $s8_txt_color_on_hover ?> !important;}.ht-ctc:hover .ht-ctc-style-8 .s_8{box-shadow: 0 3px 3px 0 rgba(7,6,6,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2) !important; transition: .2s ease-out !important; background-color:<?= $s8_bg_color_on_hover ?> !important; }<?= $s8_fullwidth_css ?>
59
  </style>
60
 
61
  <div class = "ht-ctc-style-8 ctc-analytics" >
62
+ <span class="s_8 waves-effect waves-light ctc-analytics" style="<?= $s8_main_span_css ?>">
63
  <?php
64
  if ('hide' !== $s8_icon_position) {
65
  include_once HT_CTC_PLUGIN_DIR .'new/inc/assets/img/ht-ctc-svg-images.php';
66
  echo ht_ctc_singlecolor( $s8_svg_attrs );
67
  }
68
  ?>
69
+ <span class="ht-ctc-s8-text s8_span ctc-analytics ctc_cta" style="<?= $s8_text_css; ?>">
70
+ <?= $call_to_action ?>
71
  </span>
72
  </span>
73
  </div>
new/inc/styles/style-99.php CHANGED
@@ -39,4 +39,4 @@ if ( '' == $s99_own_image ) {
39
 
40
  ?>
41
 
42
- <img class="own-img ctc-analytics ctc_cta" title="<?php echo $call_to_action ?>" id="style-99" src="<?php echo $s99_own_image ?>" style="<?php echo $s99_img_css ?>" alt="<?php echo $call_to_action ?>">
39
 
40
  ?>
41
 
42
+ <img class="own-img ctc-analytics ctc_cta" title="<?= $call_to_action ?>" id="style-99" src="<?= $s99_own_image ?>" style="<?= $s99_img_css ?>" alt="<?= $call_to_action ?>">
new/tools/woo/class-ht-ctc-admin-woo.php CHANGED
@@ -48,7 +48,7 @@ class HT_CTC_Admin_WOO {
48
  <!-- prefilled message -->
49
  <div class="row">
50
  <div class="input-field col s12">
51
- <textarea name="ht_ctc_chat_options[woo_pre_filled]" id="woo_pre_filled" class="materialize-textarea input-margin" style="min-height: 84px;" placeholder="<?php echo $placeholder ?>"><?php echo $woo_pre_filled ?></textarea>
52
  <label for="woo_pre_filled">Pre-filled message</label>
53
  <p class="description">Pre-filled message for WooCommerce Single Product pages. Leave blank to get default pre-filled message.</p>
54
  <p class="description">Variables: {product}, {price}, {regular_price}, {sku}, {site}, {url}, {title} - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/woocommerce_pre-filled-message/">more info</a> </p>
@@ -58,7 +58,7 @@ class HT_CTC_Admin_WOO {
58
  <!-- Call to Action -->
59
  <div class="row">
60
  <div class="input-field col s12">
61
- <input name="ht_ctc_chat_options[woo_call_to_action]" value="<?php echo $woo_call_to_action ?>" id="woo_call_to_action" type="text" class="input-margin">
62
  <label for="woo_call_to_action">Call to Action</label>
63
  <p class="description">Call-to-Action for WooCommerce Single Product pages. Leave blank to get default call-to-action - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/woocommerce_call-to-action/">more info</a> </p>
64
  </div>
48
  <!-- prefilled message -->
49
  <div class="row">
50
  <div class="input-field col s12">
51
+ <textarea name="ht_ctc_chat_options[woo_pre_filled]" id="woo_pre_filled" class="materialize-textarea input-margin" style="min-height: 84px;" placeholder="<?= $placeholder ?>"><?= $woo_pre_filled ?></textarea>
52
  <label for="woo_pre_filled">Pre-filled message</label>
53
  <p class="description">Pre-filled message for WooCommerce Single Product pages. Leave blank to get default pre-filled message.</p>
54
  <p class="description">Variables: {product}, {price}, {regular_price}, {sku}, {site}, {url}, {title} - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/woocommerce_pre-filled-message/">more info</a> </p>
58
  <!-- Call to Action -->
59
  <div class="row">
60
  <div class="input-field col s12">
61
+ <input name="ht_ctc_chat_options[woo_call_to_action]" value="<?= $woo_call_to_action ?>" id="woo_call_to_action" type="text" class="input-margin">
62
  <label for="woo_call_to_action">Call to Action</label>
63
  <p class="description">Call-to-Action for WooCommerce Single Product pages. Leave blank to get default call-to-action - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/woocommerce_call-to-action/">more info</a> </p>
64
  </div>
new/tools/woo/ht-ctc-woo.php CHANGED
@@ -1,21 +1,17 @@
1
  <?php
2
  /**
3
  * Init WooCommerce
 
 
4
  */
5
 
6
 
7
-
8
- function ht_ctc_woo() {
9
- if ( class_exists( 'WooCommerce' ) ) {
10
-
11
- if ( is_admin() ) {
12
- include_once HT_CTC_PLUGIN_DIR .'new/tools/woo/class-ht-ctc-admin-woo.php';
13
- } else {
14
- include_once HT_CTC_PLUGIN_DIR .'new/tools/woo/class-ht-ctc-woo.php';
15
- }
16
-
17
  }
18
- }
19
 
20
- // After plugins loaded check if woo exists and include related files.
21
- add_action( 'plugins_loaded', 'ht_ctc_woo' );
1
  <?php
2
  /**
3
  * Init WooCommerce
4
+ *
5
+ * @included from ht-ctc.php using init hook
6
  */
7
 
8
 
9
+ if ( class_exists( 'WooCommerce' ) ) {
10
+
11
+ if ( is_admin() ) {
12
+ include_once HT_CTC_PLUGIN_DIR .'new/tools/woo/class-ht-ctc-admin-woo.php';
13
+ } else {
14
+ include_once HT_CTC_PLUGIN_DIR .'new/tools/woo/class-ht-ctc-woo.php';
 
 
 
 
15
  }
 
16
 
17
+ }
 
prev/admin/class-ccw-admin-others.php CHANGED
@@ -35,7 +35,7 @@ class HT_CCW_Admin_Others {
35
  function ifnumberblank() {
36
  ?>
37
  <div class="notice notice-info is-dismissible">
38
- <p>Click to Chat is almost ready. <a href="<?php echo admin_url('admin.php?page=click-to-chat');?>">Add WhatsApp Number</a> to let vistiors chat.</p>
39
  <!-- <a href="?dismis">Dismiss</a> -->
40
  </div>
41
  <?php
35
  function ifnumberblank() {
36
  ?>
37
  <div class="notice notice-info is-dismissible">
38
+ <p>Click to Chat is almost ready. <a href="<?= admin_url('admin.php?page=click-to-chat');?>">Add WhatsApp Number</a> to let vistiors chat.</p>
39
  <!-- <a href="?dismis">Dismiss</a> -->
40
  </div>
41
  <?php
prev/admin/class-ccw-admin-page-customize-styles.php CHANGED
@@ -92,7 +92,7 @@ class CCW_Admin_Page_Customize_Styles {
92
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
93
  </div>
94
  <div class="input-field col s6">
95
- <input name="ccw_options_cs[s2_text_color]" data-default-color="inherit" value="<?php echo esc_attr( $ccw_style_2['s2_text_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
96
  </div>
97
  </div>
98
 
@@ -101,7 +101,7 @@ class CCW_Admin_Page_Customize_Styles {
101
  <p><?php _e( 'Text Color on Hover', 'click-to-chat-for-whatsapp' ); ?> </p>
102
  </div>
103
  <div class="input-field col s6">
104
- <input name="ccw_options_cs[s2_text_color_onhover]" data-default-color="inherit" value="<?php echo esc_attr( $ccw_style_2['s2_text_color_onhover'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
105
  </div>
106
  </div>
107
 
@@ -111,12 +111,12 @@ class CCW_Admin_Page_Customize_Styles {
111
  </div>
112
  <div class="input-field col s6">
113
  <select name="ccw_options_cs[s2_decoration]" class="select-2_2">
114
- <option value="none" <?php echo $s2_decoration_value == 'none' ? 'SELECTED' : ''; ?> >none</option>
115
- <option value="underline" <?php echo $s2_decoration_value == 'underline' ? 'SELECTED' : ''; ?> >underline</option>
116
- <option value="overline" <?php echo $s2_decoration_value == 'overline' ? 'SELECTED' : ''; ?> >overline</option>
117
- <option value="line-through" <?php echo $s2_decoration_value == 'line-through' ? 'SELECTED' : ''; ?> >line-through</option>
118
- <option value="initial" <?php echo $s2_decoration_value == 'initial' ? 'SELECTED' : ''; ?> >initial</option>
119
- <option value="inherit" <?php echo $s2_decoration_value == 'inherit' ? 'SELECTED' : ''; ?> >inherit</option>
120
  </select>
121
  <label><?php _e( 'Text Decoration', 'click-to-chat-for-whatsapp' ); ?> </label>
122
  </div>
@@ -128,12 +128,12 @@ class CCW_Admin_Page_Customize_Styles {
128
  </div>
129
  <div class="input-field col s6">
130
  <select name="ccw_options_cs[s2_decoration_onhover]" class="select-2_2">
131
- <option value="none" <?php echo $s2_decoration_onhover == 'none' ? 'SELECTED' : ''; ?> >none</option>
132
- <option value="underline" <?php echo $s2_decoration_onhover == 'underline' ? 'SELECTED' : ''; ?> >underline</option>
133
- <option value="overline" <?php echo $s2_decoration_onhover == 'overline' ? 'SELECTED' : ''; ?> >overline</option>
134
- <option value="line-through" <?php echo $s2_decoration_onhover == 'line-through' ? 'SELECTED' : ''; ?> >line-through</option>
135
- <option value="initial" <?php echo $s2_decoration_onhover == 'initial' ? 'SELECTED' : ''; ?> >initial</option>
136
- <option value="inherit" <?php echo $s2_decoration_onhover == 'inherit' ? 'SELECTED' : ''; ?> >inherit</option>
137
  </select>
138
  <label>Text Decoration on focus </label>
139
  </div>
@@ -162,7 +162,7 @@ class CCW_Admin_Page_Customize_Styles {
162
  <p><?php _e( 'Image size', 'click-to-chat-for-whatsapp' ); ?></p>
163
  </div>
164
  <div class="input-field col s4">
165
- <input name="ccw_options_cs[s3_icon_size]" value="<?php echo esc_attr( $ccw_style_3['s3_icon_size'] ) ?>" type="text" class="" >
166
  </div>
167
  </div>
168
 
@@ -190,7 +190,7 @@ class CCW_Admin_Page_Customize_Styles {
190
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?> </p>
191
  </div>
192
  <div class="input-field col s6">
193
- <input name="ccw_options_cs[s4_text_color]" data-default-color="rgba(0, 0, 0, 0.6)" value="<?php echo esc_attr( $ccw_style_4['s4_text_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
194
  </div>
195
  </div>
196
 
@@ -199,7 +199,7 @@ class CCW_Admin_Page_Customize_Styles {
199
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?> </p>
200
  </div>
201
  <div class="input-field col s6">
202
- <input name="ccw_options_cs[s4_background_color]" data-default-color="#e4e4e4" value="<?php echo esc_attr( $ccw_style_4['s4_background_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
203
  </div>
204
  </div>
205
 
@@ -227,7 +227,7 @@ class CCW_Admin_Page_Customize_Styles {
227
  </div>
228
  <div class="input-field col s6">
229
  <!-- style="height: 1.375rem;" or 22px -->
230
- <input name="ccw_options_cs[s5_color]" data-default-color="#000" value="<?php echo esc_attr( $ccw_style_5['s5_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
231
  </div>
232
  </div>
233
 
@@ -236,7 +236,7 @@ class CCW_Admin_Page_Customize_Styles {
236
  <p>Color of icon - when hover </p>
237
  </div>
238
  <div class="input-field col s6">
239
- <input name="ccw_options_cs[s5_hover_color]" data-default-color="#ddd" value="<?php echo esc_attr( $ccw_style_5['s5_hover_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
240
  </div>
241
  </div>
242
 
@@ -245,7 +245,7 @@ class CCW_Admin_Page_Customize_Styles {
245
  <p>Size of icon </p>
246
  </div>
247
  <div class="input-field col s4">
248
- <input name="ccw_options_cs[s5_icon_size]" value="<?php echo esc_attr( $ccw_style_5['s5_icon_size'] ) ?>" type="text" class="" >
249
  </div>
250
  </div>
251
 
@@ -272,7 +272,7 @@ class CCW_Admin_Page_Customize_Styles {
272
  </div>
273
  <div class="input-field col s6">
274
  <!-- style="height: 1.375rem;" or 22px -->
275
- <input name="ccw_options_cs[s6_color]" data-default-color="#fff" value="<?php echo esc_attr( $ccw_style_6['s6_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
276
  </div>
277
  </div>
278
 
@@ -281,7 +281,7 @@ class CCW_Admin_Page_Customize_Styles {
281
  <p>Color of icon - when hover </p>
282
  </div>
283
  <div class="input-field col s6">
284
- <input name="ccw_options_cs[s6_hover_color]" data-default-color="#000" value="<?php echo esc_attr( $ccw_style_6['s6_hover_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
285
  </div>
286
  </div>
287
 
@@ -290,7 +290,7 @@ class CCW_Admin_Page_Customize_Styles {
290
  <p>Size of icon</p>
291
  </div>
292
  <div class="input-field col s4">
293
- <input name="ccw_options_cs[s6_icon_size]" value="<?php echo esc_attr( $ccw_style_6['s6_icon_size'] ) ?>" type="text" class="" >
294
  </div>
295
  </div>
296
 
@@ -299,7 +299,7 @@ class CCW_Admin_Page_Customize_Styles {
299
  <p>Circle color </p>
300
  </div>
301
  <div class="input-field col s6">
302
- <input name="ccw_options_cs[s6_circle_background_color]" data-default-color="#ffa500" value="<?php echo esc_attr( $ccw_style_6['s6_circle_background_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
303
  </div>
304
  </div>
305
 
@@ -308,7 +308,7 @@ class CCW_Admin_Page_Customize_Styles {
308
  <p>Circle color - when hover </p>
309
  </div>
310
  <div class="input-field col s6">
311
- <input name="ccw_options_cs[s6_circle_background_hover_color]" data-default-color="#ffa500" value="<?php echo esc_attr( $ccw_style_6['s6_circle_background_hover_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
312
  </div>
313
  </div>
314
 
@@ -318,7 +318,7 @@ class CCW_Admin_Page_Customize_Styles {
318
  <p>Circle Height</p>
319
  </div>
320
  <div class="input-field col s4">
321
- <input name="ccw_options_cs[s6_circle_height]" value="<?php echo esc_attr( $ccw_style_6['s6_circle_height'] ) ?>" type="text" class="" >
322
  </div>
323
  </div>
324
 
@@ -327,7 +327,7 @@ class CCW_Admin_Page_Customize_Styles {
327
  <p>Circle Width</p>
328
  </div>
329
  <div class="input-field col s4">
330
- <input name="ccw_options_cs[s6_circle_width]" value="<?php echo esc_attr( $ccw_style_6['s6_circle_width'] ) ?>" type="text" class="" >
331
  </div>
332
  </div>
333
 
@@ -336,7 +336,7 @@ class CCW_Admin_Page_Customize_Styles {
336
  <p>Circle Line Height</p>
337
  </div>
338
  <div class="input-field col s4">
339
- <input name="ccw_options_cs[s6_line_height]" value="<?php echo esc_attr( $ccw_style_6['s6_line_height'] ) ?>" type="text" class="" >
340
  </div>
341
  </div>
342
 
@@ -368,7 +368,7 @@ class CCW_Admin_Page_Customize_Styles {
368
  </div>
369
  <div class="input-field col s6">
370
  <!-- style="height: 1.375rem;" or 22px -->
371
- <input name="ccw_options_cs[s7_color]" data-default-color="#fff" value="<?php echo esc_attr( $ccw_style_7['s7_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
372
  </div>
373
  </div>
374
 
@@ -377,7 +377,7 @@ class CCW_Admin_Page_Customize_Styles {
377
  <p>Color of icon - when hover </p>
378
  </div>
379
  <div class="input-field col s6">
380
- <input name="ccw_options_cs[s7_hover_color]" data-default-color="#000" value="<?php echo esc_attr( $ccw_style_7['s7_hover_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
381
  </div>
382
  </div>
383
 
@@ -386,7 +386,7 @@ class CCW_Admin_Page_Customize_Styles {
386
  <p>Size of icon</p>
387
  </div>
388
  <div class="input-field col s4">
389
- <input name="ccw_options_cs[s7_icon_size]" value="<?php echo esc_attr( $ccw_style_7['s7_icon_size'] ) ?>" type="text" class="" >
390
  </div>
391
  </div>
392
 
@@ -395,7 +395,7 @@ class CCW_Admin_Page_Customize_Styles {
395
  <p>box color </p>
396
  </div>
397
  <div class="input-field col s6">
398
- <input name="ccw_options_cs[s7_box_background_color]" data-default-color="#ffa500" value="<?php echo esc_attr( $ccw_style_7['s7_box_background_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
399
  </div>
400
  </div>
401
 
@@ -404,7 +404,7 @@ class CCW_Admin_Page_Customize_Styles {
404
  <p>box color - when hover </p>
405
  </div>
406
  <div class="input-field col s6">
407
- <input name="ccw_options_cs[s7_box_background_hover_color]" data-default-color="#ffa500" value="<?php echo esc_attr( $ccw_style_7['s7_box_background_hover_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
408
  </div>
409
  </div>
410
 
@@ -414,7 +414,7 @@ class CCW_Admin_Page_Customize_Styles {
414
  <p>box Height</p>
415
  </div>
416
  <div class="input-field col s4">
417
- <input name="ccw_options_cs[s7_box_height]" value="<?php echo esc_attr( $ccw_style_7['s7_box_height'] ) ?>" type="text" class="" >
418
  </div>
419
  </div>
420
 
@@ -423,7 +423,7 @@ class CCW_Admin_Page_Customize_Styles {
423
  <p>box Width</p>
424
  </div>
425
  <div class="input-field col s4">
426
- <input name="ccw_options_cs[s7_box_width]" value="<?php echo esc_attr( $ccw_style_7['s7_box_width'] ) ?>" type="text" class="" >
427
  </div>
428
  </div>
429
 
@@ -432,7 +432,7 @@ class CCW_Admin_Page_Customize_Styles {
432
  <p>box Line Height</p>
433
  </div>
434
  <div class="input-field col s4">
435
- <input name="ccw_options_cs[s7_line_height]" value="<?php echo esc_attr( $ccw_style_7['s7_line_height'] ) ?>" type="text" class="" >
436
  </div>
437
  </div>
438
 
@@ -464,7 +464,7 @@ class CCW_Admin_Page_Customize_Styles {
464
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
465
  </div>
466
  <div class="input-field col s6">
467
- <input name="ccw_options_cs[s8_text_color]" data-default-color="#fff" value="<?php echo esc_attr( $ccw_style_8['s8_text_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
468
  </div>
469
  </div>
470
 
@@ -473,7 +473,7 @@ class CCW_Admin_Page_Customize_Styles {
473
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
474
  </div>
475
  <div class="input-field col s6">
476
- <input name="ccw_options_cs[s8_background_color]" data-default-color="#26a69a" value="<?php echo esc_attr( $ccw_style_8['s8_background_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
477
  </div>
478
  </div>
479
 
@@ -482,7 +482,7 @@ class CCW_Admin_Page_Customize_Styles {
482
  <p><?php _e( 'Icon color', 'click-to-chat-for-whatsapp' ); ?></p>
483
  </div>
484
  <div class="input-field col s6">
485
- <input name="ccw_options_cs[s8_icon_color]" data-default-color="#fff" value="<?php echo esc_attr( $ccw_style_8['s8_icon_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
486
  </div>
487
  </div>
488
 
@@ -491,7 +491,7 @@ class CCW_Admin_Page_Customize_Styles {
491
  <p><?php _e( 'Text Color on hover', 'click-to-chat-for-whatsapp' ); ?></p>
492
  </div>
493
  <div class="input-field col s6">
494
- <input name="ccw_options_cs[s8_text_color_onhover]" data-default-color="#fff" value="<?php echo esc_attr( $ccw_style_8['s8_text_color_onhover'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
495
  </div>
496
  </div>
497
 
@@ -500,7 +500,7 @@ class CCW_Admin_Page_Customize_Styles {
500
  <p><?php _e( 'Background Color on hover', 'click-to-chat-for-whatsapp' ); ?></p>
501
  </div>
502
  <div class="input-field col s6">
503
- <input name="ccw_options_cs[s8_background_color_onhover]" data-default-color="#26a69a" value="<?php echo esc_attr( $ccw_style_8['s8_background_color_onhover'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
504
  </div>
505
  </div>
506
 
@@ -509,7 +509,7 @@ class CCW_Admin_Page_Customize_Styles {
509
  <p><?php _e( 'Icon color on hover', 'click-to-chat-for-whatsapp' ); ?></p>
510
  </div>
511
  <div class="input-field col s6">
512
- <input name="ccw_options_cs[s8_icon_color_onhover]" data-default-color="#fff" value="<?php echo esc_attr( $ccw_style_8['s8_icon_color_onhover'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
513
  </div>
514
  </div>
515
 
@@ -519,9 +519,9 @@ class CCW_Admin_Page_Customize_Styles {
519
  </div>
520
  <div class="input-field col s6">
521
  <select name="ccw_options_cs[s8_icon_float]" class="select-2_2">
522
- <option value="left" <?php echo $s8_icon_float == 'left' ? 'SELECTED' : ''; ?> >left</option>
523
- <option value="right" <?php echo $s8_icon_float == 'right' ? 'SELECTED' : ''; ?> >right</option>
524
- <option value="hide" <?php echo $s8_icon_float == 'hide' ? 'SELECTED' : ''; ?> >hide</option>
525
  </select>
526
  <label>Icon flow</label>
527
  </div>
@@ -533,7 +533,7 @@ class CCW_Admin_Page_Customize_Styles {
533
  <p><?php _e( 'Icon size', 'click-to-chat-for-whatsapp' ); ?></p>
534
  </div>
535
  <div class="input-field col s4">
536
- <input name="ccw_options_cs[s8_1_width]" value="<?php echo esc_attr( $ccw_style_8['s8_1_width'] ) ?>" type="text" class="" >
537
  </div>
538
  </div>
539
 
@@ -560,7 +560,7 @@ class CCW_Admin_Page_Customize_Styles {
560
  <p><?php _e( 'Image size', 'click-to-chat-for-whatsapp' ); ?></p>
561
  </div>
562
  <div class="input-field col s4">
563
- <input name="ccw_options_cs[s9_icon_size]" value="<?php echo esc_attr( $ccw_style_9['s9_icon_size'] ) ?>" type="text" class="" >
564
  </div>
565
  </div>
566
 
@@ -585,7 +585,7 @@ class CCW_Admin_Page_Customize_Styles {
585
 
586
  <div class="row">
587
  <div class="input-field col s12">
588
- <input name="ccw_options_cs[s99_desktop_img]" value="<?php echo esc_attr( $ccw_style_99_own_img['s99_desktop_img'] ) ?>" id="img-url-desktop" type="text" class="validate">
589
  <label for="img-url-desktop"><?php _e( 'Image URL - Desktop', 'click-to-chat-for-whatsapp' ); ?> </label>
590
  <p class="description">e.g. https://example.com/img.png - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/style-99-own-image/">own image - style 99</a> </p>
591
  <p class="description">Image / GIF </p>
@@ -594,7 +594,7 @@ class CCW_Admin_Page_Customize_Styles {
594
 
595
  <div class="row">
596
  <div class="input-field col s12">
597
- <input name="ccw_options_cs[s99_mobile_img]" value="<?php echo esc_attr( $ccw_style_99_own_img['s99_mobile_img'] ) ?>" id="img-url-mobile" type="text" class="validate">
598
  <label for="img-url-mobile"><?php _e( 'Image URL - Mobile', 'click-to-chat-for-whatsapp' ); ?> </label>
599
  <p class="description">e.g. https://example.com/img.png - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/style-99-own-image/">own image - style 99</a> </p>
600
  </div>
@@ -610,7 +610,7 @@ class CCW_Admin_Page_Customize_Styles {
610
  <p><?php _e( 'Desktop - Image Height', 'click-to-chat-for-whatsapp' ); ?></p>
611
  </div>
612
  <div class="input-field col s4">
613
- <input name="ccw_options_cs[s99_img_height_desktop]" value="<?php echo esc_attr( $ccw_style_99_own_img['s99_img_height_desktop'] ) ?>" type="text" class="" >
614
  </div>
615
  </div>
616
 
@@ -619,7 +619,7 @@ class CCW_Admin_Page_Customize_Styles {
619
  <p><?php _e( 'Desktop - Image Width', 'click-to-chat-for-whatsapp' ); ?></p>
620
  </div>
621
  <div class="input-field col s4">
622
- <input name="ccw_options_cs[s99_img_width_desktop]" value="<?php echo esc_attr( $ccw_style_99_own_img['s99_img_width_desktop'] ) ?>" type="text" class="" >
623
  </div>
624
  </div>
625
 
@@ -629,7 +629,7 @@ class CCW_Admin_Page_Customize_Styles {
629
  <p><?php _e( 'Mobile - Image Height', 'click-to-chat-for-whatsapp' ); ?></p>
630
  </div>
631
  <div class="input-field col s4">
632
- <input name="ccw_options_cs[s99_img_height_mobile]" value="<?php echo esc_attr( $ccw_style_99_own_img['s99_img_height_mobile'] ) ?>" type="text" class="" >
633
  </div>
634
  </div>
635
 
@@ -638,7 +638,7 @@ class CCW_Admin_Page_Customize_Styles {
638
  <p><?php _e( 'Mobile - Image Width', 'click-to-chat-for-whatsapp' ); ?></p>
639
  </div>
640
  <div class="input-field col s4">
641
- <input name="ccw_options_cs[s99_img_width_mobile]" value="<?php echo esc_attr( $ccw_style_99_own_img['s99_img_width_mobile'] ) ?>" type="text" class="" >
642
  </div>
643
  </div>
644
 
@@ -690,7 +690,7 @@ class CCW_Admin_Page_Customize_Styles {
690
 
691
  foreach ( $an_list as $value ) {
692
  ?>
693
- <option value="<?php echo $value ?>" <?php echo $an_on_load == $value ? 'SELECTED' : ''; ?> ><?php echo $value ?></option>
694
  <?php
695
  }
696
 
@@ -707,8 +707,8 @@ class CCW_Admin_Page_Customize_Styles {
707
  </div>
708
  <div class="input-field col s6">
709
  <select name="ccw_options_cs[an_on_hover]" class="select-2_2">
710
- <option value="ccw-an" <?php echo $an_on_hover == 'ccw-an' ? 'SELECTED' : ''; ?> >Yes</option>
711
- <option value="ccw-no-hover-an" <?php echo $an_on_hover == 'ccw-no-hover-an' ? 'SELECTED' : ''; ?> >No</option>
712
  </select>
713
  <label>Animation on mouse hover</label>
714
  </div>
@@ -741,7 +741,7 @@ class CCW_Admin_Page_Customize_Styles {
741
  <div id="ga-analytics" class="collapsible-header">Google Analytics </div>
742
  <div class="collapsible-body">
743
 
744
- <p class="description"> Enable Google Analytics at plugin home settings - <a target="_blank" href="<?php echo admin_url( 'admin.php?page=click-to-chat' ); ?>">Click to Chat</a> </p>
745
  <p class="description"> Event Values - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/google-analytics/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
746
  <br><br>
747
 
@@ -751,7 +751,7 @@ class CCW_Admin_Page_Customize_Styles {
751
  <p>Category Name</p>
752
  </div>
753
  <div class="input-field col s5">
754
- <input name="ht_ccw_ga[ga_category]" value="<?php echo esc_attr( $ht_ccw_ga['ga_category'] ) ?>" type="text" class="" >
755
  </div>
756
  </div>
757
 
@@ -761,7 +761,7 @@ class CCW_Admin_Page_Customize_Styles {
761
  <p>Action Name</p>
762
  </div>
763
  <div class="input-field col s5">
764
- <input name="ht_ccw_ga[ga_action]" value="<?php echo esc_attr( $ht_ccw_ga['ga_action'] ) ?>" type="text" class="" >
765
  </div>
766
  </div>
767
 
@@ -771,7 +771,7 @@ class CCW_Admin_Page_Customize_Styles {
771
  <p>Label Name</p>
772
  </div>
773
  <div class="input-field col s5">
774
- <input name="ht_ccw_ga[ga_label]" value="<?php echo esc_attr( $ht_ccw_ga['ga_label'] ) ?>" type="text" class="" >
775
  </div>
776
  </div>
777
 
@@ -801,7 +801,7 @@ class CCW_Admin_Page_Customize_Styles {
801
  <div id="fb-analytics" class="collapsible-header">Facebook Analytics </div>
802
  <div class="collapsible-body">
803
 
804
- <p class="description"> Enable Facebook Analytics at plugin home settings - <a target="_blank" href="<?php echo admin_url( 'admin.php?page=click-to-chat' ); ?>"><?php _e( 'Click to Chat' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
805
  <p class="description"> Event Parameters - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/facebook-analytics/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
806
  <br><br>
807
 
@@ -811,7 +811,7 @@ class CCW_Admin_Page_Customize_Styles {
811
  <p>Event Name</p>
812
  </div>
813
  <div class="input-field col s5">
814
- <input name="ht_ccw_fb[fb_event_name]" value="<?php echo esc_attr( $ht_ccw_fb['fb_event_name'] ) ?>" type="text" class="" >
815
  </div>
816
  </div>
817
 
@@ -823,12 +823,12 @@ class CCW_Admin_Page_Customize_Styles {
823
  <div class="input-field col s5">
824
 
825
  <div class="input-field col">
826
- <input name="ht_ccw_fb[p1_name]" value="<?php echo esc_attr( $ht_ccw_fb['p1_name'] ) ?>" id="p1_name" type="text" class="" >
827
  <label for="p1_name">Name: </label>
828
  </div>
829
 
830
  <div class="input-field col">
831
- <input name="ht_ccw_fb[p1_value]" value="<?php echo esc_attr( $ht_ccw_fb['p1_value'] ) ?>" id="p1_value" type="text" class="" >
832
  <label for="p1_value">Value: </label>
833
  </div>
834
 
@@ -844,12 +844,12 @@ class CCW_Admin_Page_Customize_Styles {
844
  <div class="input-field col s5">
845
 
846
  <div class="input-field col">
847
- <input name="ht_ccw_fb[p2_name]" value="<?php echo esc_attr( $ht_ccw_fb['p2_name'] ) ?>" id="p2_name" type="text" class="" >
848
  <label for="p2_name">Name: </label>
849
  </div>
850
 
851
  <div class="input-field col">
852
- <input name="ht_ccw_fb[p2_value]" value="<?php echo esc_attr( $ht_ccw_fb['p2_value'] ) ?>" id="p2_value" type="text" class="" >
853
  <label for="p2_value">Value: </label>
854
  </div>
855
 
@@ -865,12 +865,12 @@ class CCW_Admin_Page_Customize_Styles {
865
  <div class="input-field col s5">
866
 
867
  <div class="input-field col">
868
- <input name="ht_ccw_fb[p3_name]" value="<?php echo esc_attr( $ht_ccw_fb['p3_name'] ) ?>" id="p3_name" type="text" class="" >
869
  <label for="p3_name">Name: </label>
870
  </div>
871
 
872
  <div class="input-field col">
873
- <input name="ht_ccw_fb[p3_value]" value="<?php echo esc_attr( $ht_ccw_fb['p3_value'] ) ?>" id="p3_value" type="text" class="" >
874
  <label for="p3_value">Value: </label>
875
  </div>
876
 
92
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
93
  </div>
94
  <div class="input-field col s6">
95
+ <input name="ccw_options_cs[s2_text_color]" data-default-color="inherit" value="<?= esc_attr( $ccw_style_2['s2_text_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
96
  </div>
97
  </div>
98
 
101
  <p><?php _e( 'Text Color on Hover', 'click-to-chat-for-whatsapp' ); ?> </p>
102
  </div>
103
  <div class="input-field col s6">
104
+ <input name="ccw_options_cs[s2_text_color_onhover]" data-default-color="inherit" value="<?= esc_attr( $ccw_style_2['s2_text_color_onhover'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
105
  </div>
106
  </div>
107
 
111
  </div>
112
  <div class="input-field col s6">
113
  <select name="ccw_options_cs[s2_decoration]" class="select-2_2">
114
+ <option value="none" <?= $s2_decoration_value == 'none' ? 'SELECTED' : ''; ?> >none</option>
115
+ <option value="underline" <?= $s2_decoration_value == 'underline' ? 'SELECTED' : ''; ?> >underline</option>
116
+ <option value="overline" <?= $s2_decoration_value == 'overline' ? 'SELECTED' : ''; ?> >overline</option>
117
+ <option value="line-through" <?= $s2_decoration_value == 'line-through' ? 'SELECTED' : ''; ?> >line-through</option>
118
+ <option value="initial" <?= $s2_decoration_value == 'initial' ? 'SELECTED' : ''; ?> >initial</option>
119
+ <option value="inherit" <?= $s2_decoration_value == 'inherit' ? 'SELECTED' : ''; ?> >inherit</option>
120
  </select>
121
  <label><?php _e( 'Text Decoration', 'click-to-chat-for-whatsapp' ); ?> </label>
122
  </div>
128
  </div>
129
  <div class="input-field col s6">
130
  <select name="ccw_options_cs[s2_decoration_onhover]" class="select-2_2">
131
+ <option value="none" <?= $s2_decoration_onhover == 'none' ? 'SELECTED' : ''; ?> >none</option>
132
+ <option value="underline" <?= $s2_decoration_onhover == 'underline' ? 'SELECTED' : ''; ?> >underline</option>
133
+ <option value="overline" <?= $s2_decoration_onhover == 'overline' ? 'SELECTED' : ''; ?> >overline</option>
134
+ <option value="line-through" <?= $s2_decoration_onhover == 'line-through' ? 'SELECTED' : ''; ?> >line-through</option>
135
+ <option value="initial" <?= $s2_decoration_onhover == 'initial' ? 'SELECTED' : ''; ?> >initial</option>
136
+ <option value="inherit" <?= $s2_decoration_onhover == 'inherit' ? 'SELECTED' : ''; ?> >inherit</option>
137
  </select>
138
  <label>Text Decoration on focus </label>
139
  </div>
162
  <p><?php _e( 'Image size', 'click-to-chat-for-whatsapp' ); ?></p>
163
  </div>
164
  <div class="input-field col s4">
165
+ <input name="ccw_options_cs[s3_icon_size]" value="<?= esc_attr( $ccw_style_3['s3_icon_size'] ) ?>" type="text" class="" >
166
  </div>
167
  </div>
168
 
190
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?> </p>
191
  </div>
192
  <div class="input-field col s6">
193
+ <input name="ccw_options_cs[s4_text_color]" data-default-color="rgba(0, 0, 0, 0.6)" value="<?= esc_attr( $ccw_style_4['s4_text_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
194
  </div>
195
  </div>
196
 
199
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?> </p>
200
  </div>
201
  <div class="input-field col s6">
202
+ <input name="ccw_options_cs[s4_background_color]" data-default-color="#e4e4e4" value="<?= esc_attr( $ccw_style_4['s4_background_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
203
  </div>
204
  </div>
205
 
227
  </div>
228
  <div class="input-field col s6">
229
  <!-- style="height: 1.375rem;" or 22px -->
230
+ <input name="ccw_options_cs[s5_color]" data-default-color="#000" value="<?= esc_attr( $ccw_style_5['s5_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
231
  </div>
232
  </div>
233
 
236
  <p>Color of icon - when hover </p>
237
  </div>
238
  <div class="input-field col s6">
239
+ <input name="ccw_options_cs[s5_hover_color]" data-default-color="#ddd" value="<?= esc_attr( $ccw_style_5['s5_hover_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
240
  </div>
241
  </div>
242
 
245
  <p>Size of icon </p>
246
  </div>
247
  <div class="input-field col s4">
248
+ <input name="ccw_options_cs[s5_icon_size]" value="<?= esc_attr( $ccw_style_5['s5_icon_size'] ) ?>" type="text" class="" >
249
  </div>
250
  </div>
251
 
272
  </div>
273
  <div class="input-field col s6">
274
  <!-- style="height: 1.375rem;" or 22px -->
275
+ <input name="ccw_options_cs[s6_color]" data-default-color="#fff" value="<?= esc_attr( $ccw_style_6['s6_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
276
  </div>
277
  </div>
278
 
281
  <p>Color of icon - when hover </p>
282
  </div>
283
  <div class="input-field col s6">
284
+ <input name="ccw_options_cs[s6_hover_color]" data-default-color="#000" value="<?= esc_attr( $ccw_style_6['s6_hover_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
285
  </div>
286
  </div>
287
 
290
  <p>Size of icon</p>
291
  </div>
292
  <div class="input-field col s4">
293
+ <input name="ccw_options_cs[s6_icon_size]" value="<?= esc_attr( $ccw_style_6['s6_icon_size'] ) ?>" type="text" class="" >
294
  </div>
295
  </div>
296
 
299
  <p>Circle color </p>
300
  </div>
301
  <div class="input-field col s6">
302
+ <input name="ccw_options_cs[s6_circle_background_color]" data-default-color="#ffa500" value="<?= esc_attr( $ccw_style_6['s6_circle_background_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
303
  </div>
304
  </div>
305
 
308
  <p>Circle color - when hover </p>
309
  </div>
310
  <div class="input-field col s6">
311
+ <input name="ccw_options_cs[s6_circle_background_hover_color]" data-default-color="#ffa500" value="<?= esc_attr( $ccw_style_6['s6_circle_background_hover_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
312
  </div>
313
  </div>
314
 
318
  <p>Circle Height</p>
319
  </div>
320
  <div class="input-field col s4">
321
+ <input name="ccw_options_cs[s6_circle_height]" value="<?= esc_attr( $ccw_style_6['s6_circle_height'] ) ?>" type="text" class="" >
322
  </div>
323
  </div>
324
 
327
  <p>Circle Width</p>
328
  </div>
329
  <div class="input-field col s4">
330
+ <input name="ccw_options_cs[s6_circle_width]" value="<?= esc_attr( $ccw_style_6['s6_circle_width'] ) ?>" type="text" class="" >
331
  </div>
332
  </div>
333
 
336
  <p>Circle Line Height</p>
337
  </div>
338
  <div class="input-field col s4">
339
+ <input name="ccw_options_cs[s6_line_height]" value="<?= esc_attr( $ccw_style_6['s6_line_height'] ) ?>" type="text" class="" >
340
  </div>
341
  </div>
342
 
368
  </div>
369
  <div class="input-field col s6">
370
  <!-- style="height: 1.375rem;" or 22px -->
371
+ <input name="ccw_options_cs[s7_color]" data-default-color="#fff" value="<?= esc_attr( $ccw_style_7['s7_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
372
  </div>
373
  </div>
374
 
377
  <p>Color of icon - when hover </p>
378
  </div>
379
  <div class="input-field col s6">
380
+ <input name="ccw_options_cs[s7_hover_color]" data-default-color="#000" value="<?= esc_attr( $ccw_style_7['s7_hover_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
381
  </div>
382
  </div>
383
 
386
  <p>Size of icon</p>
387
  </div>
388
  <div class="input-field col s4">
389
+ <input name="ccw_options_cs[s7_icon_size]" value="<?= esc_attr( $ccw_style_7['s7_icon_size'] ) ?>" type="text" class="" >
390
  </div>
391
  </div>
392
 
395
  <p>box color </p>
396
  </div>
397
  <div class="input-field col s6">
398
+ <input name="ccw_options_cs[s7_box_background_color]" data-default-color="#ffa500" value="<?= esc_attr( $ccw_style_7['s7_box_background_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
399
  </div>
400
  </div>
401
 
404
  <p>box color - when hover </p>
405
  </div>
406
  <div class="input-field col s6">
407
+ <input name="ccw_options_cs[s7_box_background_hover_color]" data-default-color="#ffa500" value="<?= esc_attr( $ccw_style_7['s7_box_background_hover_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
408
  </div>
409
  </div>
410
 
414
  <p>box Height</p>
415
  </div>
416
  <div class="input-field col s4">
417
+ <input name="ccw_options_cs[s7_box_height]" value="<?= esc_attr( $ccw_style_7['s7_box_height'] ) ?>" type="text" class="" >
418
  </div>
419
  </div>
420
 
423
  <p>box Width</p>
424
  </div>
425
  <div class="input-field col s4">
426
+ <input name="ccw_options_cs[s7_box_width]" value="<?= esc_attr( $ccw_style_7['s7_box_width'] ) ?>" type="text" class="" >
427
  </div>
428
  </div>
429
 
432
  <p>box Line Height</p>
433
  </div>
434
  <div class="input-field col s4">
435
+ <input name="ccw_options_cs[s7_line_height]" value="<?= esc_attr( $ccw_style_7['s7_line_height'] ) ?>" type="text" class="" >
436
  </div>
437
  </div>
438
 
464
  <p><?php _e( 'Text Color', 'click-to-chat-for-whatsapp' ); ?></p>
465
  </div>
466
  <div class="input-field col s6">
467
+ <input name="ccw_options_cs[s8_text_color]" data-default-color="#fff" value="<?= esc_attr( $ccw_style_8['s8_text_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
468
  </div>
469
  </div>
470
 
473
  <p><?php _e( 'Background Color', 'click-to-chat-for-whatsapp' ); ?></p>
474
  </div>
475
  <div class="input-field col s6">
476
+ <input name="ccw_options_cs[s8_background_color]" data-default-color="#26a69a" value="<?= esc_attr( $ccw_style_8['s8_background_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
477
  </div>
478
  </div>
479
 
482
  <p><?php _e( 'Icon color', 'click-to-chat-for-whatsapp' ); ?></p>
483
  </div>
484
  <div class="input-field col s6">
485
+ <input name="ccw_options_cs[s8_icon_color]" data-default-color="#fff" value="<?= esc_attr( $ccw_style_8['s8_icon_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
486
  </div>
487
  </div>
488
 
491
  <p><?php _e( 'Text Color on hover', 'click-to-chat-for-whatsapp' ); ?></p>
492
  </div>
493
  <div class="input-field col s6">
494
+ <input name="ccw_options_cs[s8_text_color_onhover]" data-default-color="#fff" value="<?= esc_attr( $ccw_style_8['s8_text_color_onhover'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
495
  </div>
496
  </div>
497
 
500
  <p><?php _e( 'Background Color on hover', 'click-to-chat-for-whatsapp' ); ?></p>
501
  </div>
502
  <div class="input-field col s6">
503
+ <input name="ccw_options_cs[s8_background_color_onhover]" data-default-color="#26a69a" value="<?= esc_attr( $ccw_style_8['s8_background_color_onhover'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
504
  </div>
505
  </div>
506
 
509
  <p><?php _e( 'Icon color on hover', 'click-to-chat-for-whatsapp' ); ?></p>
510
  </div>
511
  <div class="input-field col s6">
512
+ <input name="ccw_options_cs[s8_icon_color_onhover]" data-default-color="#fff" value="<?= esc_attr( $ccw_style_8['s8_icon_color_onhover'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
513
  </div>
514
  </div>
515
 
519
  </div>
520
  <div class="input-field col s6">
521
  <select name="ccw_options_cs[s8_icon_float]" class="select-2_2">
522
+ <option value="left" <?= $s8_icon_float == 'left' ? 'SELECTED' : ''; ?> >left</option>
523
+ <option value="right" <?= $s8_icon_float == 'right' ? 'SELECTED' : ''; ?> >right</option>
524
+ <option value="hide" <?= $s8_icon_float == 'hide' ? 'SELECTED' : ''; ?> >hide</option>
525
  </select>
526
  <label>Icon flow</label>
527
  </div>
533
  <p><?php _e( 'Icon size', 'click-to-chat-for-whatsapp' ); ?></p>
534
  </div>
535
  <div class="input-field col s4">
536
+ <input name="ccw_options_cs[s8_1_width]" value="<?= esc_attr( $ccw_style_8['s8_1_width'] ) ?>" type="text" class="" >
537
  </div>
538
  </div>
539
 
560
  <p><?php _e( 'Image size', 'click-to-chat-for-whatsapp' ); ?></p>
561
  </div>
562
  <div class="input-field col s4">
563
+ <input name="ccw_options_cs[s9_icon_size]" value="<?= esc_attr( $ccw_style_9['s9_icon_size'] ) ?>" type="text" class="" >
564
  </div>
565
  </div>
566
 
585
 
586
  <div class="row">
587
  <div class="input-field col s12">
588
+ <input name="ccw_options_cs[s99_desktop_img]" value="<?= esc_attr( $ccw_style_99_own_img['s99_desktop_img'] ) ?>" id="img-url-desktop" type="text" class="validate">
589
  <label for="img-url-desktop"><?php _e( 'Image URL - Desktop', 'click-to-chat-for-whatsapp' ); ?> </label>
590
  <p class="description">e.g. https://example.com/img.png - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/style-99-own-image/">own image - style 99</a> </p>
591
  <p class="description">Image / GIF </p>
594
 
595
  <div class="row">
596
  <div class="input-field col s12">
597
+ <input name="ccw_options_cs[s99_mobile_img]" value="<?= esc_attr( $ccw_style_99_own_img['s99_mobile_img'] ) ?>" id="img-url-mobile" type="text" class="validate">
598
  <label for="img-url-mobile"><?php _e( 'Image URL - Mobile', 'click-to-chat-for-whatsapp' ); ?> </label>
599
  <p class="description">e.g. https://example.com/img.png - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/style-99-own-image/">own image - style 99</a> </p>
600
  </div>
610
  <p><?php _e( 'Desktop - Image Height', 'click-to-chat-for-whatsapp' ); ?></p>
611
  </div>
612
  <div class="input-field col s4">
613
+ <input name="ccw_options_cs[s99_img_height_desktop]" value="<?= esc_attr( $ccw_style_99_own_img['s99_img_height_desktop'] ) ?>" type="text" class="" >
614
  </div>
615
  </div>
616
 
619
  <p><?php _e( 'Desktop - Image Width', 'click-to-chat-for-whatsapp' ); ?></p>
620
  </div>
621
  <div class="input-field col s4">
622
+ <input name="ccw_options_cs[s99_img_width_desktop]" value="<?= esc_attr( $ccw_style_99_own_img['s99_img_width_desktop'] ) ?>" type="text" class="" >
623
  </div>
624
  </div>
625
 
629
  <p><?php _e( 'Mobile - Image Height', 'click-to-chat-for-whatsapp' ); ?></p>
630
  </div>
631
  <div class="input-field col s4">
632
+ <input name="ccw_options_cs[s99_img_height_mobile]" value="<?= esc_attr( $ccw_style_99_own_img['s99_img_height_mobile'] ) ?>" type="text" class="" >
633
  </div>
634
  </div>
635
 
638
  <p><?php _e( 'Mobile - Image Width', 'click-to-chat-for-whatsapp' ); ?></p>
639
  </div>
640
  <div class="input-field col s4">
641
+ <input name="ccw_options_cs[s99_img_width_mobile]" value="<?= esc_attr( $ccw_style_99_own_img['s99_img_width_mobile'] ) ?>" type="text" class="" >
642
  </div>
643
  </div>
644
 
690
 
691
  foreach ( $an_list as $value ) {
692
  ?>
693
+ <option value="<?= $value ?>" <?= $an_on_load == $value ? 'SELECTED' : ''; ?> ><?= $value ?></option>
694
  <?php
695
  }
696
 
707
  </div>
708
  <div class="input-field col s6">
709
  <select name="ccw_options_cs[an_on_hover]" class="select-2_2">
710
+ <option value="ccw-an" <?= $an_on_hover == 'ccw-an' ? 'SELECTED' : ''; ?> >Yes</option>
711
+ <option value="ccw-no-hover-an" <?= $an_on_hover == 'ccw-no-hover-an' ? 'SELECTED' : ''; ?> >No</option>
712
  </select>
713
  <label>Animation on mouse hover</label>
714
  </div>
741
  <div id="ga-analytics" class="collapsible-header">Google Analytics </div>
742
  <div class="collapsible-body">
743
 
744
+ <p class="description"> Enable Google Analytics at plugin home settings - <a target="_blank" href="<?= admin_url( 'admin.php?page=click-to-chat' ); ?>">Click to Chat</a> </p>
745
  <p class="description"> Event Values - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/google-analytics/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
746
  <br><br>
747
 
751
  <p>Category Name</p>
752
  </div>
753
  <div class="input-field col s5">
754
+ <input name="ht_ccw_ga[ga_category]" value="<?= esc_attr( $ht_ccw_ga['ga_category'] ) ?>" type="text" class="" >
755
  </div>
756
  </div>
757
 
761
  <p>Action Name</p>
762
  </div>
763
  <div class="input-field col s5">
764
+ <input name="ht_ccw_ga[ga_action]" value="<?= esc_attr( $ht_ccw_ga['ga_action'] ) ?>" type="text" class="" >
765
  </div>
766
  </div>
767
 
771
  <p>Label Name</p>
772
  </div>
773
  <div class="input-field col s5">
774
+ <input name="ht_ccw_ga[ga_label]" value="<?= esc_attr( $ht_ccw_ga['ga_label'] ) ?>" type="text" class="" >
775
  </div>
776
  </div>
777
 
801
  <div id="fb-analytics" class="collapsible-header">Facebook Analytics </div>
802
  <div class="collapsible-body">
803
 
804
+ <p class="description"> Enable Facebook Analytics at plugin home settings - <a target="_blank" href="<?= admin_url( 'admin.php?page=click-to-chat' ); ?>"><?php _e( 'Click to Chat' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
805
  <p class="description"> Event Parameters - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/facebook-analytics/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
806
  <br><br>
807
 
811
  <p>Event Name</p>
812
  </div>
813
  <div class="input-field col s5">
814
+ <input name="ht_ccw_fb[fb_event_name]" value="<?= esc_attr( $ht_ccw_fb['fb_event_name'] ) ?>" type="text" class="" >
815
  </div>
816
  </div>
817
 
823
  <div class="input-field col s5">
824
 
825
  <div class="input-field col">
826
+ <input name="ht_ccw_fb[p1_name]" value="<?= esc_attr( $ht_ccw_fb['p1_name'] ) ?>" id="p1_name" type="text" class="" >
827
  <label for="p1_name">Name: </label>
828
  </div>
829
 
830
  <div class="input-field col">
831
+ <input name="ht_ccw_fb[p1_value]" value="<?= esc_attr( $ht_ccw_fb['p1_value'] ) ?>" id="p1_value" type="text" class="" >
832
  <label for="p1_value">Value: </label>
833
  </div>
834
 
844
  <div class="input-field col s5">
845
 
846
  <div class="input-field col">
847
+ <input name="ht_ccw_fb[p2_name]" value="<?= esc_attr( $ht_ccw_fb['p2_name'] ) ?>" id="p2_name" type="text" class="" >
848
  <label for="p2_name">Name: </label>
849
  </div>
850
 
851
  <div class="input-field col">
852
+ <input name="ht_ccw_fb[p2_value]" value="<?= esc_attr( $ht_ccw_fb['p2_value'] ) ?>" id="p2_value" type="text" class="" >
853
  <label for="p2_value">Value: </label>
854
  </div>
855
 
865
  <div class="input-field col s5">
866
 
867
  <div class="input-field col">
868
+ <input name="ht_ccw_fb[p3_name]" value="<?= esc_attr( $ht_ccw_fb['p3_name'] ) ?>" id="p3_name" type="text" class="" >
869
  <label for="p3_name">Name: </label>
870
  </div>
871
 
872
  <div class="input-field col">
873
+ <input name="ht_ccw_fb[p3_value]" value="<?= esc_attr( $ht_ccw_fb['p3_value'] ) ?>" id="p3_value" type="text" class="" >
874
  <label for="p3_value">Value: </label>
875
  </div>
876
 
prev/admin/class-ccw-admin-page.php CHANGED
@@ -76,8 +76,8 @@ class CCW_Admin_Page {
76
  <div class="input-field col s12" style="margin-bottom: 0px;">
77
  <select name="ht_ctc_switch[interface]" class="select-2">
78
  <!-- here first option value place as "no" as here default/db value not placed, when save with no changes it saves as no -->
79
- <option value="no" <?php echo $interface_value == 'no' ? 'SELECTED' : ''; ?> >Previous Interface</option>
80
- <option value="yes" <?php echo $interface_value == 'yes' ? 'SELECTED' : ''; ?> >New Interface (Have to reconfigure the settings)</option>
81
  </select>
82
  <label>Switch Interface</label>
83
  </div>
@@ -112,7 +112,7 @@ class CCW_Admin_Page {
112
  <div class="input-field col s12">
113
  <select name="ccw_options[enable]" class="select-1">
114
  <option value="1">No</option>
115
- <option value="2" <?php echo esc_attr( $ccw_enable['enable'] ) == 2 ? 'SELECTED' : ''; ?> >Yes</option>
116
  </select>
117
  <label>enable</label>
118
  </div>
@@ -128,7 +128,7 @@ class CCW_Admin_Page {
128
  <div class="input-field col s12 select-margin">
129
  <select name="ccw_options[enable_sc]" class="select-1">
130
  <option value="1">No</option>
131
- <option value="2" <?php echo esc_attr( $ccw_enable_sc['enable_sc'] ) == 2 ? 'SELECTED' : ''; ?> >Yes</option>
132
  </select>
133
  <label>enable ShortCodes</label>
134
  <p class="description">If Selected - No - then Hides Shortcodes and its syntax - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/enable-disable-styles/">more info</a> </p>
@@ -144,8 +144,8 @@ class CCW_Admin_Page {
144
  <div class="row">
145
  <div class="input-field col s12 select-margin">
146
  <select name="ccw_options[return_type]" class="select-1">
147
- <option value="chat" <?php echo esc_attr( $ccw_return_type['return_type'] ) == 'chat' ? 'SELECTED' : ''; ?> >Chat</option>
148
- <option value="group_chat" <?php echo esc_attr( $ccw_return_type['return_type'] ) == 'group_chat' ? 'SELECTED' : ''; ?> >Group chat - Invite</option>
149
  </select>
150
  <label>Default return type - Chat or Group Chat Invite</label>
151
  <p class="description">Default return type for Floating Style, shortcodes. But for shortcodes can change using shortcode attributes - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/return-type-chat-or-group-chat/">more info</a> </p>
@@ -163,21 +163,21 @@ class CCW_Admin_Page {
163
  <div class="row">
164
  <div class="input-field col s12">
165
  <select name="ccw_options[style]" class="select-2">
166
- <option value="1" <?php echo $style_value == 1 ? 'SELECTED' : ''; ?> >Style-1</option>
167
- <option value="2" <?php echo $style_value == 2 ? 'SELECTED' : ''; ?> >Style-2</option>
168
- <option value="3" <?php echo $style_value == 3 ? 'SELECTED' : ''; ?> >Style-3</option>
169
- <option value="4" <?php echo $style_value == 4 ? 'SELECTED' : ''; ?> >Style-4</option>
170
- <option value="5" <?php echo $style_value == 5 ? 'SELECTED' : ''; ?> >Style-5</option>
171
- <option value="6" <?php echo $style_value == 6 ? 'SELECTED' : ''; ?> >Style-6</option>
172
- <option value="7" <?php echo $style_value == 7 ? 'SELECTED' : ''; ?> >Style-7</option>
173
- <option value="8" <?php echo $style_value == 8 ? 'SELECTED' : ''; ?> >Style-8</option>
174
- <option value="9" <?php echo $style_value == 9 ? 'SELECTED' : ''; ?> >Style-9</option>
175
- <option value="99" <?php echo $style_value == 99 ? 'SELECTED' : ''; ?> >Style-99 ( Add your own Image / GIF )</option>
176
- <option value="0" <?php echo $style_value == 0 ? 'SELECTED' : ''; ?> >Hide on Desktop Devices</option>
177
  </select>
178
  <label>Select Style for Desktop</label>
179
  <p class="description"> - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/styles/">List of Styles</a> </p>
180
- <p class="description">These styles are customizable - <a target="_blank" href="<?php echo admin_url( 'admin.php?page=ccw-edit-styles' ); ?>">Customize Styles</a> </p>
181
 
182
  </div>
183
  </div>
@@ -192,17 +192,17 @@ class CCW_Admin_Page {
192
  <div class="row">
193
  <div class="input-field col s12">
194
  <select name="ccw_options[stylemobile]" class="select-2_2">
195
- <option value="1" <?php echo $style_mobile_value == 1 ? 'SELECTED' : ''; ?> >Style-1</option>
196
- <option value="2" <?php echo $style_mobile_value == 2 ? 'SELECTED' : ''; ?> >Style-2</option>
197
- <option value="3" <?php echo $style_mobile_value == 3 ? 'SELECTED' : ''; ?> >Style-3</option>
198
- <option value="4" <?php echo $style_mobile_value == 4 ? 'SELECTED' : ''; ?> >Style-4</option>
199
- <option value="5" <?php echo $style_mobile_value == 5 ? 'SELECTED' : ''; ?> >Style-5</option>
200
- <option value="6" <?php echo $style_mobile_value == 6 ? 'SELECTED' : ''; ?> >Style-6</option>
201
- <option value="7" <?php echo $style_mobile_value == 7 ? 'SELECTED' : ''; ?> >Style-7</option>
202
- <option value="8" <?php echo $style_mobile_value == 8 ? 'SELECTED' : ''; ?> >Style-8</option>
203
- <option value="9" <?php echo $style_mobile_value == 9 ? 'SELECTED' : ''; ?> >Style-9</option>
204
- <option value="99" <?php echo $style_mobile_value == 99 ? 'SELECTED' : ''; ?> >Style-99 ( Add your own Image / GIF )</option>
205
- <option value="0" <?php echo $style_mobile_value == 0 ? 'SELECTED' : ''; ?> >Hide on Mobile Devices</option>
206
  </select>
207
  <label>Select Style for Mobile Devices</label>
208
  </div>
@@ -216,7 +216,7 @@ class CCW_Admin_Page {
216
  ?>
217
  <div class="row">
218
  <div class="input-field col s12">
219
- <input name="ccw_options[number]" value="<?php echo esc_attr( $ccw_number['number'] ) ?>" id="whatsapp_number" type="text" class="input-margin">
220
  <label for="whatsapp_number">Enter whatsapp number </label>
221
  <p class="description">Enter whatsapp number with country code ( e.g. 916123456789 ) please dont include +, ( here in e.g. 91 is country code 6123456789 is mobile number - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/whatsapp-number/">more info</a> ) </p>
222
  </div>
@@ -231,7 +231,7 @@ class CCW_Admin_Page {
231
  ?>
232
  <div class="row">
233
  <div class="input-field col s12">
234
- <input name="ccw_options[initial]" value="<?php echo esc_attr( $ccw_initial['initial'] ) ?>" id="whatsapp_initial" type="text" class="input-margin">
235
  <label for="whatsapp_initial">Initial Message</label>
236
  <p class="description">Initial message ( pre-filled ), placeholder {{url}} to add webpage url - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/pre-filled-message/">more info</a> </p>
237
  </div>
@@ -246,7 +246,7 @@ class CCW_Admin_Page {
246
  ?>
247
  <div class="row">
248
  <div class="input-field col s12">
249
- <input name="ccw_options[group_id]" value="<?php echo esc_attr( $ccw_group_id['group_id'] ) ?>" id="whatsapp_group_id" type="text" class="input-margin">
250
  <label for="whatsapp_group_id">whatsapp group ID Extenstion </label>
251
  <p class="description">Enter whatsapp Group Id - E.g. 9EHLsEsOeJk6AVtE8AvXiA - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/find-whatsapp-group-id/">more info</a> </p>
252
  </div>
@@ -262,10 +262,10 @@ class CCW_Admin_Page {
262
  <div class="row">
263
  <div class="input-field col s12">
264
  <select name="ccw_options[position]" class="select">
265
- <option value="1" <?php echo $ccw_position_value == 1 ? 'SELECTED' : ''; ?> >bottom right</option>
266
- <option value="2" <?php echo $ccw_position_value == 2 ? 'SELECTED' : ''; ?> >bottom left</option>
267
- <option value="3" <?php echo $ccw_position_value == 3 ? 'SELECTED' : ''; ?> >top left</option>
268
- <option value="4" <?php echo $ccw_position_value == 4 ? 'SELECTED' : ''; ?> >top right</option>
269
  </select>
270
  <label>Fixed position to place</label>
271
  <p class="description">e.g. 10px - please add css units as suffix, e.g. 10px, 10%, 10rem, 10em .. <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/position-to-place/">more info</a> </p>
@@ -274,22 +274,22 @@ class CCW_Admin_Page {
274
 
275
  <div class="row display-none position position-1 bottom-right">
276
  <div class="input-field col s6">
277
- <input name="ccw_options[position-1_bottom]" value="<?php echo esc_attr( $ccw_position['position-1_bottom'] ) ?>" id="position-1_bottom" type="text" class="validate">
278
  <label for="position-1_bottom">position_bottom: </label>
279
  </div>
280
  <div class="input-field col s6">
281
- <input name="ccw_options[position-1_right]" value="<?php echo esc_attr( $ccw_position['position-1_right'] ) ?>" id="position-1_right" type="text" class="validate">
282
  <label for="position-1_right">position_right: </label>
283
  </div>
284
  </div>
285
 
286
  <div class="row display-none position position-2 bottom-left">
287
  <div class="input-field col s6">
288
- <input name="ccw_options[position-2_bottom]" value="<?php echo esc_attr( $ccw_position['position-2_bottom'] ) ?>" id="position-2_bottom" type="text" class="validate">
289
  <label for="position-2_bottom">position_bottom: </label>
290
  </div>
291
  <div class="input-field col s6">
292
- <input name="ccw_options[position-2_left]" value="<?php echo esc_attr( $ccw_position['position-2_left'] ) ?>" id="position-2_left" type="text" class="validate">
293
  <label for="position-2_left">position_left: </label>
294
  </div>
295
  </div>
@@ -298,22 +298,22 @@ class CCW_Admin_Page {
298
 
299
  <div class="row display-none position position-3 top-left">
300
  <div class="input-field col s6">
301
- <input name="ccw_options[position-3_top]" value="<?php echo esc_attr( $ccw_position['position-3_top'] ) ?>" id="position-3_top" type="text" class="validate">
302
  <label for="position-3_top">position_top: </label>
303
  </div>
304
  <div class="input-field col s6">
305
- <input name="ccw_options[position-3_left]" value="<?php echo esc_attr( $ccw_position['position-3_left'] ) ?>" id="position-3_left" type="text" class="validate">
306
  <label for="position-3_left">position_left: </label>
307
  </div>
308
  </div>
309
 
310
  <div class="row display-none position position-4 top-right">
311
  <div class="input-field col s6">
312
- <input name="ccw_options[position-4_top]" value="<?php echo esc_attr( $ccw_position['position-4_top'] ) ?>" id="position-4_top" type="text" class="validate">
313
  <label for="position-4_top">position_top: </label>
314
  </div>
315
  <div class="input-field col s6">
316
- <input name="ccw_options[position-4_right]" value="<?php echo esc_attr( $ccw_position['position-4_right'] ) ?>" id="position-4_right" type="text" class="validate">
317
  <label for="position-4_right">position_right: </label>
318
  </div>
319
  </div>
@@ -327,7 +327,7 @@ class CCW_Admin_Page {
327
  ?>
328
  <div class="row">
329
  <div class="input-field col s12">
330
- <input name="ccw_options[input_placeholder]" value="<?php echo esc_attr( $ccw_placeholder['input_placeholder'] ) ?>" id="input_placeholder" type="text" class="input-margin">
331
  <label for="input_placeholder">placeholder value</label>
332
  <p class="description"> - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/text-to-display/">more info</a> </p>
333
  </div>
@@ -363,7 +363,7 @@ class CCW_Admin_Page {
363
  ?>
364
 
365
  <p class="description"> If Google Analytics is installed - creates an Event at there - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/google-analytics/">more info</a> </p>
366
- <p class="description"> Customize Event Values - <a target="_blank" href="<?php echo admin_url( 'admin.php?page=ccw-edit-styles#ga-analytics' ); ?>"><?php _e( 'Customize Styles' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
367
  <p class="description"> Using - <a target="_blank" href="https://holithemes.com/google-analytics-for-click-to-chat-for-whatsapp-plugin/">Google Tag Manager</a> </p>
368
  <?php
369
  }
@@ -395,7 +395,7 @@ class CCW_Admin_Page {
395
  }
396
  ?>
397
  <p class="description"> If Facebook Analytics is installed - creates an Event at there - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/facebook-analytics/">more info</a> </p>
398
- <p class="description"> Customize Event Values - <a target="_blank" href="<?php echo admin_url( 'admin.php?page=ccw-edit-styles#fb-analytics' ); ?>">Customize Styles</a> </p>
399
  <?php
400
  }
401
 
@@ -569,7 +569,7 @@ class CCW_Admin_Page {
569
  ?>
570
  <div class="row">
571
  <div class="input-field col s12">
572
- <input name="ccw_options[list_hideon_pages]" value="<?php echo esc_attr( $ccw_list_id_tohide['list_hideon_pages'] ) ?>" id="ccw_list_id_tohide" type="text" class="input-margin">
573
  <label for="ccw_list_id_tohide">Id's list to Hide - add ',' after each id </label>
574
  <p class="description"> Add Post, Pages, Media - ID's to hide, Add multiple id's separate with a comma ( , ) - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/show-hide-styles-based-on-id/">more info</a> </p>
575
  </div>
@@ -583,7 +583,7 @@ class CCW_Admin_Page {
583
  ?>
584
  <div class="row">
585
  <div class="input-field col s12">
586
- <input name="ccw_options[list_hideon_cat]" value="<?php echo esc_attr( $ccw_list_cat_tohide['list_hideon_cat'] ) ?>" id="ccw_list_cat_tohide" type="text" class="input-margin">
587
  <label for="ccw_list_cat_tohide">Category name's to Hide - add ',' after each category name </label>
588
  <p class="description">Category name's to hide, Add multiple Categories separate with a comma ( , ) - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/hide-styles-based-on-category/">more info</a> </p>
589
  </div>
@@ -597,7 +597,7 @@ class CCW_Admin_Page {
597
  ?>
598
  <div class="row">
599
  <div class="input-field col s12">
600
- <input name="ccw_options[shortcode]" value="<?php echo esc_attr( $ccw_shortcode['shortcode'] ) ?>" id="shortcode" type="text" class="input-margin">
601
  <label for="shortcode">shortcode name</label>
602
  <?php
603
  $shortcode_list = '';
@@ -607,7 +607,7 @@ class CCW_Admin_Page {
607
  }
608
  ?>
609
  <p class="description"> Default values is 'chat', can customize shortcode name - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/change-shortcode-name/">more info</a> </p>
610
- <!-- <p class="description"> please dont add this already existing shortcode names - <?php echo $shortcode_list ?> </p> -->
611
  <p class="description"> please dont change to already existing shortcode name </p>
612
  </div>
613
  </div>
76
  <div class="input-field col s12" style="margin-bottom: 0px;">
77
  <select name="ht_ctc_switch[interface]" class="select-2">
78
  <!-- here first option value place as "no" as here default/db value not placed, when save with no changes it saves as no -->
79
+ <option value="no" <?= $interface_value == 'no' ? 'SELECTED' : ''; ?> >Previous Interface</option>
80
+ <option value="yes" <?= $interface_value == 'yes' ? 'SELECTED' : ''; ?> >New Interface (Have to reconfigure the settings)</option>
81
  </select>
82
  <label>Switch Interface</label>
83
  </div>
112
  <div class="input-field col s12">
113
  <select name="ccw_options[enable]" class="select-1">
114
  <option value="1">No</option>
115
+ <option value="2" <?= esc_attr( $ccw_enable['enable'] ) == 2 ? 'SELECTED' : ''; ?> >Yes</option>
116
  </select>
117
  <label>enable</label>
118
  </div>
128
  <div class="input-field col s12 select-margin">
129
  <select name="ccw_options[enable_sc]" class="select-1">
130
  <option value="1">No</option>
131
+ <option value="2" <?= esc_attr( $ccw_enable_sc['enable_sc'] ) == 2 ? 'SELECTED' : ''; ?> >Yes</option>
132
  </select>
133
  <label>enable ShortCodes</label>
134
  <p class="description">If Selected - No - then Hides Shortcodes and its syntax - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/enable-disable-styles/">more info</a> </p>
144
  <div class="row">
145
  <div class="input-field col s12 select-margin">
146
  <select name="ccw_options[return_type]" class="select-1">
147
+ <option value="chat" <?= esc_attr( $ccw_return_type['return_type'] ) == 'chat' ? 'SELECTED' : ''; ?> >Chat</option>
148
+ <option value="group_chat" <?= esc_attr( $ccw_return_type['return_type'] ) == 'group_chat' ? 'SELECTED' : ''; ?> >Group chat - Invite</option>
149
  </select>
150
  <label>Default return type - Chat or Group Chat Invite</label>
151
  <p class="description">Default return type for Floating Style, shortcodes. But for shortcodes can change using shortcode attributes - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/return-type-chat-or-group-chat/">more info</a> </p>
163
  <div class="row">
164
  <div class="input-field col s12">
165
  <select name="ccw_options[style]" class="select-2">
166
+ <option value="1" <?= $style_value == 1 ? 'SELECTED' : ''; ?> >Style-1</option>
167
+ <option value="2" <?= $style_value == 2 ? 'SELECTED' : ''; ?> >Style-2</option>
168
+ <option value="3" <?= $style_value == 3 ? 'SELECTED' : ''; ?> >Style-3</option>
169
+ <option value="4" <?= $style_value == 4 ? 'SELECTED' : ''; ?> >Style-4</option>
170
+ <option value="5" <?= $style_value == 5 ? 'SELECTED' : ''; ?> >Style-5</option>
171
+ <option value="6" <?= $style_value == 6 ? 'SELECTED' : ''; ?> >Style-6</option>
172
+ <option value="7" <?= $style_value == 7 ? 'SELECTED' : ''; ?> >Style-7</option>
173
+ <option value="8" <?= $style_value == 8 ? 'SELECTED' : ''; ?> >Style-8</option>
174
+ <option value="9" <?= $style_value == 9 ? 'SELECTED' : ''; ?> >Style-9</option>
175
+ <option value="99" <?= $style_value == 99 ? 'SELECTED' : ''; ?> >Style-99 ( Add your own Image / GIF )</option>
176
+ <option value="0" <?= $style_value == 0 ? 'SELECTED' : ''; ?> >Hide on Desktop Devices</option>
177
  </select>
178
  <label>Select Style for Desktop</label>
179
  <p class="description"> - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/styles/">List of Styles</a> </p>
180
+ <p class="description">These styles are customizable - <a target="_blank" href="<?= admin_url( 'admin.php?page=ccw-edit-styles' ); ?>">Customize Styles</a> </p>
181
 
182
  </div>
183
  </div>
192
  <div class="row">
193
  <div class="input-field col s12">
194
  <select name="ccw_options[stylemobile]" class="select-2_2">
195
+ <option value="1" <?= $style_mobile_value == 1 ? 'SELECTED' : ''; ?> >Style-1</option>
196
+ <option value="2" <?= $style_mobile_value == 2 ? 'SELECTED' : ''; ?> >Style-2</option>
197
+ <option value="3" <?= $style_mobile_value == 3 ? 'SELECTED' : ''; ?> >Style-3</option>
198
+ <option value="4" <?= $style_mobile_value == 4 ? 'SELECTED' : ''; ?> >Style-4</option>
199
+ <option value="5" <?= $style_mobile_value == 5 ? 'SELECTED' : ''; ?> >Style-5</option>
200
+ <option value="6" <?= $style_mobile_value == 6 ? 'SELECTED' : ''; ?> >Style-6</option>
201
+ <option value="7" <?= $style_mobile_value == 7 ? 'SELECTED' : ''; ?> >Style-7</option>
202
+ <option value="8" <?= $style_mobile_value == 8 ? 'SELECTED' : ''; ?> >Style-8</option>
203
+ <option value="9" <?= $style_mobile_value == 9 ? 'SELECTED' : ''; ?> >Style-9</option>
204
+ <option value="99" <?= $style_mobile_value == 99 ? 'SELECTED' : ''; ?> >Style-99 ( Add your own Image / GIF )</option>
205
+ <option value="0" <?= $style_mobile_value == 0 ? 'SELECTED' : ''; ?> >Hide on Mobile Devices</option>
206
  </select>
207
  <label>Select Style for Mobile Devices</label>
208
  </div>
216
  ?>
217
  <div class="row">
218
  <div class="input-field col s12">
219
+ <input name="ccw_options[number]" value="<?= esc_attr( $ccw_number['number'] ) ?>" id="whatsapp_number" type="text" class="input-margin">
220
  <label for="whatsapp_number">Enter whatsapp number </label>
221
  <p class="description">Enter whatsapp number with country code ( e.g. 916123456789 ) please dont include +, ( here in e.g. 91 is country code 6123456789 is mobile number - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/whatsapp-number/">more info</a> ) </p>
222
  </div>
231
  ?>
232
  <div class="row">
233
  <div class="input-field col s12">
234
+ <input name="ccw_options[initial]" value="<?= esc_attr( $ccw_initial['initial'] ) ?>" id="whatsapp_initial" type="text" class="input-margin">
235
  <label for="whatsapp_initial">Initial Message</label>
236
  <p class="description">Initial message ( pre-filled ), placeholder {{url}} to add webpage url - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/pre-filled-message/">more info</a> </p>
237
  </div>
246
  ?>
247
  <div class="row">
248
  <div class="input-field col s12">
249
+ <input name="ccw_options[group_id]" value="<?= esc_attr( $ccw_group_id['group_id'] ) ?>" id="whatsapp_group_id" type="text" class="input-margin">
250
  <label for="whatsapp_group_id">whatsapp group ID Extenstion </label>
251
  <p class="description">Enter whatsapp Group Id - E.g. 9EHLsEsOeJk6AVtE8AvXiA - <a target="_blank" href="https://holithemes.com/plugins/click-to-chat/find-whatsapp-group-id/">more info</a> </p>
252
  </div>
262
  <div class="row">
263
  <div class="input-field col s12">
264
  <select name="ccw_options[position]" class="select">
265
+ <option value="1" <?= $ccw_position_value == 1 ? 'SELECTED' : ''; ?> >bottom right</option>
266
+ <option value="2" <?= $ccw_position_value == 2 ? 'SELECTED' : ''; ?> >bottom left</option>
267
+ <option value="3" <?= $ccw_position_value == 3 ? 'SELECTED' : ''; ?> >top left</option>
268
+ <option value="4" <?= $ccw_position_value == 4 ? 'SELECTED' : ''; ?> >top right</option>
269
  </select>
270
  <label>Fixed position to place</label>
271
  <p class="description">e.g. 10px - please add css units as suffix, e.g. 10px, 10%, 10rem, 10em .. <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/position-to-place/">more info</a> </p>
274
 
275
  <div class="row display-none position position-1 bottom-right">
276
  <div class="input-field col s6">
277
+ <input name="ccw_options[position-1_bottom]" value="<?= esc_attr( $ccw_position['position-1_bottom'] ) ?>" id="position-1_bottom" type="text" class="validate">
278
  <label for="position-1_bottom">position_bottom: </label>
279
  </div>
280
  <div class="input-field col s6">
281
+ <input name="ccw_options[position-1_right]" value="<?= esc_attr( $ccw_position['position-1_right'] ) ?>" id="position-1_right" type="text" class="validate">
282
  <label for="position-1_right">position_right: </label>
283
  </div>
284
  </div>
285
 
286
  <div class="row display-none position position-2 bottom-left">
287
  <div class="input-field col s6">
288
+ <input name="ccw_options[position-2_bottom]" value="<?= esc_attr( $ccw_position['position-2_bottom'] ) ?>" id="position-2_bottom" type="text" class="validate">
289
  <label for="position-2_bottom">position_bottom: </label>
290
  </div>
291
  <div class="input-field col s6">
292
+ <input name="ccw_options[position-2_left]" value="<?= esc_attr( $ccw_position['position-2_left'] ) ?>" id="position-2_left" type="text" class="validate">
293
  <label for="position-2_left">position_left: </label>
294
  </div>
295
  </div>
298
 
299
  <div class="row display-none position position-3 top-left">
300
  <div class="input-field col s6">
301
+ <input name="ccw_options[position-3_top]" value="<?= esc_attr( $ccw_position['position-3_top'] ) ?>" id="position-3_top" type="text" class="validate">
302
  <label for="position-3_top">position_top: </label>
303
  </div>
304
  <div class="input-field col s6">
305
+ <input name="ccw_options[position-3_left]" value="<?= esc_attr( $ccw_position['position-3_left'] ) ?>" id="position-3_left" type="text" class="validate">
306
  <label for="position-3_left">position_left: </label>
307
  </div>
308
  </div>
309
 
310
  <div class="row display-none position position-4 top-right">
311
  <div class="input-field col s6">
312
+ <input name="ccw_options[position-4_top]" value="<?= esc_attr( $ccw_position['position-4_top'] ) ?>" id="position-4_top" type="text" class="validate">
313
  <label for="position-4_top">position_top: </label>
314
  </div>
315
  <div class="input-field col s6">
316
+ <input name="ccw_options[position-4_right]" value="<?= esc_attr( $ccw_position['position-4_right'] ) ?>" id="position-4_right" type="text" class="validate">
317
  <label for="position-4_right">position_right: </label>
318
  </div>
319
  </div>
327
  ?>
328
  <div class="row">
329
  <div class="input-field col s12">
330
+ <input name="ccw_options[input_placeholder]" value="<?= esc_attr( $ccw_placeholder['input_placeholder'] ) ?>" id="input_placeholder" type="text" class="input-margin">
331
  <label for="input_placeholder">placeholder value</label>
332
  <p class="description"> - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/text-to-display/">more info</a> </p>
333
  </div>
363
  ?>
364
 
365
  <p class="description"> If Google Analytics is installed - creates an Event at there - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/google-analytics/">more info</a> </p>
366
+ <p class="description"> Customize Event Values - <a target="_blank" href="<?= admin_url( 'admin.php?page=ccw-edit-styles#ga-analytics' ); ?>"><?php _e( 'Customize Styles' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
367
  <p class="description"> Using - <a target="_blank" href="https://holithemes.com/google-analytics-for-click-to-chat-for-whatsapp-plugin/">Google Tag Manager</a> </p>
368
  <?php
369
  }
395
  }
396
  ?>
397
  <p class="description"> If Facebook Analytics is installed - creates an Event at there - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/facebook-analytics/">more info</a> </p>
398
+ <p class="description"> Customize Event Values - <a target="_blank" href="<?= admin_url( 'admin.php?page=ccw-edit-styles#fb-analytics' ); ?>">Customize Styles</a> </p>
399
  <?php
400
  }
401
 
569
  ?>
570
  <div class="row">
571
  <div class="input-field col s12">
572
+ <input name="ccw_options[list_hideon_pages]" value="<?= esc_attr( $ccw_list_id_tohide['list_hideon_pages'] ) ?>" id="ccw_list_id_tohide" type="text" class="input-margin">
573
  <label for="ccw_list_id_tohide">Id's list to Hide - add ',' after each id </label>
574
  <p class="description"> Add Post, Pages, Media - ID's to hide, Add multiple id's separate with a comma ( , ) - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/show-hide-styles-based-on-id/">more info</a> </p>
575
  </div>
583
  ?>
584
  <div class="row">
585
  <div class="input-field col s12">
586
+ <input name="ccw_options[list_hideon_cat]" value="<?= esc_attr( $ccw_list_cat_tohide['list_hideon_cat'] ) ?>" id="ccw_list_cat_tohide" type="text" class="input-margin">
587
  <label for="ccw_list_cat_tohide">Category name's to Hide - add ',' after each category name </label>
588
  <p class="description">Category name's to hide, Add multiple Categories separate with a comma ( , ) - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/hide-styles-based-on-category/">more info</a> </p>
589
  </div>
597
  ?>
598
  <div class="row">
599
  <div class="input-field col s12">
600
+ <input name="ccw_options[shortcode]" value="<?= esc_attr( $ccw_shortcode['shortcode'] ) ?>" id="shortcode" type="text" class="input-margin">
601
  <label for="shortcode">shortcode name</label>
602
  <?php
603
  $shortcode_list = '';
607
  }
608
  ?>
609
  <p class="description"> Default values is 'chat', can customize shortcode name - <a target="_blank" href="https://holithemes.com/plugins/whatsapp-chat/change-shortcode-name/">more info</a> </p>
610
+ <!-- <p class="description"> please dont add this already existing shortcode names - <?= $shortcode_list ?> </p> -->
611
  <p class="description"> please dont change to already existing shortcode name </p>
612
  </div>
613
  </div>
prev/inc/commons/styles-list/style-1.php CHANGED
@@ -7,8 +7,8 @@
7
  if ( ! defined( 'ABSPATH' ) ) exit;
8
 
9
  ?>
10
- <div class="ccw_plugin chatbot" style="<?php echo $p1 ?>; <?php echo $p2 ?>;">
11
- <div class="style1 animated <?php echo $an_on_load .' '. $an_on_hover ?> ">
12
- <button onclick="<?php echo $redirect ?>"><?php echo $val ?></button>
13
  </div>
14
  </div>
7
  if ( ! defined( 'ABSPATH' ) ) exit;
8
 
9
  ?>
10
+ <div class="ccw_plugin chatbot" style="<?= $p1 ?>; <?= $p2 ?>;">
11
+ <div class="style1 animated <?= $an_on_load .' '. $an_on_hover ?> ">
12
+ <button onclick="<?= $redirect ?>"><?= $val ?></button>
13
  </div>
14
  </div>
prev/inc/commons/styles-list/style-2.php CHANGED
@@ -11,12 +11,12 @@ $s2_text_color_onhover = esc_attr( $ccw_options_cs['s2_text_color_onhover'] );
11
  $s2_decoration = esc_attr( $ccw_options_cs['s2_decoration'] );
12
  $s2_decoration_onhover = esc_attr( $ccw_options_cs['s2_decoration_onhover'] );
13
  ?>
14
- <div class="ccw_plugin chatbot" style="<?php echo $p1 ?>; <?php echo $p2 ?>;">
15
- <div class="style2 animated <?php echo $an_on_load .' '. $an_on_hover ?> ">
16
- <a href="<?php echo $redirect_a ?>"
17
- style="color: <?php echo $s2_text_color ?>; text-decoration: <?php echo $s2_decoration ?>;"
18
- onmouseover = "this.style.color = '<?php echo $s2_text_color_onhover ?>', this.style.textDecoration = '<?php echo $s2_decoration_onhover ?>' "
19
- onmouseout = "this.style.color = '<?php echo $s2_text_color ?>', this.style.textDecoration = '<?php echo $s2_decoration ?>' "
20
- target="_blank" class="nofocus ccw-analytics" id="style-2" data-ccw="style-2" ><?php echo $val ?></a>
21
  </div>
22
  </div>
11
  $s2_decoration = esc_attr( $ccw_options_cs['s2_decoration'] );
12
  $s2_decoration_onhover = esc_attr( $ccw_options_cs['s2_decoration_onhover'] );
13
  ?>
14
+ <div class="ccw_plugin chatbot" style="<?= $p1 ?>; <?= $p2 ?>;">
15
+ <div class="style2 animated <?= $an_on_load .' '. $an_on_hover ?> ">
16
+ <a href="<?= $redirect_a ?>"
17
+ style="color: <?= $s2_text_color ?>; text-decoration: <?= $s2_decoration ?>;"
18
+ onmouseover = "this.style.color = '<?= $s2_text_color_onhover ?>', this.style.textDecoration = '<?= $s2_decoration_onhover ?>' "
19
+ onmouseout = "this.style.color = '<?= $s2_text_color ?>', this.style.textDecoration = '<?= $s2_decoration ?>' "
20
+ target="_blank" class="nofocus ccw-analytics" id="style-2" data-ccw="style-2" ><?= $val ?></a>
21
  </div>
22
  </div>
prev/inc/commons/styles-list/style-3.php CHANGED
@@ -9,10 +9,10 @@ if ( ! defined( 'ABSPATH' ) ) exit;
9
  $s3_icon_size = esc_attr( $ccw_options_cs['s3_icon_size'] );
10
 
11
  ?>
12
- <div class="ccw_plugin chatbot" style="<?php echo $p1 ?>; <?php echo $p2 ?>;" >
13
- <div class="ccw_style3 animated <?php echo $an_on_load .' '. $an_on_hover ?> ">
14
- <a target="_blank" href="<?php echo $redirect_a ?>" class="img-icon-a nofocus">
15
- <img class="img-icon ccw-analytics" id="style-3" data-ccw="style-3" style="height: <?php echo $s3_icon_size ?>;" src="<?php echo plugins_url( "./new/inc/assets/img/whatsapp-logo.svg", HT_CTC_PLUGIN_FILE ) ?>" alt="WhatsApp chat">
16
  </a>
17
  </div>
18
  </div>
9
  $s3_icon_size = esc_attr( $ccw_options_cs['s3_icon_size'] );
10
 
11
  ?>
12
+ <div class="ccw_plugin chatbot" style="<?= $p1 ?>; <?= $p2 ?>;" >
13
+ <div class="ccw_style3 animated <?= $an_on_load .' '. $an_on_hover ?> ">
14
+ <a target="_blank" href="<?= $redirect_a ?>" class="img-icon-a nofocus">
15
+ <img class="img-icon ccw-analytics" id="style-3" data-ccw="style-3" style="height: <?= $s3_icon_size ?>;" src="<?= plugins_url( "./new/inc/assets/img/whatsapp-logo.svg", HT_CTC_PLUGIN_FILE ) ?>" alt="WhatsApp chat">
16
  </a>
17
  </div>
18
  </div>
prev/inc/commons/styles-list/style-4.php CHANGED
@@ -10,12 +10,12 @@ $s4_text_color = esc_attr( $ccw_options_cs['s4_text_color'] );
10
  $s4_background_color = esc_attr( $ccw_options_cs['s4_background_color'] );
11
 
12
  ?>
13
- <div class="ccw_plugin chatbot" style="<?php echo $p1 ?>; <?php echo $p2 ?>;">
14
- <div class="style4 animated <?php echo $an_on_load .' '. $an_on_hover ?>">
15
- <a target="_blank" href="<?php echo $redirect_a ?>" class="nofocus">
16
- <div class="chip style-4 ccw-analytics" id="style-4" data-ccw="style-4" style="background-color: <?php echo $s4_background_color ?>; color: <?php echo $s4_text_color ?>">
17
- <img src="<?php echo plugins_url( './new/inc/assets/img/whatsapp-logo-32x32.png', HT_CTC_PLUGIN_FILE ) ?>" class="ccw-analytics" id="s4-icon" data-ccw="style-4" alt="WhatsApp">
18
- <?php echo $val ?>
19
  </div>
20
  </a>
21
  </div>
10
  $s4_background_color = esc_attr( $ccw_options_cs['s4_background_color'] );
11
 
12
  ?>
13
+ <div class="ccw_plugin chatbot" style="<?= $p1 ?>; <?= $p2 ?>;">
14
+ <div class="style4 animated <?= $an_on_load .' '. $an_on_hover ?>">
15
+ <a target="_blank" href="<?= $redirect_a ?>" class="nofocus">
16
+ <div class="chip style-4 ccw-analytics" id="style-4" data-ccw="style-4" style="background-color: <?= $s4_background_color ?>; color: <?= $s4_text_color ?>">
17
+ <img src="<?= plugins_url( './new/inc/assets/img/whatsapp-logo-32x32.png', HT_CTC_PLUGIN_FILE ) ?>" class="ccw-analytics" id="s4-icon" data-ccw="style-4" alt="WhatsApp">
18
+ <?= $val ?>
19
  </div>
20
  </a>
21
  </div>
prev/inc/commons/styles-list/style-5.php CHANGED
@@ -10,12 +10,12 @@ $s5_hover_color = esc_attr( $ccw_options_cs['s5_hover_color'] );
10
  $s5_icon_size = esc_attr( $ccw_options_cs['s5_icon_size'] );
11
  ?>
12
  <div class="ccw_plugin">
13
- <div class="style-5 chatbot nofocus animated <?php echo $an_on_load .' '. $an_on_hover ?>" style="<?php echo $p1 ?>; <?php echo $p2 ?>;">
14
  <a target="_blank" class="nofocus icon icon-whatsapp2 icon-2 ccw-analytics" id="stye-5" data-ccw="style-5"
15
- href="<?php echo $redirect_a ?>"
16
- style = "color: <?php echo $s5_color ?>; font-size: <?php echo $s5_icon_size ?>;"
17
- onmouseover = "this.style.color = '<?php echo $s5_hover_color ?>' "
18
- onmouseout = "this.style.color = '<?php echo $s5_color ?>' " >
19
  </a>
20
  </div>
21
  </div>
10
  $s5_icon_size = esc_attr( $ccw_options_cs['s5_icon_size'] );
11
  ?>
12
  <div class="ccw_plugin">
13
+ <div class="style-5 chatbot nofocus animated <?= $an_on_load .' '. $an_on_hover ?>" style="<?= $p1 ?>; <?= $p2 ?>;">
14
  <a target="_blank" class="nofocus icon icon-whatsapp2 icon-2 ccw-analytics" id="stye-5" data-ccw="style-5"
15
+ href="<?= $redirect_a ?>"
16
+ style = "color: <?= $s5_color ?>; font-size: <?= $s5_icon_size ?>;"
17
+ onmouseover = "this.style.color = '<?= $s5_hover_color ?>' "
18
+ onmouseout = "this.style.color = '<?= $s5_color ?>' " >
19
  </a>
20
  </div>
21
  </div>
prev/inc/commons/styles-list/style-6.php CHANGED
@@ -20,11 +20,11 @@ $s6_css_div = "background-color: $s6_circle_background_color; height: $s6_circle
20
  ?>
21
 
22
  <div class="ccw_plugin">
23
- <div class="chatbot btn_only_style_div_circle pointer ccw-analytics animated <?php echo $an_on_load .' '. $an_on_hover ?>" id="style-6" data-ccw="style-6"
24
- style="<?php echo $p1 ?>; <?php echo $p2 ?>; <?php echo $s6_css_div ?>"
25
- onmouseover = "this.style.backgroundColor = '<?php echo $s6_circle_background_hover_color ?>', document.getElementsByClassName('ccw-s6-icon')[0].style.color = '<?php echo $s6_hover_color ?>' "
26
- onmouseout = "this.style.backgroundColor = '<?php echo $s6_circle_background_color ?>', document.getElementsByClassName('ccw-s6-icon')[0].style.color = '<?php echo $s6_color ?>' "
27
- onclick = "<?php echo $redirect ?>" >
28
- <span class="icon icon-whatsapp2 ccw-s6-icon nofocus ccw-analytics" id="s6-icon" data-ccw="style-6" style="<?php echo $s6_css_icon ?>"></span>
29
  </div>
30
  </div>
20
  ?>
21
 
22
  <div class="ccw_plugin">
23
+ <div class="chatbot btn_only_style_div_circle pointer ccw-analytics animated <?= $an_on_load .' '. $an_on_hover ?>" id="style-6" data-ccw="style-6"
24
+ style="<?= $p1 ?>; <?= $p2 ?>; <?= $s6_css_div ?>"
25
+ onmouseover = "this.style.backgroundColor = '<?= $s6_circle_background_hover_color ?>', document.getElementsByClassName('ccw-s6-icon')[0].style.color = '<?= $s6_hover_color ?>' "
26
+ onmouseout = "this.style.backgroundColor = '<?= $s6_circle_background_color ?>', document.getElementsByClassName('ccw-s6-icon')[0].style.color = '<?= $s6_color ?>' "
27
+ onclick = "<?= $redirect ?>" >
28
+ <span class="icon icon-whatsapp2 ccw-s6-icon nofocus ccw-analytics" id="s6-icon" data-ccw="style-6" style="<?= $s6_css_icon ?>"></span>
29
  </div>
30
  </div>
prev/inc/commons/styles-list/style-7.php CHANGED
@@ -20,11 +20,11 @@ $s7_css_icon = "color: $s7_color; font-size: $s7_icon_size;";
20
  $s7_css_div = "background-color: $s7_box_background_color; height: $s7_box_height; width: $s7_box_width; line-height: $s7_line_height; ";
21
  ?>
22
  <div class="ccw_plugin">
23
- <div class="chatbot btn_only_style_div pointer ccw-analytics animated <?php echo $an_on_load .' '. $an_on_hover ?>" id="style-7" data-ccw="style-7"
24
- style="<?php echo $p1 ?>; <?php echo $p2 ?>; <?php echo $s7_css_div ?>"
25
- onmouseover = "this.style.backgroundColor = '<?php echo $s7_box_background_hover_color ?>', document.getElementsByClassName('ccw-s7-icon')[0].style.color = '<?php echo $s7_hover_color ?>' "
26
- onmouseout = "this.style.backgroundColor = '<?php echo $s7_box_background_color ?>', document.getElementsByClassName('ccw-s7-icon')[0].style.color = '<?php echo $s7_color ?>' "
27
- onclick = "<?php echo $redirect ?>" >
28
- <span class="icon icon-whatsapp2 ccw-s7-icon nofocus ccw-analytics" id="s7-icon" data-ccw="style-7" style="<?php echo $s7_css_icon ?>"></span>
29
  </div>
30
  </div>
20
  $s7_css_div = "background-color: $s7_box_background_color; height: $s7_box_height; width: $s7_box_width; line-height: $s7_line_height; ";
21
  ?>
22
  <div class="ccw_plugin">
23
+ <div class="chatbot btn_only_style_div pointer ccw-analytics animated <?= $an_on_load .' '. $an_on_hover ?>" id="style-7" data-ccw="style-7"
24
+ style="<?= $p1 ?>; <?= $p2 ?>; <?= $s7_css_div ?>"
25
+ onmouseover = "this.style.backgroundColor = '<?= $s7_box_background_hover_color ?>', document.getElementsByClassName('ccw-s7-icon')[0].style.color = '<?= $s7_hover_color ?>' "
26
+ onmouseout = "this.style.backgroundColor = '<?= $s7_box_background_color ?>', document.getElementsByClassName('ccw-s7-icon')[0].style.color = '<?= $s7_color ?>' "
27
+ onclick = "<?= $redirect ?>" >
28
+ <span class="icon icon-whatsapp2 ccw-s7-icon nofocus ccw-analytics" id="s7-icon" data-ccw="style-7" style="<?= $s7_css_icon ?>"></span>
29
  </div>
30
  </div>
prev/inc/commons/styles-list/style-8.php CHANGED
@@ -20,15 +20,15 @@ $s8_icon_float = esc_attr( $ccw_options_cs['s8_icon_float'] );
20
 
21
 
22
  ?>
23
- <div class="ccw_plugin mdstyle8 chatbot" style="<?php echo $p1 ?>; <?php echo $p2 ?>;">
24
- <div class="style8 animated <?php echo $an_on_load .' '. $an_on_hover ?>">
25
  <a target="_blank" class="btn ccw-analytics" id="style-8" data-ccw="style-8"
26
- style="background-color: <?php echo $s8_background_color ?>; "
27
- onmouseover = "this.style.backgroundColor = '<?php echo $s8_background_color_onhover ?>', document.getElementsByClassName('ccw-s8-icon')[0].style.color = '<?php echo $s8_icon_color_onhover ?>', document.getElementsByClassName('ccw-s8-span')[0].style.color = '<?php echo $s8_text_color_onhover ?>' "
28
- onmouseout = "this.style.backgroundColor = '<?php echo $s8_background_color ?>', document.getElementsByClassName('ccw-s8-icon')[0].style.color = '<?php echo $s8_icon_color ?>', document.getElementsByClassName('ccw-s8-span')[0].style.color = '<?php echo $s8_text_color ?>' "
29
- href="<?php echo $redirect_a ?>" >
30
- <i class="material-icons <?php echo $s8_icon_float ?> icon icon-whatsapp2 ccw-s8-icon ccw-analytics" data-ccw="style-8" id="s8-icon" style="color: <?php echo $s8_icon_color ?> ;" ></i>
31
- <span class="ccw-s8-span ccw-analytics" id="s8-text" data-ccw="style-8" style="color: <?php echo $s8_text_color ?> ;" ><?php echo $val ?></span>
32
  </a>
33
  </div>
34
  </div>
20
 
21
 
22
  ?>
23
+ <div class="ccw_plugin mdstyle8 chatbot" style="<?= $p1 ?>; <?= $p2 ?>;">
24
+ <div class="style8 animated <?= $an_on_load .' '. $an_on_hover ?>">
25
  <a target="_blank" class="btn ccw-analytics" id="style-8" data-ccw="style-8"
26
+ style="background-color: <?= $s8_background_color ?>; "
27
+ onmouseover = "this.style.backgroundColor = '<?= $s8_background_color_onhover ?>', document.getElementsByClassName('ccw-s8-icon')[0].style.color = '<?= $s8_icon_color_onhover ?>', document.getElementsByClassName('ccw-s8-span')[0].style.color = '<?= $s8_text_color_onhover ?>' "
28
+ onmouseout = "this.style.backgroundColor = '<?= $s8_background_color ?>', document.getElementsByClassName('ccw-s8-icon')[0].style.color = '<?= $s8_icon_color ?>', document.getElementsByClassName('ccw-s8-span')[0].style.color = '<?= $s8_text_color ?>' "
29
+ href="<?= $redirect_a ?>" >
30
+ <i class="material-icons <?= $s8_icon_float ?> icon icon-whatsapp2 ccw-s8-icon ccw-analytics" data-ccw="style-8" id="s8-icon" style="color: <?= $s8_icon_color ?> ;" ></i>
31
+ <span class="ccw-s8-span ccw-analytics" id="s8-text" data-ccw="style-8" style="color: <?= $s8_text_color ?> ;" ><?= $val ?></span>
32
  </a>
33
  </div>
34
  </div>
prev/inc/commons/styles-list/style-9.php CHANGED
@@ -8,10 +8,10 @@ if ( ! defined( 'ABSPATH' ) ) exit;
8
  $s9_icon_size = esc_attr( $ccw_options_cs['s9_icon_size'] );
9
  ?>
10
 
11
- <div class="ccw_plugin chatbot" style="<?php echo $p1 ?>; <?php echo $p2 ?>;">
12
- <div class="ccw_style9 animated <?php echo $an_on_load .' '. $an_on_hover ?>">
13
- <a target="_blank" href="<?php echo $redirect_a ?>" class="img-icon-a nofocus">
14
- <img class="img-icon ccw-analytics" id="style-9" data-ccw="style-9" style="height: <?php echo $s9_icon_size ?>;" src="<?php echo plugins_url( './new/inc/assets/img/whatsapp-icon-square.svg', HT_CTC_PLUGIN_FILE ) ?>" alt="WhatsApp chat">
15
  </a>
16
  </div>
17
  </div>
8
  $s9_icon_size = esc_attr( $ccw_options_cs['s9_icon_size'] );
9
  ?>
10
 
11
+ <div class="ccw_plugin chatbot" style="<?= $p1 ?>; <?= $p2 ?>;">
12
+ <div class="ccw_style9 animated <?= $an_on_load .' '. $an_on_hover ?>">
13
+ <a target="_blank" href="<?= $redirect_a ?>" class="img-icon-a nofocus">
14
+ <img class="img-icon ccw-analytics" id="style-9" data-ccw="style-9" style="height: <?= $s9_icon_size ?>;" src="<?= plugins_url( './new/inc/assets/img/whatsapp-icon-square.svg', HT_CTC_PLUGIN_FILE ) ?>" alt="WhatsApp chat">
15
  </a>
16
  </div>
17
  </div>
prev/inc/commons/styles-list/style-99.php CHANGED
@@ -48,10 +48,10 @@ if ( '' == $own_image ) {
48
 
49
  ?>
50
 
51
- <div class="ccw_plugin chatbot" style="<?php echo $p1 ?>; <?php echo $p2 ?>;">
52
- <div class="ccw_style_99 animated <?php echo $an_on_load .' '. $an_on_hover ?>">
53
- <a target="_blank" href="<?php echo $redirect_a ?>" class="img-icon-a nofocus">
54
- <img class="own-img ccw-analytics" id="style-9" data-ccw="style-99-own-image" style="<?php echo $img_css ?>" src="<?php echo $own_image ?>" alt="WhatsApp chat">
55
  </a>
56
  </div>
57
  </div>
48
 
49
  ?>
50
 
51
+ <div class="ccw_plugin chatbot" style="<?= $p1 ?>; <?= $p2 ?>;">
52
+ <div class="ccw_style_99 animated <?= $an_on_load .' '. $an_on_hover ?>">
53
+ <a target="_blank" href="<?= $redirect_a ?>" class="img-icon-a nofocus">
54
+ <img class="own-img ccw-analytics" id="style-9" data-ccw="style-99-own-image" style="<?= $img_css ?>" src="<?= $own_image ?>" alt="WhatsApp chat">
55
  </a>
56
  </div>
57
  </div>
readme.txt CHANGED
@@ -1,9 +1,9 @@
1
  === Click to Chat ===
2
  Requires at least: 4.6
3
- Tested up to: 5.7
4
  Requires PHP: 5.6
5
  Contributors: holithemes
6
- Stable tag: 3.3.1
7
  Tags: whatsapp, whatsapp business, click to chat, whatsapp chat, whatsapp support, whatsapp group, whatsapp message, social chat, whatsapp wordpress, whatsapp floating button, whatsapp icon, holithemes
8
  License: GPLv2 or later
9
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -425,6 +425,11 @@ After Activate the plugin, add WhatsApp Number at plugin settings.
425
 
426
  == Changelog ==
427
 
 
 
 
 
 
428
  = 3.3.1 =
429
  * New: Webhooks
430
  * Enchantment: position to place settings
1
  === Click to Chat ===
2
  Requires at least: 4.6
3
+ Tested up to: 5.7.1
4
  Requires PHP: 5.6
5
  Contributors: holithemes
6
+ Stable tag: 3.3.2
7
  Tags: whatsapp, whatsapp business, click to chat, whatsapp chat, whatsapp support, whatsapp group, whatsapp message, social chat, whatsapp wordpress, whatsapp floating button, whatsapp icon, holithemes
8
  License: GPLv2 or later
9
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
425
 
426
  == Changelog ==
427
 
428
+ = 3.3.2 =
429
+ * Enchantment: Google Analytics
430
+ * Enchantment: Web WhatsApp
431
+ * code: php echo shorthand
432
+
433
  = 3.3.1 =
434
  * New: Webhooks
435
  * Enchantment: position to place settings