darkify / admin / HelpPage / Help.php

Help.php in Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) 1.2.5, at admin/HelpPage/Help.php

819 lines 43.1 KB

Raw Download Zip

1	<?php
2
3	if (! defined('ABSPATH')) {
4	exit;
5	} // if direct access.
6
7	/**
8	* The help class for the Testimonial Free
9	*/
10	class Help
11	{
12
13	/**
14	* Single instance of the class
15	*
16	* @var null
17	*/
18	protected static $_instance = null;
19
20	/**
21	* Plugins Path variable.
22	*
23	* @var array
24	*/
25	protected static $plugins = array(
26	'darkify' => 'darkify.php',
27	'greet-bubble' => 'greet-bubble.php',
28	'domain-for-sale' => 'domain-for-sale.php',
29	'ask-faq' => 'ask-faq.php',
30	'attentive-security' => 'attentive-security.php',
31	'better-chat-support' => 'messenger-chat-support.php',
32	'bizreview' => 'bizreview.php',
33	'booklet-booking-system' => 'booklet.php',
34	'skype-chat' => 'skype-chat.php',
35	'chat-help' => 'chat-whatsapp.php',
36	'chat-telegram' => 'telegram-chat.php',
37	'chat-viber' => 'chat-viber-lite.php',
38	'click-to-dial' => 'click-to-dial.php',
39	'click-to-mail' => 'click-to-mail.php',
40	'eventful' => 'eventful.php',
41	'eventful-for-elementor' => 'eventful-for-elementor.php',
42	'postify' => 'postify.php',
43	);
44
45
46	/**
47	* Welcome pages
48	*
49	* @var array
50	*/
51	public $pages = array(
52	'darkify',
53	);
54
55	/**
56	* Not show this plugin list.
57	*
58	* @var array
59	*/
60	protected static $not_show_plugin_list = array(
61	'darkify',
62	'better-chat-support',
63	'chat-viber',
64	'chat-telegram',
65	'click-to-dial',
66	'chat-skype',
67	'click-to-mail',
68	'ask-faq',
69	'attentive-security',
70	'booklet-booking-system',
71	'postify',
72	);
73
74	/**
75	* Help page construct function.
76	*/
77	public function __construct()
78	{
79
80	$page = isset($_GET['page']) ? sanitize_text_field(wp_unslash($_GET['page'])) : '';
81	if ('darkify' !== $page) {
82	return;
83	}
84	}
85
86	/**
87	* Main Help page Instance
88	*
89	* @static
90	* @return self Main instance
91	*/
92	public static function instance()
93	{
94	if (is_null(self::$_instance)) {
95	self::$_instance = new self();
96	}
97
98	return self::$_instance;
99	}
100
101
102
103	/**
104	* Sprtf_plugins_info_api_help_page function.
105	*
106	* @return void
107	*/
108	public function themeatelier_plugins_info_api_help_page()
109	{
110	$plugins_arr = get_transient('themeatelier_plugins');
111	if (false === $plugins_arr) {
112	$args = (object) array(
113	'author' => 'themeatelier',
114	'per_page' => '120',
115	'page' => '1',
116	'fields' => array(
117	'slug',
118	'name',
119	'version',
120	'downloaded',
121	'active_installs',
122	'last_updated',
123	'rating',
124	'num_ratings',
125	'short_description',
126	'author',
127	),
128	);
129	$request = array(
130	'action' => 'query_plugins',
131	'timeout' => 30,
132	'request' => serialize($args),
133	);
134	// https://codex.wordpress.org/WordPress.org_API.
135	$url = 'http://api.wordpress.org/plugins/info/1.0/';
136	$response = wp_remote_post($url, array('body' => $request));
137
138	if (! is_wp_error($response)) {
139
140	$plugins_arr = array();
141	$plugins = unserialize($response['body']);
142
143	if (isset($plugins->plugins) && (count($plugins->plugins) > 0)) {
144	foreach ($plugins->plugins as $pl) {
145	if (! in_array($pl->slug, self::$not_show_plugin_list, true)) {
146	$plugins_arr[] = array(
147	'slug' => $pl->slug,
148	'name' => $pl->name,
149	'version' => $pl->version,
150	'downloaded' => $pl->downloaded,
151	'active_installs' => $pl->active_installs,
152	'last_updated' => strtotime($pl->last_updated),
153	'rating' => $pl->rating,
154	'num_ratings' => $pl->num_ratings,
155	'short_description' => $pl->short_description,
156	);
157	}
158	}
159	}
160
161	set_transient('themeatelier_plugins', $plugins_arr, 24 * HOUR_IN_SECONDS);
162	}
163	}
164
165	if (is_array($plugins_arr) && (count($plugins_arr) > 0)) {
166	array_multisort(array_column($plugins_arr, 'active_installs'), SORT_DESC, $plugins_arr);
167
168
169	foreach ($plugins_arr as $plugin) {
170	$plugin_slug = $plugin['slug'];
171	$image_type = 'png';
172	if (isset(self::$plugins[$plugin_slug])) {
173	$plugin_file = self::$plugins[$plugin_slug];
174	} else {
175	$plugin_file = $plugin_slug . '.php';
176	}
177
178	switch ($plugin_slug) {
179	case 'postify':
180	$image_type = 'jpg';
181	break;
182	case 'chat-help':
183	case 'darkify':
184	$image_type = 'gif';
185	break;
186	}
187
188	$details_link = network_admin_url('plugin-install.php?tab=plugin-information&plugin=' . $plugin['slug'] . '&TB_iframe=true&width=600&height=550');
189	?>
190	<div class="plugin-card <?php echo esc_attr($plugin_slug); ?>" id="<?php echo esc_attr($plugin_slug); ?>">
191	<div class="plugin-card-top">
192	<div class="name column-name">
193	<h3>
194	<a class="thickbox" title="<?php echo esc_attr($plugin['name']); ?>"
195	href="<?php echo esc_url($details_link); ?>">
196	<?php echo esc_html($plugin['name']); ?>
197	<img src="<?php echo esc_url('https://ps.w.org/' . $plugin_slug . '/assets/icon-256x256.' . $image_type); ?>"
198	class="plugin-icon" />
199	</a>
200	</h3>
201	</div>
202	<div class="action-links">
203	<ul class="plugin-action-buttons">
204	<li>
205	<?php
206	if ($this->is_plugin_installed($plugin_slug, $plugin_file)) {
207	if ($this->is_plugin_active($plugin_slug, $plugin_file)) {
208	?>
209	<button type="button" class="button button-disabled" disabled="disabled">Active</button>
210	<?php
211	} else {
212	?>
213	<a href="<?php echo esc_url($this->activate_plugin_link($plugin_slug, $plugin_file)); ?>"
214	class="button button-primary activate-now">
215	<?php esc_html_e('Activate', 'darkify'); ?>
216	</a>
217	<?php
218	}
219	} else {
220	?>
221	<a href="<?php echo esc_url($this->install_plugin_link($plugin_slug)); ?>"
222	class="button install-now">
223	<?php esc_html_e('Install Now', 'darkify'); ?>
224	</a>
225	<?php } ?>
226	</li>
227	<li>
228	<a href="<?php echo esc_url($details_link); ?>" class="thickbox open-plugin-details-modal"
229	aria-label="<?php echo esc_html('More information about ' . $plugin['name']); ?>"
230	title="<?php echo esc_attr($plugin['name']); ?>">
231	<?php esc_html_e('More Details', 'darkify'); ?>
232	</a>
233	</li>
234	</ul>
235	</div>
236	<div class="desc column-description">
237	<p><?php echo esc_html(isset($plugin['short_description']) ? $plugin['short_description'] : ''); ?></p>
238	<p class="authors"> <cite>By <a href="https://themeatelier.com/">Themeatelier</a></cite></p>
239	</div>
240	</div>
241	<?php
242	echo '<div class="plugin-card-bottom">';
243
244	if (isset($plugin['rating'], $plugin['num_ratings'])) {
245	?>
246	<div class="vers column-rating">
247	<?php
248	wp_star_rating(
249	array(
250	'rating' => $plugin['rating'],
251	'type' => 'percent',
252	'number' => $plugin['num_ratings'],
253	)
254	);
255	?>
256	<span class="num-ratings">(<?php echo esc_html(number_format_i18n($plugin['num_ratings'])); ?>)</span>
257	</div>
258	<?php
259	}
260	if (isset($plugin['version'])) {
261	?>
262	<div class="column-updated">
263	<strong><?php esc_html_e('Version:', 'darkify'); ?></strong>
264	<span><?php echo esc_html($plugin['version']); ?></span>
265	</div>
266	<?php
267	}
268
269	if (isset($plugin['active_installs'])) {
270	?>
271	<div class="column-downloaded">
272	<?php echo esc_html(number_format_i18n($plugin['active_installs'])) . esc_html__('+ Active Installations', 'darkify'); ?>
273	</div>
274	<?php
275	}
276
277	if (isset($plugin['last_updated'])) {
278	?>
279	<div class="column-compatibility">
280	<strong><?php esc_html_e('Last Updated:', 'darkify'); ?></strong>
281	<span><?php echo esc_html(human_time_diff($plugin['last_updated'])) . ' ' . esc_html__('ago', 'darkify'); ?></span>
282	</div>
283	<?php
284	}
285
286	echo '</div>';
287	?>
288	</div>
289	<?php
290	}
291	}
292	}
293
294	/**
295	* Check plugins installed function.
296	*
297	* @param string $plugin_slug Plugin slug.
298	* @param string $plugin_file Plugin file.
299	* @return boolean
300	*/
301	public function is_plugin_installed($plugin_slug, $plugin_file)
302	{
303	return file_exists(WP_PLUGIN_DIR . '/' . $plugin_slug . '/' . $plugin_file);
304	}
305
306	/**
307	* Check active plugin function
308	*
309	* @param string $plugin_slug Plugin slug.
310	* @param string $plugin_file Plugin file.
311	* @return boolean
312	*/
313	public function is_plugin_active($plugin_slug, $plugin_file)
314	{
315	return is_plugin_active($plugin_slug . '/' . $plugin_file);
316	}
317
318	/**
319	* Install plugin link.
320	*
321	* @param string $plugin_slug Plugin slug.
322	* @return string
323	*/
324	public function install_plugin_link($plugin_slug)
325	{
326	return wp_nonce_url(self_admin_url('update.php?action=install-plugin&plugin=' . $plugin_slug), 'install-plugin_' . $plugin_slug);
327	}
328
329	/**
330	* Active Plugin Link function
331	*
332	* @param string $plugin_slug Plugin slug.
333	* @param string $plugin_file Plugin file.
334	* @return string
335	*/
336	public function activate_plugin_link($plugin_slug, $plugin_file)
337	{
338	return wp_nonce_url(admin_url('admin.php?page=darkify&action=activate&plugin=' . $plugin_slug . '/' . $plugin_file . '#tab=help#recommended'), 'activate-plugin_' . $plugin_slug . '/' . $plugin_file);
339	}
340
341
342
343	/**
344	* The Chat Help Help Callback.
345	*
346	* @return void
347	*/
348	public function help_page_callback()
349	{
350	add_thickbox();
351
352	$action = isset($_GET['action']) ? sanitize_text_field(wp_unslash($_GET['action'])) : '';
353	$plugin = isset($_GET['plugin']) ? sanitize_text_field(wp_unslash($_GET['plugin'])) : '';
354	$_wpnonce = isset($_GET['_wpnonce']) ? sanitize_text_field(wp_unslash($_GET['_wpnonce'])) : '';
355
356	if (isset($action, $plugin) && ('activate' === $action) && wp_verify_nonce($_wpnonce, 'activate-plugin_' . $plugin)) {
357	activate_plugin($plugin, '', false, true);
358	}
359
360	if (isset($action, $plugin) && ('deactivate' === $action) && wp_verify_nonce($_wpnonce, 'deactivate-plugin_' . $plugin)) {
361	deactivate_plugins($plugin, '', false, true);
362	}
363
364	?>
365	<div class="darkify">
366	<!-- Header section start -->
367	<section class="themeatelier__help header themeatelier-container">
368	<div class="themeatelier-container">
369	<div class="header_nav">
370	<div class="header_nav_left">
371
372	<div class="header_nav_menu">
373	<ul>
374	<li>
375	<a href="<?php echo esc_url(home_url('') . '/wp-admin/admin.php?page=darkify#tab=help#get-start'); ?>" data-id="get-start-tab" class="active">
376	<i class="icofont-play-alt-2"></i>
377	<?php echo esc_html__('Get Started', 'darkify') ?>
378	</a>
379	</li>
380	<li>
381	<a href="<?php echo esc_url(home_url('') . '/wp-admin/admin.php?page=darkify#tab=help#recommended'); ?>" data-id="recommended-tab">
382	<i class="icofont-thumbs-up"></i>
383	<?php echo esc_html__('Recommended', 'darkify') ?>
384	</a>
385	</li>
386	<li>
387	<a href="<?php echo esc_url(home_url('') . '/wp-admin/admin.php?page=darkify#tab=help#lite-to-pro'); ?>" data-id="lite-to-pro-tab">
388	<i class="icofont-badge"></i>
389	<?php echo esc_html__('Lite Vs Pro', 'darkify') ?>
390	</a>
391	</li>
392	<li>
393	<a href="<?php echo esc_url(home_url('') . '/wp-admin/admin.php?page=darkify#tab=help#pro-plugins'); ?>" data-id="pro-plugins-tab">
394	<i class="icofont-info-circle"></i>
395	<?php echo esc_html__('Pro Plugins', 'darkify') ?>
396	</a>
397	</li>
398	</ul>
399	</div>
400	</div>
401	<div class="header_nav_right">
402	<div class="header_nav_right_menu">
403	<a target="_blank" href="https://themeatelier.net/downloads/darkify/#pricing"><?php echo esc_html__('🚀 Upgrading To Pro!', 'darkify') ?></a>
404	</div>
405	</div>
406	</div>
407	</div>
408	</section>
409	<!--header section end -->
410
411	<!-- Start Page -->
412	<section class="start_page tab-content active" id="get-start-tab">
413	<div class="themeatelier-container">
414	<div class="start_page_wrapper">
415	<div class="start_page_nav">
416	<div class="nav_left">
417	<h2 class="section_title"><?php echo esc_html('Welcome to Darkify!', 'darkify') ?><span class="version__badge"><?php echo esc_html(DARKIFY_VERSION) ?></span></h2>
418	<span class="section_subtitle">
419	<?php echo esc_html__('Thank you for installing Darkify! This playlist will help you get started with the
420	plugin. Enjoy!', 'darkify') ?>
421	</span>
422	</div>
423	<div class="nev_right">
424	<i class="icofont-youtube-play"></i>
425	<a target="_blank" href="https://www.youtube.com/@themeatelier">Themeatelier</a>
426	</div>
427	</div>
428	<div class="section_video">
429	<div class="video">
430	<iframe width="724" height="405" src="https://www.youtube.com/embed/soYOnf-agSU"
431	title="Darkify - Overview" frameborder="0"
432	allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
433	referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
434	</div>
435	<div class="section_video_play_list">
436	<div class="play_list_item active" data-video_id="soYOnf-agSU">
437	<div class="play_list_item_title">
438	<h3>Overview</h3>
439	</div>
440	<div class="play_list_item_content">
441	<div class="title">Darkify Plugin - Overview</div>
442	<span>5:11</span>
443	</div>
444	</div>
445	</div>
446	</div>
447
448
449	<ul class="section_buttons">
450	<li>
451	<a class="chat_btn_primary"
452	href="<?php echo esc_url(home_url('') . '/wp-admin/admin.php?page=darkify'); ?>"><?php echo esc_html__('Plugin Settings', 'darkify') ?></a>
453	</li>
454	<li>
455	<a target="_blank" class="chat_btn_secondary"
456	href="http://wp-plugins.themeatelier.net/"><?php echo esc_html__('Live Demo', 'darkify') ?></a>
457	</li>
458	<li>
459	<a target="_blank" class="chat_btn_secondary arrow-btn"
460	href="https://themeatelier.net/downloads/darkify/"><?php echo esc_html__('Upgrade To Pro', 'darkify') ?>
461	</a>
462	</li>
463	</ul>
464	</div>
465	<div class="section_quick_help">
466	<div class="quick_help_wrapper">
467	<a target="_blank" href="https://docs.themeatelier.net/docs/darkify-pro/overview" class="quick_help_item">
468	<div class="quick_help_item_icon"><i class="fas fa-file"></i></div>
469	<div class="quick_help_item_content">
470	<h4 class="quick_help_item_title">
471	<?php echo esc_html__('Documentation', 'darkify') ?>
472	</h4>
473	<div class="content"><?php echo esc_html__('Explore Darkify plugin capabilities in our enriched documentation.', 'darkify') ?></div>
474	</div>
475	</a>
476	<a target="_blank" href="https://wordpress.org/support/plugin/darkify/" class="quick_help_item">
477	<div class="quick_help_item_icon"><i class="fas fa-headset"></i></div>
478	<div class="quick_help_item_content">
479	<h4 class="quick_help_item_title">
480	<?php echo esc_html__('Technical Support', 'darkify') ?>
481	</h4>
482	<div class="content"><?php echo esc_html__('For personalized assistance, reach out to our skilled support team for prompt help.', 'darkify') ?></div>
483	</div>
484	</a>
485	<a target="_blank" href="https://www.themeatelier.net/contact/" class="quick_help_item">
486	<div class="quick_help_item_icon"><i class="fas fa-users"></i></div>
487	<div class="quick_help_item_content">
488	<h4 class="quick_help_item_title">
489	<?php echo esc_html__('Hire Us!', 'darkify') ?>
490	</h4>
491	<div class="content"><?php echo esc_html__('We are available for freelance work for any WordPress, React, NextJS projects. Click to contact us.', 'darkify') ?></div>
492	</div>
493	</a>
494	</div>
495	</div>
496	</div>
497	</section>
498
499	<!-- Recommended Page -->
500	<section id="recommended-tab" class="recommended_page tab-content">
501	<div class="themeatelier-container">
502	<h2 class="recommended_page_title">Enhance your Website with our Free Robust Plugins</h2>
503	<div class="themeatelier-wp-list-table plugin-install-php">
504	<div class="recommended_plugins" id="the-list">
505	<?php
506	$this->themeatelier_plugins_info_api_help_page();
507	?>
508	</div>
509	</div>
510	</div>
511	</section>
512
513	<!-- Lite To Pro Page -->
514	<section class="themeatelier__help lite_vs_pro_page tab-content" id="lite-to-pro-tab">
515	<div class="themeatelier-container">
516	<div class="themeatelier-call-to-action-top">
517	<h2 class="themeatelier-section-title">Lite Vs Pro Comparison</h2>
518	</div>
519
520	<div class="themeatelier-features">
521	<ul>
522	<li class="themeatelier-header">
523	<span class="themeatelier-title"><?php echo esc_html__('FEATURES', 'darkify'); ?></span>
524	<span class="themeatelier-free"><?php echo esc_html__('Lite', 'darkify'); ?></span>
525	<span class="themeatelier-pro">🚀<?php echo esc_html__('PRO', 'darkify'); ?></span>
526	</li>
527	<li class="themeatelier-body">
528	<span class="themeatelier-title"><?php echo esc_html__('All Free Version Features', 'darkify'); ?></span>
529	<span class="themeatelier-free themeatelier-check-icon"></span>
530	<span class="themeatelier-pro themeatelier-check-icon"></span>
531	</li>
532	<li class="themeatelier-body">
533	<span class="themeatelier-title">
534	<?php echo esc_html__('Instant Dark Mode', 'darkify'); ?>
535	</span>
536	<span class="themeatelier-free themeatelier-check-icon"></span>
537	<span class="themeatelier-free themeatelier-check-icon"></span>
538	</li>
539
540	<li class="themeatelier-body">
541	<span class="themeatelier-title">
542	<?php echo esc_html__('Admin Dashboard Dark Mode', 'darkify'); ?>
543	</span>
544	<span class="themeatelier-free themeatelier-check-icon"></span>
545	<span class="themeatelier-free themeatelier-check-icon"></span>
546	</li>
547
548	<li class="themeatelier-body">
549	<span class="themeatelier-title">
550	<?php echo esc_html__('Default Dark Theme', 'darkify'); ?>
551	</span>
552	<span class="themeatelier-free themeatelier-check-icon"></span>
553	<span class="themeatelier-free themeatelier-check-icon"></span>
554	</li>
555
556	<li class="themeatelier-body">
557	<span class="themeatelier-title">
558	<?php echo esc_html__('Auto Dark Mode (OS-Based)', 'darkify'); ?>
559	</span>
560	<span class="themeatelier-free themeatelier-check-icon"></span>
561	<span class="themeatelier-free themeatelier-check-icon"></span>
562	</li>
563
564	<li class="themeatelier-body">
565	<span class="themeatelier-title">
566	<?php echo esc_html__('Scheduled Dark Mode ⏰', 'darkify'); ?>
567	</span>
568	<span class="themeatelier-free themeatelier-check-icon"></span>
569	<span class="themeatelier-free themeatelier-check-icon"></span>
570	</li>
571
572	<li class="themeatelier-body">
573	<span class="themeatelier-title">
574	<?php echo esc_html__('Keyboard Shortcut Toggle', 'darkify'); ?>
575	</span>
576	<span class="themeatelier-free themeatelier-check-icon"></span>
577	<span class="themeatelier-free themeatelier-check-icon"></span>
578	</li>
579
580
581	<li class="themeatelier-body">
582	<span class="themeatelier-title">
583	<?php echo esc_html__('Floating Dark Mode Switch', 'darkify'); ?>
584	</span>
585	<span class="themeatelier-free"><b>🎨 4+ Designs</b></span>
586	<span class="themeatelier-pro"><b>🎨 12+ Designs</b></span>
587	</li>
588
589	<li class="themeatelier-body">
590	<span class="themeatelier-title">
591	<?php echo esc_html__('Draggable Swatch Position', 'darkify'); ?> <i class="themeatelier-new">New</i>
592	</span>
593	<span class="themeatelier-free themeatelier-close-icon"></span>
594	<span class="themeatelier-pro themeatelier-check-icon"></span>
595	</li>
596
597	<li class="themeatelier-body">
598	<span class="themeatelier-title">
599	<?php echo esc_html__('Customizable Toggle Switch', 'darkify'); ?>
600	</span>
601	<span class="themeatelier-free themeatelier-check-icon"></span>
602	<span class="themeatelier-pro themeatelier-check-icon"></span>
603	</li>
604
605	<li class="themeatelier-body">
606	<span class="themeatelier-title">
607	<?php echo esc_html__('Navigation Menu Toggle', 'darkify'); ?>
608	</span>
609	<span class="themeatelier-free themeatelier-check-icon"></span>
610	<span class="themeatelier-pro themeatelier-check-icon"></span>
611	</li>
612
613	<li class="themeatelier-body">
614	<span class="themeatelier-title">
615	<?php echo esc_html__('Shortcode for Dark Mode', 'darkify'); ?>
616	</span>
617	<span class="themeatelier-free themeatelier-check-icon"></span>
618	<span class="themeatelier-pro themeatelier-check-icon"></span>
619	</li>
620
621	<li class="themeatelier-body">
622	<span class="themeatelier-title">
623	<?php echo esc_html__('Predefined & Custom Colors', 'darkify'); ?>
624	</span>
625	<span class="themeatelier-free themeatelier-check-icon"></span>
626	<span class="themeatelier-pro themeatelier-check-icon"></span>
627	</li>
628
629	<li class="themeatelier-body">
630	<span class="themeatelier-title">
631	<?php echo esc_html__('Image Brightness & Contrast', 'darkify'); ?>
632	</span>
633	<span class="themeatelier-free themeatelier-check-icon"></span>
634	<span class="themeatelier-pro themeatelier-check-icon"></span>
635	</li>
636
637	<li class="themeatelier-body">
638	<span class="themeatelier-title">
639	<?php echo esc_html__('Video Enhancement', 'darkify'); ?>
640	</span>
641	<span class="themeatelier-free themeatelier-check-icon"></span>
642	<span class="themeatelier-pro themeatelier-check-icon"></span>
643	</li>
644
645	<li class="themeatelier-body">
646	<span class="themeatelier-title">
647	<?php echo esc_html__('Page Builder Integration', 'darkify'); ?>
648	</span>
649	<span class="themeatelier-free themeatelier-check-icon"></span>
650	<span class="themeatelier-pro themeatelier-check-icon"></span>
651	</li>
652
653	<li class="themeatelier-body">
654	<span class="themeatelier-title">
655	<?php echo esc_html__('Auto-Invert Images', 'darkify'); ?> <i class="themeatelier-new">New</i>
656	</span>
657	<span class="themeatelier-free themeatelier-close-icon"></span>
658	<span class="themeatelier-pro themeatelier-check-icon"></span>
659	</li>
660
661	<li class="themeatelier-body">
662	<span class="themeatelier-title">
663	<?php echo esc_html__('Replace Images in Dark Mode ', 'darkify'); ?> <i class="themeatelier-hot">Hot</i>
664	</span>
665	<span class="themeatelier-free themeatelier-close-icon"></span>
666	<span class="themeatelier-pro themeatelier-check-icon"></span>
667	</li>
668
669	<li class="themeatelier-body">
670	<span class="themeatelier-title">
671	<?php echo esc_html__('Replace Videos in Dark Mode ', 'darkify'); ?> <i class="themeatelier-hot">Hot</i>
672	</span>
673	<span class="themeatelier-free themeatelier-close-icon"></span>
674	<span class="themeatelier-pro themeatelier-check-icon"></span>
675	</li>
676
677	<li class="themeatelier-body">
678	<span class="themeatelier-title">
679	<?php echo esc_html__('Element-Specific Dark Mode ', 'darkify'); ?> <i class="themeatelier-new">New</i>
680	</span>
681	<span class="themeatelier-free themeatelier-close-icon"></span>
682	<span class="themeatelier-pro themeatelier-check-icon"></span>
683	</li>
684
685	<li class="themeatelier-body">
686	<span class="themeatelier-title">
687	<?php echo esc_html__('Post-Specific Dark Mode ', 'darkify'); ?> <i class="themeatelier-new">New</i>
688	</span>
689	<span class="themeatelier-free themeatelier-close-icon"></span>
690	<span class="themeatelier-pro themeatelier-check-icon"></span>
691	</li>
692
693	<li class="themeatelier-body">
694	<span class="themeatelier-title">
695	<?php echo esc_html__('Custom CSS for Dark Mode ', 'darkify'); ?> <i class="themeatelier-hot">Hot</i>
696	</span>
697	<span class="themeatelier-free themeatelier-close-icon"></span>
698	<span class="themeatelier-pro themeatelier-check-icon"></span>
699	</li>
700
701	</ul>
702	</div>
703
704	<div class="themeatelier-upgrade-to-pro">
705	<h2 class="themeatelier-section-title"><?php echo esc_html__('Upgrade To PRO & Enjoy Advanced Features!', 'darkify'); ?></h2>
706	<span class="themeatelier-section-subtitle">
707	<?php echo sprintf(esc_html__('Already, %s people are using Darkify on their websites to create beautiful showcases, why won’t you!', 'darkify'), '<b>1000+</b>'); ?>
708	</span>
709	<div class="themeatelier-upgrade-to-pro-btn">
710	<div class="themeatelier-action-btn">
711	<a target="_blank" href="https://themeatelier.net/downloads/darkify/#pricing" class="chat_btn_primary">
712	<?php echo esc_html__('Upgrade to Pro Now!', 'darkify'); ?>
713	</a>
714	<span class="themeatelier-small-paragraph">
715	<?php echo sprintf(esc_html__('14-Day No-Questions-Asked %s', 'darkify'), '<a target="_blank" href="https://themeatelier.net/refund-policy/">' . esc_html__('Refund Policy', 'darkify') . '</a>'); ?>
716	</span>
717	</div>
718	<a target="_blank" class="chat_btn_secondary" href="https://themeatelier.net/downloads/darkify/#features"><?php echo esc_html__('See All Features', 'darkify'); ?></a>
719	<a target="_blank" class="chat_btn_secondary" href="http://wp-plugins.themeatelier.net/darkify"><?php echo esc_html__('Pro Live Demo', 'darkify'); ?></a>
720	</div>
721	</div>
722	</div>
723	</section>
724
725	<!-- About Page -->
726	<section id="pro-plugins-tab" class="themeatelier__help about-page tab-content">
727	<div class="themeatelier-container">
728	<div class="themeatelier-our-plugin-list">
729	<h3 class="themeatelier-section-title">Upgrade your Website with our High-quality Plugins!</h3>
730	<div class="themeatelier-our-plugin-list-wrap">
731	<a target="_blank" class="themeatelier-our-plugin-list-box" href="https://themeatelier.net/downloads/whatsapp-chat-help">
732	<div class="box_btn">
733	View Details
734	<i class="icofont-long-arrow-right"></i>
735	</div>
736	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'admin/HelpPage/assets/images/thumbnail-1.jpg') ?>" alt="logo">
737	<h4>WhatsApp Chat Help - Chat Support Plugin For WordPress</h4>
738	<p>Whatsapp chat support is a WordPress plugin that allows website owners to easily add a WhatsApp chat button to their website.</p>
739	</a>
740	<a target="_blank" class="themeatelier-our-plugin-list-box" href="https://themeatelier.net/downloads/darkify/">
741	<div class="box_btn">
742	View Details
743	<i class="icofont-long-arrow-right"></i>
744	</div>
745	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'admin/HelpPage/assets/images/greet-logo.png') ?>" alt="logo">
746	<h4>Greet - Video Bubble Plugin for WordPress</h4>
747	<p>Placing a video on websites can increase the sales of your services or products in a significant way. Greet is a professional video bubble plugin for showing a welcome video on your websites in a great and fun way.</p>
748	</a>
749	<a target="_blank" class="themeatelier-our-plugin-list-box" href="https://themeatelier.net/downloads/eventful/">
750	<div class="box_btn">
751	View Details
752	<i class="icofont-long-arrow-right"></i>
753	</div>
754	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'admin/HelpPage/assets/images/eventful.png') ?>" alt="logo">
755	<h4>Eventful Shortcode Version- Events Showcase for The "The Events Calendar"</h4>
756	<p>With "Eventful," you can effortlessly create intelligent layouts for "The Events Calendar" plugin, effectively addressing and resolving compatibility issues that may arise.</p>
757	</a>
758	<a target="_blank" class="themeatelier-our-plugin-list-box" href="https://themeatelier.net/downloads/eventful-for-elementor/">
759	<div class="box_btn">
760	View Details
761	<i class="icofont-long-arrow-right"></i>
762	</div>
763	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'admin/HelpPage/assets/images/eventful-for-elementor.png') ?>" alt="logo">
764	<h4>Eventful for Elementor - Events Showcase for The "The Events Calendar"</h4>
765	<p>Easily display events from The Events Calendar plugin with Elementor widgets, offering seamless customization and powerful layout options.</p>
766	</a>
767
768	<a target="_blank" class="themeatelier-our-plugin-list-box" href="https://themeatelier.net/downloads/domain-for-sale/">
769	<div class="box_btn">
770	View Details
771	<i class="icofont-long-arrow-right"></i>
772	</div>
773	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'admin/HelpPage/assets/images/thumbnail-2.png') ?>" alt="logo">
774	<h4>WordPress Domain For Sale Plugin</h4>
775	<p>The ultimate WordPress plugin for domain sales, appraisals, auctions, and marketplace management.</p>
776	</a>
777	<a target="_blank" class="themeatelier-our-plugin-list-box" href="https://themeatelier.net/downloads/darkify/">
778	<div class="box_btn">
779	View Details
780	<i class="icofont-long-arrow-right"></i>
781	</div>
782	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'admin/HelpPage/assets/images/darkify.gif') ?>" alt="logo">
783	<h4>Darkify - WordPress Dark Mode Plugin</h4>
784	<p>Darkify – is an extremely advanced dark mode plugin for any WordPress website. The plugin has the option to enable a dark mode switcher for the front end and also WordPress admin.</p>
785	</a>
786	</div>
787	</div>
788	</div>
789	</section>
790
791	<!-- Footer Section -->
792	<section class="themeatelier_footer">
793	<div class="themeatelier_footer_top">
794	<p>
795	<span>Made With <i class="icofont-heart-alt"></i></span>
796	By the Team <a target="_blank" href="https://themeatelier.net/">ThemeAtelier</a>
797	</p>
798	<p>Get connected with</p>
799	<ul>
800	<li>
801	<a target="_blank" href="https://www.facebook.com/ThemeAtelier/"><i class="fab fa-facebook-f"></i></a>
802	</li>
803	<li>
804	<a target="_blank" href="https://x.com/intent/follow?screen_name=themeatelier"><i class="fab fa-twitter"></i></a>
805	</li>
806	<li>
807	<a target="_blank" href="https://profiles.wordpress.org/themeatelier/#content-plugins"><i class="fab fa-wordpress"></i></a>
808	</li>
809	<li>
810	<a target="_blank" href="https://www.youtube.com/@themeatelier"><i class="fab fa-youtube"></i></a>
811	</li>
812	</ul>
813	</div>
814	</section>
815	</div>
816	<?php
817	}
818	}
819