File: /mnt/data/truelysell-wp/documentation/index.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="Truelysell - On Demand Service Booking Marketplace WordPress Theme">
<meta name="author" content="dreamstechnologies">
<title>Truelysell WP - Online Documentation.</title>
<!-- App favicon -->
<link rel="shortcut icon" href="assets/img/logo/favicon.png">
<!-- Vendor -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/prism.css" rel="stylesheet">
<!-- Fontawesome CSS -->
<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!-- Main CSS -->
<link id="mainCss" href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<main class="wrapper sb-default">
<!-- Loader -->
<div id="loader-wrapper">
<div class="loader-ellipsis">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- Header -->
<header class="header">
<div class="container-fluid">
<div class="header-left">
<div class="left-header me-2">
<a href="javascript:void(0)" class="sidebar-toggle">
<span class="outer-ring">
<span class="inner-ring"></span>
</span>
</a>
</div>
<ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
<li><a href="https://themeforest.net/item/truelysell-service-booking-wordpress-theme/43398124/support" target="_blank" class="nav-link px-2 link-body-emphasis"><i class="fa-solid fa-headset me-2"></i>Support</a></li>
<li><a href="https://calendly.com/dreamstechnologies" class="nav-link px-2 link-body-emphasis" target="_blank"><i class="fa-brands fa-hire-a-helper me-2"></i>Hire Us</a></li>
<li><a href="https://themeforest.net/user/dreamstechnologies" target="_blank" class="nav-link px-2 link-body-emphasis"><i class="fa-brands fa-hire-a-helper me-2"></i>Our Envato</a></li>
</ul>
<div class="right-header">
<div class="me-2 header-item theme-light">
<button type="button" class="btn-topbar tools-item mode" data-bs-theme-tool="light">
<span class="feather-icon"><i data-feather="moon"></i></span>
</button>
</div>
<div class="me-2 header-item theme-dark">
<button type="button" class="btn-topbar tools-item mode active" data-bs-theme-tool="dark">
<span class="feather-icon"><i data-feather="sun"></i></span>
</button>
</div>
</div>
<div class="text-end">
<a href="https://truelysell-wp.dreamstechnologies.com/" target="_blank" class="btn btn-white btn-sm me-2"><i class="fa-solid fa-link me-2"></i>Live Demo</a>
<a href="https://1.envato.market/4PDbmn" class="btn btn-primary btn-sm" target="_blank"><i class="fa-solid fa-cart-plus me-2"></i>Buy Now</a>
</div>
</div>
</div>
</header>
<div class="doc-progress">
<div class="doc-progress-inner" id="scrollProgress">
</div>
</div>
<div class="sidebar-overlay"></div>
<div class="sidebar" data-mode="light">
<div class="sidebar-logo">
<a href="index.html" class="sb-full"><img src="assets/img/logo/logo.svg" alt="logo"><span class="badge badge-soft-danger fs-14 ms-1">WP</span></a>
<a href="index.html" class="sb-collapse"><img src="assets/img/logo/favicon.png" alt="logo"></a>
</div>
<div class="sidebar-inner">
<div class="sidebar-menu">
<ul id="menu-main-menu" class="sidebar-nav">
<li class="menu-item submenu">
<a href="#instructions" class="active menu-link">
<span class="feather-icon"><i data-feather="box"></i></span>
<span class="condense">Getting Started</span>
</a>
<ul class="sidebar-dropdown condense active">
<li>
<a href="#instructions" class="page-link drop">
<span class="menu-dash"><span></span></span>Introduction
</a>
</li>
<li><a href="#requirement" class="page-link drop"><span class="menu-dash"><span></span></span>Requirement</a></li>
<li><a href="#features" class="page-link drop"><span class="menu-dash"><span></span></span>Features</a></li>
</ul>
</li>
<li class="menu-item-separator"></li>
<li class="menu-title condense">Configuration</li>
<li class="menu-item submenu">
<a href="#html_config" class=" menu-link">
<span class="feather-icon"><i data-feather="pie-chart"></i></span>
<span class="condense">Installation</span>
</a>
<ul class="sidebar-dropdown condense">
<li><a href="#html_config" class="page-link drop"><span class="menu-dash"><span></span></span>Installation Guide</a></li>
<li><a href="#ftp_installation" class="page-link drop"><span class="menu-dash"><span></span></span>FTP Installation</a></li>
<li><a href="#wordpress_client" class="page-link drop"><span class="menu-dash"><span></span></span>WordPress Installation</a></li>
</ul>
</li>
<li class="menu-item">
<a href="#demo_content" class="page-link">
<span class="feather-icon"><i data-feather="command"></i></span><span class="condense"><span class="hover-title">Demo Content</span> </span>
</a>
</li>
<li class="menu-item">
<a href="#color_change" class="page-link">
<span class="feather-icon"><i data-feather="book-open"></i></span><span class="condense"><span class="hover-title">Color Change</span> </span>
</a>
</li>
<li class="menu-item">
<a href="#hero_section" class="page-link">
<span class="feather-icon"><i data-feather="briefcase"></i></span><span class="condense"><span class="hover-title">Hero Section</span> </span>
</a>
</li>
<li class="menu-item submenu">
<a href="#admin_commision" class=" menu-link">
<span class="feather-icon"><i data-feather="pie-chart"></i></span>
<span class="condense">Meta Fields</span>
</a>
<ul class="sidebar-dropdown condense">
<li><a href="#admin_commision" class="page-link drop"><span class="menu-dash"><span></span></span>Admin Commission</a></li>
<li><a href="#bookings" class="page-link drop"><span class="menu-dash"><span></span></span>Bookings</a></li>
<li><a href="#service_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Services Settings</a></li>
</ul>
</li>
<li class="menu-item submenu">
<a href="#truelysell_core_options" class=" menu-link">
<span class="feather-icon"><i data-feather="database"></i></span>
<span class="condense">Theme Options</span>
</a>
<ul class="sidebar-dropdown condense">
<li><a href="#truelysell_core_options" class="page-link drop"><span class="menu-dash"><span></span></span>Truelysell Core Option</a></li>
<li><a href="#services_submit_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Services Submit Settings</a></li>
<li><a href="#single_service_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Single Submit Settings</a></li>
<li><a href="#registration_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Registration Settings</a></li>
<li><a href="#paypal_payout_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Paypal Payout Settings</a></li>
<li><a href="#pages_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Pages Settings</a></li>
<li><a href="#email_settings" class="page-link drop"><span class="menu-dash"><span></span></span>Email Settings</a></li>
</ul>
</li>
<!-- Add Service Section -->
<li class="menu-item submenu">
<a href="#truelysell_service_section" class=" menu-link">
<span class="feather-icon"><i data-feather="circle"></i></span>
<span class="condense">Service Section</span>
</a>
<ul class="sidebar-dropdown condense">
<li><a href="#truelysell_service_section" class="page-link drop"><span class="menu-dash"><span></span></span>Add Service</a></li>
<li><a href="#truelysell_staff_module" class="page-link drop"><span class="menu-dash"><span></span></span>Staff Module</a></li>
<li><a href="#truelysell_staff_module_options" class="page-link drop"><span class="menu-dash"><span></span></span>Staff Page Options</a></li>
<li><a href="#truelysell_add_staff" class="page-link drop"><span class="menu-dash"><span></span></span>Add Staff</a></li>
<li><a href="#truelysell_list_staff" class="page-link drop"><span class="menu-dash"><span></span></span>List Staff</a></li>
</ul>
</li>
<li class="menu-item">
<a href="#woocommerce_payments" class="page-link">
<span class="feather-icon"><i data-feather="credit-card"></i></span><span class="condense"><span class="hover-title">Woocommerce Payments</span> </span>
</a>
</li>
<li class="menu-item">
<a href="#language_module" class="page-link">
<span class="feather-icon"><i data-feather="file-text"></i></span><span class="condense"><span class="hover-title">Language Module</span> </span>
</a>
</li>
<li class="menu-item">
<a href="#rtl" class="page-link">
<span class="feather-icon"><i data-feather="box"></i></span><span class="condense"><span class="hover-title">RTL</span> </span>
</a>
</li>
<!-- <li class="menu-item">
<a href="#theme_update" class="page-link">
<span class="feather-icon"><i data-feather="briefcase"></i></span><span class="condense"><span class="hover-title">Theme Update</span> </span>
</a>
</li> -->
<!-- <li class="menu-item">
<a href="#source_credits" class="page-link">
<span class="feather-icon"><i data-feather="command"></i></span><span class="condense"><span class="hover-title">Source & Credits</span> </span>
</a>
</li> -->
<li class="menu-item-separator"></li>
<li class="menu-title condense">Info</li>
<li class="menu-item">
<a href="#support" class="page-link">
<span class="feather-icon"><i data-feather="star"></i></span><span class="condense"><span class="hover-title">Support</span> </span>
</a>
</li>
<li class="menu-item submenu">
<a href="#license" class="page-link">
<span class="feather-icon"><i data-feather="settings"></i></span>
<span class="condense">License & Credits</span>
</a>
<ul class="sidebar-dropdown condense">
<li><a href="#license" class="page-link drop"><span class="menu-dash"><span></span></span>License</a></li>
<li><a href="#credits" class="page-link drop"><span class="menu-dash"><span></span></span>Credits</a></li>
</ul>
</li>
<li class="menu-item">
<a href="#customwork" class="page-link">
<span class="feather-icon"><i data-feather="briefcase"></i></span><span class="condense"><span class="hover-title">Custom Work</span> </span>
</a>
</li>
<li class="menu-item">
<a href="changelog.html" class="page-link">
<span class="feather-icon"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hexagon"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path></svg></span>
<span class="condense"><span class="hover-title">Change Log</span> </span>
<span class="badge badge-changelog badge-soft-danger fw-semibold fs-8 px-2 ms-2 condense">v1.2.5</span>
</a>
</li>
<li class="menu-item">
<a href="#thanks" class="page-link">
<span class="feather-icon"><i data-feather="smile"></i></span><span class="condense"><span class="hover-title">Thank
You</span> </span>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- main content -->
<div class="main-content">
<div class="container-fluid">
<!-- Page title & breadcrumb -->
<div class="page-title">
<div class="breadcrumb">
<h1>Getting Started</h1>
<ul>
<li><a href="index.html">Truelysell WordPress</a></li>
<li>Getting Started</li>
</ul>
</div>
</div>
<div class="row sections">
<div class="col-xl-12 col-md-12">
<!-- Introduction -->
<section class="section-block hentry" id="instructions">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Introduction<a class="anchor-link ms-2" href="#instructions"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span>
</a>
</div>
</div>
<div class="card-body">
<div class="intro">
<div class="item-details mb-3">
<div class="row">
<div class="col-md-6">
<ul class="auth-detail">
<li><strong>Item Name : </strong>Truelysell - On Demand Service Booking Marketplace WordPress Theme</li>
<li><strong>Published: </strong> 23 Feb 2023</li>
<li><strong>Item Version : </strong><span class="badge badge-changelog badge-soft-danger fw-semibold fs-8 px-2 ms-2">v1.2.5</span></li>
<li><strong>Author : </strong><a target="_blank" href="https://dreamstechnologies.com">Dreams Technologies</a></li>
<li>Support via email: <a href="mailto:[email protected]">[email protected]</a></li>
<li>Support via Themeforest: <a target="_blank" href="https://themeforest.net/item/truelysell-service-booking-wordpress-theme/43398124/support">Take me there</a></li>
</ul>
</div>
<div class="col-md-6">
<a class="gallery-thumb" href="assets/img/banners/banner.png">
<img src="assets/img/banners/banner.png" class="img-fluid" alt="Banner">
</a>
</div>
</div>
</div>
<h5>
<a href="#" class="pro-thumbnail me-2" target="_blank">
<img src="assets/img/banners/thumbnail.png" class="img-fluid" alt="Thumbnail">
</a>Truelysell
</h5>
<p>This documentation will provide you all the details you need to use the Truelysell theme and understanding of how Truelysell is structured and guide you in performing the most common features. If you require further assistance, related to topics not covered in this documentation, then please contact us via our support forum.
</p>
<p>We assume that you already have WordPress installed and ready to go. If you do not, please see our section on WordPress to help you get started.</p>
</div>
<a href="https://themeforest.net/item/truelysell-service-booking-wordpress-theme/43398124/support" class="btn btn-primary rounded-pill me-2" target="_blank">Contact Support</a>
<a href="https://themeforest.net/item/truelysell-service-booking-wordpress-theme/43398124/support" class="btn btn-soft-primary rounded-pill" target="_blank" rel="noreferrer">Create Support ticket</a>
</div>
</div>
</section>
<!-- /Introduction -->
<!-- Requirments -->
<section class="section-block hentry" id="instructions">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">WordPress Instructions<a class="anchor-link ms-2" href="#instructions"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<p>To use this theme you need a working version of WordPress already installed on your server or the local environment. We have given the documentation links, where you will find the requirements and the other details about WordPress.
</p>
<div class="shortcode-list">
<ul>
<li><a href="https://wordpress.org/support/article/before-you-install/">WordPress Before Install</a> – general info before you install WordPress.</li>
<li><a href="https://wordpress.org/about/requirements/">WordPress Requirements</a> – general info for WordPress requirements.</li>
<li><a href="https://wordpress.org/support/article/how-to-install-wordpress/">WordPress Installation</a> – general info about WordPress and installation instructions.</li>
<li><a href="https://learn.wordpress.org/lesson-plans/">WordPress Lessons</a> – general lessons for WordPress.</li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</section>
<!-- /Requirments -->
<!-- Requirments -->
<section class="section-block hentry" id="requirement">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Theme Requirements<a class="anchor-link ms-2" href="#requirement"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<p>To use the Truelysell WP theme you need the latest version of WordPress, PHP Version 7 or higher, and MySQL 5 or higher. Apart from the necessary WordPress requirements here are listed recommended server configuration requirements to make the theme work properly.
</p>
<div class="row">
<div class="col-md-6">
<div class="shortcode-list">
<ul>
<li><strong>PHP</strong> – Version 7.2 or higher</li>
<li><strong>MySQL</strong> – Version 5.6 or higher ( OR MariaDB version 10.1 or higher)</li>
<li><strong>memory_limit</strong> – 512M or higher</li>
<li><strong>max_execution_time</strong> – 300 or higher</li>
<li><strong>upload_max_filesize</strong> – 256M or higher</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="bean-note">If you are not sure about the server requirements here is the quick guide on how you can easily change the server requirements.
<a href="https://www.wpbeginner.com/wp-tutorials/how-to-increase-the-maximum-file-upload-size-in-wordpress/">Changing server requirements</a>. We still prefer contact your server provider for this.
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Requirments -->
<!-- Features -->
<section class="section-block hentry" id="features">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Features<a class="anchor-link ms-2" href="#features"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<p class="mb-0">Creative Design<br>
Fully Responsive<br>
W3C Validated Code<br>
Bootstrap 5.x used<br>
Compatible Browsers: IE8+, Firefox, Safari, Opera, Chrome<br>
Font Awesome icons<br>
Feather icons<br>
Easy to Customize
</p>
</div>
</div>
</section>
<!-- /Features -->
<!-- Installation -->
<section class="section-block hentry" id="html_config">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Installation Guide<a class="anchor-link ms-2" href="#html_config"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<div class="server">
<div class="custom-list mb-4">
<p>We assume that WordPress website is set, Now the next step is to install the theme. To get started with theme installation you'll need to download the theme file. To download the theme file, go to Template Monster Downloads and locate the theme. </p>
<p>There are three ways to install the theme in you wordpress environment you can use any of them to install theme.</p>
<h5 class="mb-3">FTP Client:</h5>
<p>You can use the FTP Client for this.</p>
<h5 class="mb-3">Through WordPress:</h5>
<p>You can install it directly using WordPress theme installation.</p>
</div>
</div>
</div>
</div>
</section>
<!-- /Installation -->
<!-- FTP Installation -->
<section class="section-block hentry" id="ftp_installation">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">FTP Installation<a class="anchor-link ms-2" href="#ftp_installation"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<div class="server">
<div class="custom-list mb-4">
<h5 class="mb-3">Step 1:</h5>
<p>Log into your web server with FTP client software</p>
<h5 class="mb-3">Step 2:</h5>
<p>Unzip the Truelysell.zip file and ONLY use the extracted Truelysell theme folder</p>
<h5 class="mb-3">Step 3:</h5>
<p>Upload the extracted theme folder into wp-content > themes folder</p>
<h5 class="mb-3">Step 4:</h5>
<p>To Activate the newly installed theme. Go to Appearance > Themes and activate it.</p>
</div>
</div>
</div>
</div>
</section>
<!-- /FTP Installation -->
<!-- WordrPress Installation -->
<section class="section-block hentry" id="wordpress_client">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">WordPress Installation<a class="anchor-link ms-2" href="#ftp_installation"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<div class="server">
<div class="custom-list mb-4">
<h5 class="mb-3">Step 1:</h5>
<p>Navigate to Appearance > Themes</p>
<h5 class="mb-3">Step 2:</h5>
<p>Click Install Themes and hit the upload button.</p>
<h5 class="mb-3">Step 3:</h5>
<p>Navigate to find the Truelysell.zip” file on your system and click “Install Now”</p>
<h5 class="mb-3">Step 4:</h5>
<p>Activate the newly installed theme. Go to Appearance > Themes and activate it.</p>
</div>
</div>
</div>
</div>
</section>
<!-- /WordrPress Installation -->
<!-- Demo Content -->
<section class="section-block hentry" id="demo_content">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Demo Content <a class="anchor-link ms-2" href="#demo_content"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-6">
<p>Before you start importing the demo content make sure you have installed all the required plugins for the theme so that demo content import properly. Here is the plugin list that you need to install and active before you start import. You will find them in ( Appearance > Install Plugins )</p>
<p><b>Note:</b> Install & Activate plugins one by one</p>
<div class="shortcode-list">
<ul>
<li>Contact Form 7</li>
<li>Elementor</li>
<li>One Click Demo Import</li>
<li>Order auto complete for WooCommerce</li>
<li>Redux Framework</li>
<li>Simple Shortcode</li>
<li>Truelysell - Forms & Fields Editor</li>
<li>Truelysell Elementor</li>
<li>Truelysell - Core</li>
<li>WooCommerce</li>
</ul>
</div>
</div>
<div class="col-md-6">
<a class="gallery-thumb" href="assets/img/demoimage2.png">
<img class="img-fluid" src="assets/img/demoimage2.png">
</a>
<a class="gallery-thumb" href="assets/img/demoimage3.png">
<img class="img-fluid" src="assets/img/demoimage3.png">
</a>
</div>
</div>
<div class="mt-5">
<p>Now for the demo import, you have to go to the <strong>( Appearance > Import Demo Data )</strong>. Now click on the <span class="note">Import Demo Data</span> and then click on <span class="note">Import Demo</span> button and wait for some time your demo will be ready in a few minutes.
</p>
</div>
<p><strong>IMPORTANT NOTE</strong></p>
<p>After Import demo content. Change the elementor settings. Go to <strong>(Elementor > Settings > Features Tab > Inline Font Icons change DEFAULT to INACTIVE)</strong>.</p>
</div>
</div>
</div>
</section>
<!-- /Demo Content -->
<section class="section-block hentry" id="color_change">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Color Change <a class="anchor-link ms-2" href="#color_change"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>Go to (Appearance > Customize)</p>
<p>You can add your dynamic color here. This will be the base color of your site.</p>
<a class="gallery-thumb" href="assets/img/color1.png">
<img class="img-fluid mb-2" src="assets/img/color1.png">
</a>
<a class="gallery-thumb" href="assets/img/color2.png">
<img class="img-fluid mb-2" src="assets/img/color2.png">
</a>
<a class="gallery-thumb" href="assets/img/color3.png">
<img class="img-fluid" src="assets/img/color3.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="hero_section">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Hero Section <a class="anchor-link ms-2" href="#hero_section"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<h6>Add/Edit Hero Section</h6>
<a class="gallery-thumb" href="assets/img/hero-1.png">
<img class="img-fluid mb-2" src="assets/img/hero-1.png">
</a>
<a class="gallery-thumb" href="assets/img/hero-2.png">
<img class="img-fluid mb-5" src="assets/img/hero-2.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- meta fields -->
<section class="section-block hentry" id="admin_commision">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Meta Fields <a class="anchor-link ms-2" href="#admin_commision"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<h6 id="admin_commision">Admin Commission</h6>
<p>This field is responsible for admin can split the service payment through paypal</p>
<a class="gallery-thumb" href="assets/img/commission.png">
<img class="img-fluid mb-5" src="assets/img/commission.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="bookings">
<div class="custom-card">
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<h6 >Bookings</h6>
<p>Admin can view all servcies booking here</p>
<a class="gallery-thumb" href="assets/img/bookings.png">
<img class="img-fluid mb-5" src="assets/img/bookings.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="service_settings">
<div class="custom-card">
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<h6>Services Settings</h6>
<p>Admin can view all services here</p>
<a class="gallery-thumb" href="assets/img/services.png">
<img class="img-fluid mb-5" src="assets/img/services.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- theme_options -->
<section class="section-block hentry" id="truelysell_core_options">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Truelysell Core options <a class="anchor-link ms-2" href="#truelysell_core_options"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-6">
<p>Truelysell Core is the core plugin that powers servcies and booking functionalities. You’ll find all the settings in <strong>Dashboard --> Truelysell Core</strong></p>
<h6>General Setting</h6>
<p>This Field is responsible for changing currency symbols and currency positions and services sorting options and more.</p>
<p>You can manage the admin commission here you will set the admin commission fees.
</p>
</div>
<div class="col-md-6">
<a class="gallery-thumb" href="assets/img/themeoption1.png">
<img class="img-fluid" src="assets/img/themeoption1.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /theme_options -->
<!-- Services Submit Settings -->
<section class="section-block hentry" id="services_submit_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Services Submit Settings <a class="anchor-link ms-2" href="#services_submit_settings"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>Using this service submit settings options, you can manage the services to admin approved options and notifications for admin.</p>
<a class="gallery-thumb" href="assets/img/submitservice_new.png">
<img class="img-fluid" src="assets/img/submitservice_new.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Single Service Settings -->
<section class="section-block hentry" id="single_service_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Single Service Settings <a class="anchor-link ms-2" href="#single_service_settings"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>Using the single services settings, you can manage the single services reviews options enable or disable and address options and more</p> </p>
<a class="gallery-thumb" href="assets/img/singleservcie.png">
<img class="img-fluid" src="assets/img/singleservcie.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Service Search Options -->
<section class="section-block hentry" id="service_search_options">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Service Search Options <a class="anchor-link ms-2" href="#service_search_options"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>Here you can manage the services search options how to apply in ajax search</p>
<a class="gallery-thumb" href="assets/img/searchoption.png">
<img class="img-fluid" src="assets/img/searchoption.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Service Search Options -->
<section class="section-block hentry" id="registration_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Registration Settings <a class="anchor-link ms-2" href="#registration_settings"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>Using these settings, You can manage the registration options like page redirect after register and login options and more</p>
<a class="gallery-thumb" href="assets/img/regthemeoptions_new.png">
<img class="img-fluid" src="assets/img/regthemeoptions_new.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Paypal Payout Settings -->
<section class="section-block hentry" id="paypal_payout_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Paypal Payout Settings <a class="anchor-link ms-2" href="#paypal_payout_settings"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>Truelysell offers option to split payment made for bookings, that way you as site admin don’t have to worry about transfering money back to service owners. It’s automatically split between the service provider and you, so you get your commission, and service owner gets his part for booking.</p>
<a class="gallery-thumb" href="assets/img/paypal.png">
<img class="img-fluid" src="assets/img/paypal.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Pages Settings -->
<section class="section-block hentry" id="pages_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Pages Settings <a class="anchor-link ms-2" href="#pages_settings"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>Using page settings, You can manage the pages options like dashboard, wallet, booking pages and more.</p>
<a class="gallery-thumb" href="assets/img/pagesetting.png">
<img class="img-fluid" src="assets/img/pagesetting.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Pages Settings -->
<section class="section-block hentry" id="email_settings">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Email Settings <a class="anchor-link ms-2" href="#email_settings"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>Using these setting, You can manage the email setting like services booking email, payment recieved emails and more</p>
<a class="gallery-thumb" href="assets/img/emailsetting.png">
<img class="img-fluid" src="assets/img/emailsetting.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- main section -->
<section class="section-block hentry" id="truelysell_service_section">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Add Service Section <a class="anchor-link ms-2" href="#truelysell_service_section"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>By using this section we can add the new services which is listed on frontend for customers to book the service </p>
<a class="gallery-thumb" href="assets/img/addservicesection.jpg">
<img class="img-fluid" src="assets/img/addservicesection.jpg">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /main section -->
<section class="section-block hentry" id="truelysell_staff_module">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Staff Module <a class="anchor-link ms-2" href="#truelysell_staff_module"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>By using this section we can enable/disable staff module. </p>
<a class="gallery-thumb" href="assets/img/staffmodule.jpg">
<img class="img-fluid" src="assets/img/staffmodule.jpg">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="truelysell_staff_module_options">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Theme Page Options <a class="anchor-link ms-2" href="#truelysell_staff_module_options"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>By using this section we can add the new page add shartcodes into content area. </p>
<p><b>Note :</b> Page Template is must be Dashboard.</p>
<a class="gallery-thumb" href="assets/img/staff-options.png">
<img class="img-fluid" src="assets/img/staff-options.png">
</a>
<div class="mt-3"></div>
<a class="gallery-thumb" href="assets/img/staff-pageadd.png">
<img class="img-fluid" src="assets/img/staff-pageadd.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="truelysell_add_staff">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Add Staff <a class="anchor-link ms-2" href="#truelysell_add_staff"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>By using this section we can add the new staff which is listed on add service section to book the service by user </p>
<a class="gallery-thumb" href="assets/img/addstaff.jpg">
<img class="img-fluid" src="assets/img/addstaff.jpg">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="truelysell_list_staff">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">List Staff <a class="anchor-link ms-2" href="#truelysell_list_staff"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-12">
<p>By using this section we can list all the staff added into add section. </p>
<a class="gallery-thumb" href="assets/img/liststaff.jpg">
<img class="img-fluid" src="assets/img/liststaff.jpg">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="woocommerce_payments">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Woocommerce Payments <a class="anchor-link ms-2" href="#woocommerce_payments"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<div class="row">
<div class="col-md-6">
<strong> <p>Appointment booking process have the following steps</p></strong>
<p>Create a dummy product</p>
<p>Check "Booking" in product data that will be used to make the payment for the appointment. </p>
<li><a href="https://woocommerce.com/document/paypal-standard/#section-21">Paypal Payment</a> – general information Paypal Payment</li>
<li><a href="https://woocommerce.com/document/stripe/">Stripe Payment</a> – general information
Stripe Payment</li>
<li><a href="https://woocommerce.com/document/stripe/">Razorpay Payment</a> – general information
razorpay Payment</li>
</div>
<div class="col-md-6">
<a class="gallery-thumb" href="assets/img/woocommerce.png">
<img class="img-fluid" src="assets/img/woocommerce.png">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="language_module">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Language Module<a class="anchor-link ms-2" href="#language_module"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<p>You can manage the wordpress language settings. </p>
<p>Step 1 : Please install Loco Translate <a href="https://wordpress.org/plugins/loco-translate/" target="_blank">Click here</a></p>
<p>Step 2 : Translate your theme</p>
<p>Step 3 : Translate your theme required plugins same like theme</p>
<p><strong>Note :</strong> Please refer the right side image for your reference</p>
<a class="gallery-thumb" href="assets/img/language-1.png">
<img class="img-fluid" src="assets/img/language-1.png">
</a>
<a class="gallery-thumb" href="assets/img/language-2.png">
<img class="img-fluid mt-3" src="assets/img/language-2.png">
</a>
<a class="gallery-thumb" href="assets/img/language-3.png">
<img class="img-fluid mt-3" src="assets/img/language-3.png">
</a>
</div>
</div>
</div>
</section>
<section class="section-block hentry" id="rtl">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">RTL<a class="anchor-link ms-2" href="#rtl"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="#" class="card-maximize">
<span class="feather-icon" title="Full Screen"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg></span></a>
</div>
</div>
<div class="card-body">
<div class="file-structure">
<p>RTL to change Right to left. </p>
<a class="gallery-thumb" href="assets/img/rtl.jpg">
<img class="img-fluid" src="assets/img/rtl.jpg">
</a>
</div>
</div>
</div>
</section>
<section class="section-block page-block hentry" id="support">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Support<a class="anchor-link ms-2" href="#support"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="javascript:void(0)" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<p>If this documentation does not address your questions, please feel free to contact us via email at <a class="btn btn-primary btn-sm" target="_blank" href="https://themeforest.net/item/truelysell-service-booking-wordpress-theme/43398124/support">Item Support Page</a>
</p>
<p>We are in the GMT+5:30 time zone and typically respond to inquiries on weekdays within 12-24 hours. Please note that in rare cases, the response time may extend to 48 hours, especially during holiday seasons.</p>
<div class="alert alert-warning mb-4">
<span class="badge rounded-pill text-bg-danger text-uppercase">Note:</span>
<p class="mb-0">We strive to offer top-notch support, but it's only available to verified buyers and for template-related issues such as bugs and errors. Custom changes and third-party module setups are not covered.</p>
</div>
<h5>Don’t forget to Rate Truelysell WordPress! <i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
<i class="fas fa-star text-warning"></i>
</h5>
<div class="alert alert-success mb-0">Please take a moment to rate our product on Themeforest. Your support means a lot to us. Just go to your <strong>Themeforest Profile > Downloads Tab</strong>, and you can leave a review for our script. Thank you!</div>
</div>
</div>
</section>
<section class="section-block page-block hentry" id="license">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">License<a class="anchor-link ms-2" href="#license"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="javascript:void(0)" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<p>Truelysell is developed by <a href="https://themeforest.net/user/dreamstechnologies/portfolio" target="_blank">Dreams Technologies</a> and is available under both <a href="https://themeforest.net/licenses/standard" target="_blank">Envato Extended & Regular License</a> options.</p>
<h6>Regular License</h6>
<p>Usage by either yourself or a single client is permitted for a single end product, provided that end users are not subject to any charges.</p>
<h6>Extended License</h6>
<p>For use by you or one client in a single end product for which end users may be charged.</p>
<p><a href="https://themeforest.net/licenses/faq#main-differences-licenses-a" target="_blank">What are the main differences between the Regular License and the Extended License?</a></p>
<div class="alert alert-info mb-0">
<span class="badge rounded-pill text-bg-danger text-uppercase">Note</span>
<p class="mb-0">If you operate as a freelancer or agency, you have the option to acquire the Extended License, which permits you to utilize the item across multiple projects on behalf of your clients.</p>
</div>
</div>
</div>
</section>
<section class="section-block page-block hentry" id="credits">
<div class="custom-card">
<div class="card-header">
<h4 class="card-title">Credits<a class="anchor-link ms-2" href="#credits"><i class="fa-solid fa-hashtag"></i></a></h4>
<div class="header-tools">
<a href="javascript:void(0)" class="card-maximize">
<span class="feather-icon" title="Full Screen"><i data-feather="maximize"></i></span></a>
</div>
</div>
<div class="card-body">
<div class="table-responsive ref-table">
<table class="table table-borderless mb-0">
<thead class="thead-light">
<tr>
<th class="w-20">Plugin Name</th>
<th class="w-80">URL</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="text-high-em">Bootstrap</span></td>
<td><a href="https://getbootstrap.com/docs/5.3/getting-started/introduction/" class="link-high-em" target="_blank">https://getbootstrap.com/docs/</a></td>
</tr>
<tr>
<td><span class="text-high-em">jQuery</span></td>
<td><a href="https://jquery.com/" class="link-high-em" target="_blank">https://jquery.com/</a></td>
</tr>
<tr>
<td><span class="text-high-em">Fontawesome</span></td>
<td><a href="https://fontawesome.com/" class="link-high-em" target="_blank">https://fontawesome.com/</a></td>
</tr>
<tr>
<td><span class="text-high-em">Select2</span></td>
<td><a href="https://github.com/select2/select2" class="link-high-em" target="_blank">https://github.com/select2/select2</a></td>
</tr>
<tr>
<td><span class="text-high-em">Date Timepicker</span></td>
<td><a href="https://cdnjs.com/libraries/jquery-datetimepicker" class="link-high-em" target="_blank">https://cdnjs.com/libraries/jquery-datetimepicker</a></td>
</tr>
<tr>
<td><span class="text-high-em">Google Fonts</span></td>
<td><a href="https://fonts.google.com/" class="link-high-em" target="_blank">https://fonts.google.com/</a></td>
</tr>
<tr>
<td><span class="text-high-em">Fancy Box</span></td>
<td><a href="http://fancybox.net/" class="link-high-em" target="_blank">http://fancybox.net/</a></td>
</tr>
<tr>
<td><span class="text-high-em">Moment JS</span></td>
<td><a href="https://momentjs.com/" class="link-high-em" target="_blank">https://momentjs.com/</a></td>
</tr>
<tr>
<td><span class="text-high-em">theia-sticky-sidebar</span></td>
<td><a href="https://momentjs.com/" class="link-high-em" target="_blank">https://github.com/WeCodePixels/theia-sticky-sidebar</a></td>
</tr>
<tr>
<td><span class="text-high-em">Range-Slider</span></td>
<td><a href="https://momentjs.com/" class="link-high-em" target="_blank">https://ionicframework.com/docs/api/range</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<section class="section-block page-block hentry" id="customwork">
<div class="custom-card bg-gr-1 text-center">
<div class="card-body">
<h4 class="card-title">Do you need a customized application for your business?</h4>
<p>If you need a customized application for your business depends on your specific requirements and goals, Please contact us.</p>
<p>Customization can be the key to success, ensuring your project perfectly aligns with your unique goals and requirements.</p>
<div class="hire">
<h6>Don't Miss Out on the Benefits of Customization!</h6>
<p>Unlock the potential of your project. It's time to ensure that your project isn't just another cookie-cutter solution but a truly unique and effective one.</p>
<p>Discover how customization can make a difference in your project's success. Let's create a solution that's as unique as your vision!</p>
<ul>
<li>We'll tailor the application to meet your specific needs and preferences.</li>
<li>We will upload your website to the server and ensure it is live.</li>
</ul>
<div class="contact-btn mb-3">
<a target="_blank" href="https://calendly.com/dreamstechnologies" class="btn btn-primary me-2"><i class="fa-solid fa-calendar-days me-2"></i>Book an Appointment</a>
<a href="mailto:[email protected]" class="btn btn-primary"><i class="fa-solid fa-calendar-days me-2"></i>Get a Free Quote</a>
</div>
<div class="contact-link">
<a href="https://join.skype.com/invite/KqfsfMbmDu9a" class="px-2 link-body-emphasis"><i class="fa-brands fa-skype me-1"></i>dreamstechnologies</a>
<a target="_blank" href="mailto:[email protected]" class="px-2 link-body-emphasis"><i class="fa fa-envelope me-1"></i> [email protected]</a>
</div>
</div>
</div>
</div>
</section>
<section class="custom-card page-block hentry min-h-100" id="thanks">
<div class="card-body">
<div class="thanks">
<img src="assets/img/banners/ratings.svg" alt="thanks">
<h2>Thank You</h2>
<p>Thank you once again for downloading <strong>Truelysell WordPress</strong>.<br>
We hope you're enjoying your experience, and we kindly request that you take a moment to share your valuable review and rating with us.</p>
<strong>Review Link:</strong><a href="https://themeforest.net/downloads" class="text-primary fw-bold fs-5" target="_blank">https://themeforest.net/downloads</a>
</div>
</div>
</section>
</div>
</div>
</div><footer class="content-footer footer">
<div class="container-fluid d-flex flex-wrap justify-content-between align-items-center text-center py-3">
<div>
© 2015- <script>
document.write(new Date().getFullYear())
</script>
<a href="#" class="footer-text fw-medium text-primary" target="_blank">Dreams Technologies</a>
</div>
<div class="social-icons">
<a href="https://www.facebook.com/dreamstechnologieslimited/" class="footer-link me-2"
target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://twitter.com/dreamstechltd" class="footer-link me-2" target="_blank"><i
class="fa-brands fa-twitter"></i></a>
<a href="https://www.behance.net/dreamstechnologies" class="footer-link me-2" target="_blank"><i
class="fa-brands fa-behance"></i></a>
<a href="https://dribbble.com/dreamstechnologies" class="footer-link me-2" target="_blank"><i
class="fa-brands fa-dribbble"></i></a>
<a href="https://www.instagram.com/dreamstechnologieslimited/" class="footer-link"
target="_blank"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</footer>
</div>
</main>
<script src="assets/js/jquery-3.7.1.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/prism.js"></script>
<script src="assets/js/feather.min.js"></script>
<script src="assets/js/jquery.zoom.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>