Your IP : 216.73.216.93
<!DOCTYPE html>
<html lang="en">
<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="description" content="">
<meta name="keywords" content="">
<title>eShop - ecommerce Mobile App Dashboard Setup | Documentation</title>
<!-- Styles -->
<link href="assets/css/theDocs.all.min.css" rel="stylesheet">
<link href="assets/css/custom.css" rel="stylesheet">
<link rel='icon' href='assets/img/favicon-64.png' type='image/gif' sizes="16x16">
<!-- Fonts -->
<link href='https://fonts.googleapis.com/css?family=Raleway:100,300,400,500%7CLato:300,400' rel='stylesheet'
type='text/css'>
<!-- Favicons -->
<link rel="apple-touch-icon" href="../apple-touch-icon.html">
</head>
<body data-spy="scroll" data-target=".sidebar" data-offset="200">
<header class="site-header navbar-transparent">
<!-- Top navbar & branding -->
<nav class="navbar navbar-default">
<div class="container">
<!-- Toggle buttons and brand -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar"
aria-expanded="true" aria-controls="navbar">
<span class="glyphicon glyphicon-option-vertical"></span>
</button>
<button type="button" class="navbar-toggle for-sidebar" data-toggle="offcanvas">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="assets/img/eshop-logo.png" alt="logo"
align="center" style="max-height: 120px;"></a>
</div>
<!-- END Toggle buttons and brand -->
<!-- Top navbar -->
<!-- END Top navbar -->
</div>
</nav>
<!-- END Top navbar & branding -->
<!-- Banner -->
<div class="banner auto-size" style="background-color: #c74e4636">
<div class="container text-black">
<h1><strong>eShop Admin Panel
</strong> Documentation
</h1>
<h5>Easy To Configure,Setup And Use Our System</h5>
</div>
</div>
<!-- END Banner -->
</header>
<main class="container">
<div class="row">
<!-- Sidebar -->
<aside class="col-sm-3 sidebar sidebar-line">
<ul class="nav sidenav dropable sticky">
<li><a href="#tabs">Tabs</a></li>
<ul>
<li><a href="#Home">Home</a></li>
<li>
<a href="#orders">Orders</a>
<ul>
<li><a href="#order_tracking">Order Tracking</a></li>
<li><a href="#shipping_order_flow">Shipping Order Flow </a>
</li>
</ul>
</li>
<li>
<a href="#sellers">Sellers</a>
<ul>
<li><a href="#seller_wallet_transactions">Wallet Transactions</a></li>
</ul>
</li>
<li><a href="#categories">Categories</a></li>
<a href="#products">Products</a>
<ul>
<li><a href="#add_products">Add Products</a></li>
<li><a href="#attributes">Attributes</a></li>
<li><a href="#attribut_sets">Attribute Sets</a></li>
<li><a href="#attribute_values">Attribute Values</a></li>
<li><a href="#tax">Tax</a></li>
<li><a href="#manage_products">Manage Products</a></li>
<li><a href="#products_order">Products Order</a></li>
</ul>
<li><a href="#media_gallery">Media Management</a></li>
<li><a href="#home_slider">Home Slider Images</a></li>
<li><a href="#new_offers">New Offers Images</a></li>
<li><a href="#promo_code">Promo code</a></li>
<li><a href="#manage_stock">Manage Stock</a></li>
<a href="#featured_sections">Featured Sections</a>
<ul>
<li><a href="#manage_sections">Manage Sections</a></li>
<li><a href="#sections_order">Sections Order</a></li>
</ul>
<a href="#customer">Customer</a>
<ul>
<li><a href="#view_customers">View Customers</a></li>
<li><a href="#transaction">Transaction </a></li>
<li><a href="#wallet_transaction">Wallet Transaction</a></li>
</ul>
<li><a href="#return_requests">Return Requests</a></li>
<a href="#delivery_boys">Delivery Boys</a>
<ul>
<li><a href="#manage_delivery_boys">Manage Delivery Boys</a></li>
<li><a href="#fund_transerfer">Fund Transerfer</a></li>
</ul>
<li><a href="#send_notification">Send Notification</a></li>
<li>
<a href="#system">System</a>
<ul>
<li><a href="#store_settings">Store Settings</a></li>
<li><a href="#email_settings">Email Settings</a></li>
<li><a href="#payment_methods">Payment Methods</a></li>
<li><a href="#time_slots">Time Slots</a></li>
<li><a href="#authentication_mode">Authentication Mode</a></li>
<li><a href="#notification_settings">Notification Settings</a></li>
<li><a href="#contact_us">Contact Us</a></li>
<li><a href="#privacy_policy">Privacy Policy</a></li>
<li><a href="#admin_privacy">Admin Privacy Policy</a></li>
<li><a href="#delivery_boy_privacy">Delivery Boy Privacy Policy</a></li>
<li><a href="#about_us">About Us</a></li>
</ul>
</li>
<li>
<a href="#location">Location</a>
<ul>
<li><a href="#zipcodes">Zipcodes</a></li>
<li><a href="#city">City</a></li>
<li><a href="#area">Areas</a></li>
<li><a href="#bulk_upload">Bulk Upload</a></li>
</ul>
</li>
<li>
<a href="#report">Reports</a>
<ul>
<li><a href="#sal_rep">Sales Report</a></li>
</ul>
</li>
<li><a href="#faq">FAQ</a></li>
</ul>
</ul>
</aside>
<!-- END Sidebar -->
<!-- Main content -->
<article class="col-sm-9 main-content" role="main">
<section>
<h2 id="tabs">Website Overview</h2>
<div class="promo">
<img class="bordered" src="assets/img/overview.png" alt="sample3">
<p>Sample image</p>
</div>
<p style="color:red;">The Above web page contains tabs on the left panel like
Home,Orders,Categories,Product, Home Slider Images,New Offers Images,Promo code,Featured
Sections,Customer,Return Requests,Delivery Boys,Send Notification,System,Location,Reports
and FAQs to manage the whole website</p>
<h3 id="Home">Home Panel</h3>
<div class="promo">
<img class="bordered" src="assets/img/home_page.png" alt="sample3">
<p>Sample image</p>
</div>
<p>It Mainly contains 4 Items</p>
<ul>
<li>Orders:<span style="color:red;">To view Orders Information</span></li>
<li>New Signups:<span style="color:red;">To view New Signups Information</span></li>
<li>Delivery Boys:<span style="color:red;">To view Delivery Boys Information</span></li>
<li>Products:<span style="color:red;">To view Product Information</span></li>
</ul>
<p>And Two charts</p>
<ul>
<li>Products Sales:<span style="color:red;">To summarize sale in last days,weeks and
months</span></li>
<li>Category Wise Product:<span style="color:red;">To summarize category wise product
count</span></li>
</ul>
<div class="promo">
<img class="bordered" src="assets/img/theme.jpg" alt="sample3">
<p>Sample image</p>
</div>
<p style="color:red;">The Above web page contains Customize The Theme on the right panel like No
Navbar border,Body small text,Navbar small text,Sidebar nav small text,Footer small text,Sidebar
nav flat style,Sidebar nav child indent,Navbar Variants,Dark
Sidebar Variants,Dark Sidebar Variants to manage the whole website</p>
<div class="promo">
<img class="bordered" src="assets/img/header-users.png" alt="sample3">
<p>Sample image</p>
</div>
<p>It Mainly contains 2 Items</p>
<ul>
<li>Profile:<span style="color:red;">To Update the Admin Information</span></li>
<li>Log Out:<span style="color:red;">Log out the admin pannel</span></li>
</ul>
<h2 id="orders">Order Panel</h2>
<div class="promo">
<img class="bordered" src="assets/img/orders_table.png" alt="sample3">
</div>
<p style="color:red;">Here all the information related to order is displayed</p>
Actions
<ul>
<li>Filters By Status</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_status.jpg" alt="sample3"> Used to filter
the Order Status according to the criteria
</li>
</ul>
<li>Search Order details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the Order
Detail
</li>
</ul>
<li>Refresh Orders list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh Order
List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Order details according to the criteria
</li>
</ul>
<li>View Order</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/view_tab.jpg" alt="sample3"> To View the Order
details
</li>
</ul>
<li>Delete Order</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> To delete the
Order
</li>
</ul>
<li>Invoice Order</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/invoice_tab.jpg" alt="sample3"> To Invoice the
Order details
</li>
</ul>
<li>Settle Promo code discount </li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/settle_promocode_discount.png" alt="sample3"> To
User promocode cashback discount
</li>
</ul>
<li>Settle User cashback discount </li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/settle_user_cashback_discount.png" alt="sample3">
To Settle user cashback discount for friends code
</li>
</ul>
<li>Settle Refferal cashback discount </li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/settle_refferal_cashback_discount.png"
alt="sample3"> To settle Refferal Cash Back Discount for refferal
</li>
</ul>
</ul>
<br />
<h3 id="order_tracking">Order Tracking</h3>
<h4>Displaying order tracking List</h4>
<div class="promo">
<img class="bordered" src="assets/img/order_tracking.jpg" alt="sample3">
</div>
<br />
<h3 id="shipping_order_flow">Shipping Order Flow Update for Existing Clients</h3>
<div class="important-note">
<strong>Note:</strong> Only sellers can ship orders now—admins won’t be able to ship orders yet,
but this feature will be available in future updates.
</div>
<h5>1. Seller Panel Overview</h5>
<ul>
<li>In the Seller Panel, you’ll notice two tabs: <strong>Order Items</strong> and
<strong>Shipments</strong>.
</li>
<li>In the <strong>Order Items</strong> tab, you’ll see all the items for your orders.</li>
<li>In the <strong>Shipments</strong> tab, you’ll find a "Create a Parcel" button and
<strong>Created Parcels List</strong>.
</li>
</ul>
<div class="promo">
<img class="bordered" src="assets/img/seller_overview1.png" alt="sample3">
</div>
<div class="promo">
<img class="bordered" src="assets/img/seller_overview2.png" alt="sample3">
</div>
<h5>2. Creating a Parcel</h5>
<p>To ship an order, click on the "Create a Parcel" button. You’ll be able to select the items you
want to ship and then create the parcel.</p>
<div class="promo">
<img class="bordered" src="assets/img/create_parcel1.png" alt="sample3">
</div>
<h5>3. Managing Parcels</h5>
<p>Once a parcel is created, it will appear in a list with four action buttons:</p>
<ul>
<li><strong>View:</strong> See the items inside the parcel.</li>
<li><strong>Invoice:</strong> View or download the invoice for the parcel.</li>
<li><strong>Update Status:</strong> Open a window to update the shipping status.</li>
<li><strong>Delete:</strong> You can delete a parcel, but only if it hasn't been shipped yet.
</li>
</ul>
<div class="promo">
<img class="bordered" src="assets/img/manage_parcel1.png" alt="sample3">
</div>
<h5>4. Updating Shipping Status</h5>
<p>When you click <strong>Update Status</strong>, a window will open with two options:</p>
<ul>
<li><strong>Local Shipping:</strong> Select the delivery person and update the status.</li>
<li><strong>Shiprocket Orders:</strong> First, create a Shiprocket parcel with the required
details. Once created, Shiprocket parcel details will appear in the status update tab. Below
this, you’ll see two buttons:
<ul>
<li><strong>Cancel Shiprocket Parcel:</strong> Lets you cancel the Shiprocket parcel if
needed.</li>
<li><strong>Refresh:</strong> Refresh the status if it doesn't update automatically.
</li>
</ul>
<p>Note: The status will usually update on its own, but clicking "Refresh" will manually
update it to reflect the current parcel status.</p>
</li>
</ul>
<div class="promo">
<img class="bordered" src="assets/img/shipping_status1.png" alt="sample3">
</div>
<div class="promo">
<img class="bordered" src="assets/img/shipping_status2.png" alt="sample3">
</div>
<div class="promo">
<img class="bordered" src="assets/img/shipping_status3.png" alt="sample3">
</div>
<h5>5. Return Process</h5>
<p>The return process remains the same as before:</p>
<ul>
<li>Currently, the method for managing return parcels is manual.</li>
<li>When a customer requests a return, the admin will receive the request, accept it, and mark
the item as returned once the parcel is received.</li>
<li><strong>Note:</strong> Sellers cannot update the status for returns.</li>
</ul>
<div class="promo">
<img class="bordered" src="assets/img/return_request1.png" alt="sample3">
</div>
<div class="promo">
<img class="bordered" src="assets/img/return_request2.png" alt="sample3">
</div>
<br />
<h2 id="sellers">Seller Panel</h2>
<div class="promo">
<img class="bordered" src="assets/img/seller_tab.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Sellers are displaying</p>
Actions
<ul>
<li>Search Seller details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
Seller
Detail
</li>
</ul>
<li>Refresh Seller list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh Seller
List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Seller details according to the criteria
</li>
</ul>
<li>Delete Seller Permanently</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> To delete the
Seller
</li>
</ul>
<li>Remove Seller(Trash)</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/trashed.jpg" alt="sample3"> To delete the
Order
</li>
</ul>
</ul>
<br />
<h3 id="seller_wallet_transactions">Wallet Transactions</h3>
<h4>Displaying Seller's Wallet Transactions List</h4>
<div class="promo">
<img class="bordered" src="assets/img/seller_wallet_transactions_tab.jpg" alt="sample3">
</div>
<br />
<h3 id="add_seller">Add Seller</h3>
<h4>Adding New Seller in the Seller List</h4>
<li style="color:green;" type="circle">Clicking to the New Seller tab a new window will be
displayed as follows</li>
<div class="promo">
<img class="bordered" src="assets/img/add_seller_tab.png" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">In Seller Name field Enter the Name of the Seller.</li>
<li style="color:red;" type="">In Seller Description field Enter the Description of the
Seller.</li>
<li style="color:red;" type="">In Seller Email field Enter the Email of the
Seller.</li>
<li style="color:red;" type="">In Seller Password field Enter the Password of the
Seller.</li>
<li style="color:red;" type="">In Seller Address field Enter the Address of the
Seller.</li>
<li style="color:red;" type="">In Seller Address Proof field Enter the Address Proof of the
Seller.</li>
<li style="color:red;" type="">In Seller Categories wise Commission field Enter the Categories
wise Commission of the
Seller.</li>
<li style="color:red;" type="">In Seller Commission field Enter the Commission of the
Seller if you want to give commission globally.</li>
<li style="color:red;" type="">In Name of Store field Enter the Name of the Seller.</li>
<li style="color:red;" type="">In URL of Store field Enter the URL of the Seller.</li>
<li style="color:red;" type="">In Description field Enter the Seller Description of the Seller.
</li>
<li style="color:red;" type="">Click add Seller to add Seller or Reset to Reset the form.</li>
</ol>
<br />
<h2 id="categories">Categories Panel</h2>
<div class="promo">
<img class="bordered" src="assets/img/categories_tab.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Categories is display</p>
Actions
<ul>
<li>Search Category details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
Category Name or Any other Detail
</li>
</ul>
<li>Refresh Category list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh
Category List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Category details according to the criteria
</li>
</ul>
<li>Edit Category</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/edit_tab.jpg" alt="sample3"> Used to Edit the
Category details
</li>
</ul>
<li>Delete Category</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
Category details
</li>
</ul>
<li>Category Status</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/status_tab.jpg" alt="sample3"> Used to Active And
Deactive the Category Status
</li>
</ul>
</ul>
<div class="promo">
<img class="bordered" src="assets/img/tree_view.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Categories is display on Tree View</p>
<br>
<p style="color:red;">We Can add New categories and delete categories by following Steps :</p>
<h3>Step 1:Adding New Category in the Category List</h3>
<p style="color:green;">Click on Add Category Tab Present On The Right Side</p>
<div class="promo">
<img class="bordered" src="assets/img/new_cat_tab.jpg" alt="sample3">
</div>
<li style="color:green;" type="circle">After Clicking to the New Category tab a new window will be
displayed as follows</li>
<div class="promo">
<img class="bordered" src="assets/img/new_cat2_tab.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">In Category Name field Enter the Name of the Category.</li>
<li style="color:red;" type="">In Category tax field Enter the tax in Percentage(%) of the
Category.</li>
<li style="color:red;" type="">To know how to upload image in the form click <a
href='#add-image-form'>here</a>.</li>
<li style="color:red;" type="">Click add Category to add Category or Reset to Reset the form.
</li>
</ol>
<div class="promo">
<img class="bordered" src="assets/img/create_cat.jpg" alt="sample3">
<p style="color:green;">The Category Added Successfully</p>
</div>
<h3>Step 2:Delete Category from the List</h3>
<p> For Deleting category we need to use<img src="assets/img/delete1_tab.jpg"> as explained above
under Actions category.</p>
<h2 id="products">Product Panel</h2>
<li style="color:green;" type="circle">The Products Tab contains an Sub tabs like Add Products,
Attributes, Attribute Sets, Attribute Values, Tax, Manage Products and Products Order</li>
<div class="promo">
<img class="bordered" src="assets/img/products_tab.jpg" alt="sample3">
</div>
<h3 id="add_products">Add Product</h3>
<h4>Adding New Product in the Product List</h4>
<h5>Refernce Video For add Products :</h5>
<ol>
<li><a href="https://drive.google.com/file/d/1c5iAaOQcyuXj1ND1u6KeCgL8Gc6Z7Ns8/view?usp=drive_link"
target="_blank">Assign Category To Seller</a></li>
<li><a href="https://drive.google.com/file/d/1c5iAaOQcyuXj1ND1u6KeCgL8Gc6Z7Ns8/view?usp=drive_link"
target="_blank">Add Variable Product</a> </li>
<li><a target="_blank"
href="https://drive.google.com/file/d/1J1b-c2UwtMidIsYglrsyQ0MdI35PhANu/view?usp=drive_link">Simple
Product Stock</a></li>
<li><a target="_blank"
href="https://drive.google.com/file/d/1ecpu4vuFoWU0JdKp2vOOoRfVHVJrMzYk/view?usp=drive_link">Variable
Product Stock Product level</a></li>
<li><a target="_blank"
href="https://drive.google.com/file/d/1fRXERRRlDDVsFzn9Aaa8NYbq5trsGkH9/view?usp=drive_link">Variable
Product Stock Variant level</a></li>
</ol>
<li style="color:green;" type="circle">Clicking to the New Product tab a new window will be
displayed as follows</li>
<div class="promo">
<img class="bordered" src="assets/img/add_product_tab.png" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">In Product Name field Enter the Name of the Product.</li>
<li style="color:red;" type="">In Product Description field Enter the Description of the
Product.</li>
<li style="color:red;" type="">In Tax field Enter the Tax of the Product.</li>
<li style="color:red;" type="">Select the Indicator(like Veg & Non-veg Type) of the Product.
</li>
<li style="color:red;" type="">In Made In field Enter the Country Of Origin of the Product.</li>
<li style="color:red;" type="">Select the Category of the Products</li>
<li style="color:red;" type="">To know how to upload image in the form click <a
href='#add-image-form'>here</a>.</li>
<li style="color:red;" type="">Click add Product to add product or Reset to Reset the form.</li>
</ol>
<br />
<br />
<h3 id="attributes">Attributes</h3>
<div class="promo">
<img class="bordered" src="assets/img/attribute_tab.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Attributes is display</p>
Actions
<ul>
<li>Search Attributes details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
Attributes Name or Any other Detail
</li>
</ul>
<li>Refresh Attributes list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh
Attributes List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Attributes details according to the criteria
</li>
</ul>
<li>Edit Attributes</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/edit_tab.jpg" alt="sample3"> Used to Edit the
Attributes details
</li>
</ul>
<li>Delete Attributes</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
Attributes details
</li>
</ul>
<li>Attributes Status</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/status_tab.jpg" alt="sample3"> Used to Active And
Deactive the Attributes Status
</li>
</ul>
</ul>
<br>
<p style="color:red;">We Can add New Attributes and delete Attributes by following Steps :</p>
<h2>Step 1:Adding New Attributes in the Attributes List</h2>
<p style="color:green;">Click on Add New Attributes Tab Present On The Right Side</p>
<div class="promo">
<img class="bordered" src="assets/img/new_att_tab.jpg" alt="sample3">
</div>
<li style="color:green;" type="circle">After Clicking to the New Attributes tab a new window will be
displayed as follows</li>
<div class="promo">
<img class="bordered" src="assets/img/new_att2_tab.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">Select Attributes Set field of the Attributes</li>
<div class="promo">
<img class="bordered" src="assets/img/set_attributes.jpg" alt="sample3">
</div>
<li style="color:red;" type="">In Name field Enter the Name of the Attributes.</li>
<li style="color:red;" type="">Click add Attributes to add Attributes or Reset to Reset the
form.</li>
</ol>
<h2>Step 3:Delete Attributes from the List</h2>
<p> For Deleting Attributes we need to use<img src="assets/img/delete1_tab.jpg"> as explained above
under Actions Attributes.</p>
<br />
<h3 id="attribut_sets">Attribute Sets</h3>
<div class="promo">
<img class="bordered" src="assets/img/attribut_sets_tab.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Attribute Sets is display</p>
Actions
<ul>
<li>Search Attribute Sets details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
Attribute Sets Name or Any other Detail
</li>
</ul>
<li>Refresh Attribute Sets list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh
Attribute Sets List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Attribute Sets details according to the criteria
</li>
</ul>
<li>Edit Attribute Sets</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/edit_tab.jpg" alt="sample3"> Used to Edit the
Attribute Sets details
</li>
</ul>
<li>Delete Attribute Sets</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
Attribute Sets details
</li>
</ul>
<li>Attribute Sets Status</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/status_tab.jpg" alt="sample3"> Used to Active And
Deactive the Attribute Sets Status
</li>
</ul>
</ul>
<br>
<p style="color:red;">We Can add New Attribute Sets and delete Attribute Sets by following Steps :
</p>
<h2>Step 1:Adding New Attribute Sets in the Attribute Sets List</h2>
<p style="color:green;">Click on Add Attribute Sets Tab Present On The Right Side</p>
<div class="promo">
<img class="bordered" src="assets/img/attribut_sets2_tab.jpg" alt="sample3">
</div>
<li style="color:green;" type="circle">Clicking to the Add Attribute Sets tab a new window will be
displayed as follows</li>
<div class="promo">
<img class="bordered" src="assets/img/attribut_sets3_tab.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">In Attribute Sets Name field Enter the Name of the Attribute
Sets.</li>
<li style="color:red;" type="">Click add Attribute Sets to add Attribute Sets or Reset to Reset
the form.</li>
</ol>
<h2>Step 2:Delete Attribute Sets from the List</h2>
<p> For Deleting Attribute Sets we need to use<img src="assets/img/delete1_tab.jpg"> as explained
above under Actions Attribute Sets.</p>
<br>
<h3 id="attribute_values">Attribute Values</h3>
<div class="promo">
<img class="bordered" src="assets/img/attribute_values_tab.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Attribute Values is display</p>
Actions
<ul>
<li>Search Attribute Values details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
Attribute Values Name or Any other Detail
</li>
</ul>
<li>Refresh Attribute Values list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh
Attribute Values List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Attribute Values details according to the criteria
</li>
</ul>
<li>Edit Attribute Values</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/edit_tab.jpg" alt="sample3"> Used to Edit the
Attribute Values details
</li>
</ul>
<li>Delete Attribute Values</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
Attribute Values details
</li>
</ul>
<li>Attribute Values Status</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/status_tab.jpg" alt="sample3"> Used to Active And
Deactive the Attribute Values Status
</li>
</ul>
</ul>
<br>
<p style="color:red;">We Can add New Attribute Values and delete Attribute Values by following Steps
:</p>
<h2>Step 1:Adding New Attribute Values in the Attribute Values List</h2>
<p style="color:green;">Click on Add Attribute Values Tab Present On The Right Side</p>
<div class="promo">
<img class="bordered" src="assets/img/attribute_values_tab2.jpg" alt="sample3">
</div>
<li style="color:green;" type="circle">Clicking to the Add Attribute Values tab a new window will be
displayed as follows</li>
<div class="promo">
<img class="bordered" src="assets/img/attribute_values_tab3.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">Select the Attribute Values</li>
<div class="promo">
<img class="bordered" src="assets/img/select_attributes.jpg" alt="sample3">
</div>
<li style="color:red;" type="">Select the Parent</li>
<div class="promo">
<img class="bordered" src="assets/img/select_parent.jpg" alt="sample3">
</div>
<li style="color:red;" type="">Click add Attribute Values to add Attribute Values or Reset to
Reset the form.</li>
</ol>
<h2>Step 2:Delete Attribute Values from the List</h2>
<p> For Deleting Attribute Values we need to use<img src="assets/img/delete1_tab.jpg"> as explained
above under Actions Attribute Values.</p>
<br>
<h3 id="tax">Products Tax</h3>
<div class="promo">
<img class="bordered" src="assets/img/tax_tab.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Products Tax is display</p>
Actions
<ul>
<li>Search Products Tax details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
Products Tax title or Any other Detail
</li>
</ul>
<li>Refresh Products Tax list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh
Products Tax List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Products Tax details according to the criteria
</li>
</ul>
<li>Edit Products Tax</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/edit_tab.jpg" alt="sample3"> Used to Edit the
Products Tax details
</li>
</ul>
<li>Delete Products Tax</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
Products Tax details
</li>
</ul>
</ul>
<br>
<p style="color:red;">We Can add New Products Tax and delete Products Tax by following Steps :</p>
<h2>Step 1:Adding New Tax in the Products Tax List</h2>
<p style="color:green;">Click on Add Tax Tab Present On The Right Side</p>
<div class="promo">
<img class="bordered" src="assets/img/tax2_tab.jpg" alt="sample3">
</div>
<li style="color:green;" type="circle">Clicking to the Add Products Tax tab a new window will be
displayed as follows</li>
<div class="promo">
<img class="bordered" src="assets/img/tax3_tab.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">In Products Tax Title field Enter the Title of the Products Tax.
</li>
<li style="color:red;" type="">Click add Tax to add Tax or Reset to Reset the form.</li>
</ol>
<h2>Step 2:Delete Products Tax from the List</h2>
<p> For Deleting Products Tax we need to use<img src="assets/img/delete1_tab.jpg"> as explained
above under Actions Products Tax.</p>
<br>
<h3 id="manage_products">Manage Products</h3>
<div class="promo">
<img class="bordered" src="assets/img/manage_pro_tab.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Products is display</p>
Actions
<ul>
<li>Search the Products details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
Products Name or Any other Detail
</li>
</ul>
<li>Refresh Manage Products list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh
Products List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Products details according to the criteria
</li>
</ul>
<li>Edit the Products</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/edit_tab.jpg" alt="sample3"> Used to Edit the
Products details
</li>
</ul>
<li>Delete the Products</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
Products details
</li>
</ul>
</ul>
<br>
<p style="color:red;">We Can add New Products and delete Products by following Steps :</p>
<h2>Step 1:Adding New Products in the Products List</h2>
<p style="color:green;">Click on Add Products Tab Present On The Right Side</p>
<div class="promo">
<img class="bordered" src="assets/img/manage_pro2_tab.jpg" alt="sample3">
</div>
<li style="color:green;" type="circle">Clicking to the Add Products tab a new window will be
displayed as follows</li>
<div class="promo">
<img class="bordered" src="assets/img/add_product_tab.png" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">In Product Name field Enter the Name of the Product.</li>
<li style="color:red;" type="">In Product Description field Enter the Description of the
Product.</li>
<li style="color:red;" type="">In Tax field Enter the Tax of the Product.</li>
<li style="color:red;" type="">Select the Indicator(like Veg & Non-veg Type) of the Product.
</li>
<li style="color:red;" type="">In Made In field Enter the Country Of Origin of the Product.</li>
<li style="color:red;" type="">Select the Category of the Products</li>
<li style="color:red;" type="">To know how to upload image in the form click <a
href='#add-image-form'>here</a>.</li>
<li style="color:red;" type="">Click add Product to add product or Reset to Reset the form.</li>
</ol>
<h2>Step 2:Delete Products from the List</h2>
<p> For Deleting Products we need to use<img src="assets/img/delete1_tab.jpg"> as explained above
under Actions Products.</p>
<br>
<h3 id="products_order">Products Order</h3>
<div class="promo">
<img class="bordered" src="assets/img/products_order.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Products Order is display</p>
<br>
<h3 id="media_gallery">Media Management</h3>
<div class="promo">
<img class="bordered" src="assets/img/uipload-images.png" alt="sample3">
</div>
<p style="color:red;">Here all types of images/documents can be uploaded.</p>
<div class="promo">
<img class="bordered" src="assets/img/media_table.PNG" alt="sample3">
</div>
<p style="color:red;">Here all types of images/documents can be viewed.</p>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3" width="30"> Used to Delete
the image.
</li>
<li style="color:grey;">
<img class="bordered" src="assets/img/copy-to-clipboard.png" alt="sample3" width="30"> Used to
copy the image path to clipboard.
</li>
<h3 style="color:red;" id='add-image-form'>How to add image in a form</h3>
<li style="color:red;" type=""> <img class="bordered" src="assets/img/upload-img-button.PNG"
alt="sample3">: This button will appear in forms where image is required .</li>
<li style="color:red;" type="">After clicking on upload button following dailog box will open</li>
<div class="promo">
<img class="bordered" src="assets/img/open-modal-media.PNG" alt="sample3">
</div>
<li style="color:red;" type="">Now select an image and click on Add Image button</li>
<div class="promo">
<img class="bordered" src="assets/img/selected-image-media.PNG" alt="sample3">
</div>
<li style="color:red;" type="">Image will be added as seen below</li>
<div class="promo">
<img class="bordered" src="assets/img/Offer-image-uploaded.PNG" alt="sample3">
</div>
<li style="color:blue;">That's all. You have successfully added image in the form.</li>
<br>
<h3 id="home_slider">Home Slider Images</h3>
<div class="promo">
<img class="bordered" src="assets/img/home_slider_tab.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Home Slider Images is display</p>
Actions
<ul>
<li>Search slider image details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
slider related Detail
</li>
</ul>
<li>Refresh slider list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh slider
List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
slider details according to the criteria
</li>
</ul>
<li>Edit slider</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/edit_tab.jpg" alt="sample3"> Used to Edit the
slider image
</li>
</ul>
<li>Delete slider</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
slider image.
</li>
</ul>
</ul>
<br>
<p style="color:red;">We Can add New Slider and delete Slider by following Steps :</p>
<h2>Step 1:Adding New Slider in the Home Image Slider</h2>
<p style="color:green;">Click on Add slider Tab Present On The Right Side</p>
<div class="promo">
<img class="bordered" src="assets/img/home_slider2_tab.jpg" alt="sample3">
</div>
<li style="color:green;" type="circle">Clicking to the Add Slider tab a new window will be displayed
as follows</li>
<div class="promo">
<img class="bordered" src="assets/img/home_slider3_tab.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">In Type field Enter the Type of the Slider Images list.</li>
<li style="color:red;" type="">To know how to upload image in the form click <a
href='#add-image-form'>here</a>.</li>
<li style="color:red;" type="">Click add Slider to add Slider or Reset to Reset the form.</li>
</ol>
<h2>Step 2:Delete Slider from the List</h2>
<p> For Deleting Slider Images we need to use<img src="assets/img/delete1_tab.jpg"> as explained
above under Actions Slider Images.</p>
<br>
<h3 id="new_offers">Offers Management</h3>
<div class="promo">
<img class="bordered" src="assets/img/offers_tab.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to New Offers Images is display</p>
Actions
<ul>
<li>Search slider image details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
slider related Detail
</li>
</ul>
<li>Refresh slider list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh slider
List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
slider details according to the criteria
</li>
</ul>
<li>Delete slider</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
slider image.
</li>
</ul>
</ul>
<br>
<p style="color:red;">We Can add New Offer Images and delete Offer by following Steps :</p>
<h2>Step 1:Adding New Offers in the Offers Management</h2>
<p style="color:green;">Click on Add Offer Tab Present On The Right Side</p>
<div class="promo">
<img class="bordered" src="assets/img/offers_tab2.jpg" alt="sample3">
</div>
<li style="color:green;" type="circle">Clicking to the Add Offer tab a new window will be displayed
as follows</li>
<div class="promo">
<img class="bordered" src="assets/img/offers_tab3.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">To know how to upload image in the form click <a
href='#add-image-form'>here</a>.</li>
<li style="color:red;" type="">Click add Offer to add Offer or Reset to Reset the form.</li>
</ol>
<h2>Step 2:Delete Offer Images from the List</h2>
<p> For Deleting Offer Images we need to use<img src="assets/img/delete1_tab.jpg"> as explained
above under Actions Offer.</p>
<br>
<h3 id="manage_stock">Manage Stock</h3>
<div class="promo">
<img class="bordered" src="assets/img/manage_stock.png" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Manage stock is display</p>
Actions
<ul>
<li>Search Product details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the Stock
Product related Detail
</li>
</ul>
<li>Refresh Product list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh Stock
Product List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Stock Product details according to the criteria
</li>
</ul>
<div class="promo">
<img class="bordered" src="assets/img/manage_stock_edit.png" alt="sample3">
</div>
<li>Edit Product Stock Values</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/edit_tab.jpg" alt="sample3"> Used to Edit the
Stock Product Values details ( Add or Subtract stock of product ).
</li>
</ul>
</ul>
<br>
<h3 id="promo_code">Promo Code</h3>
<div class="promo">
<img class="bordered" src="assets/img/promo_code.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Promo Code is display</p>
Actions
<ul>
<li>Search Promo Code details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the Promo
Code related Detail
</li>
</ul>
<li>Refresh Promo Code list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh Promo
Code List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Promo Code details according to the criteria
</li>
</ul>
<li>Edit Promo Code Values</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/edit_tab.jpg" alt="sample3"> Used to Edit the
Promo Code Values details
</li>
</ul>
<li>View Promo Code Details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/view_tab.jpg" alt="sample3"> Used to View The
Promo Code Details
</li>
</ul>
<li>Delete Promo Code</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
Promo Code Details.
</li>
</ul>
</ul>
<br>
<p style="color:red;">We Can add New Promo Code and delete Promo Code by following Steps :</p>
<h2>Step 1:Adding New Promo Code in the Promo Code List</h2>
<p style="color:green;">Click on Add Promo Code Tab Present On The Right Side</p>
<div class="promo">
<img class="bordered" src="assets/img/promo_code2.jpg" alt="sample3">
</div>
<li style="color:green;" type="circle">Clicking to the Add Promo Code tab a new window will be
displayed as follows</li>
<div class="promo">
<img class="bordered" src="assets/img/promo_code3.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">To know how to upload image in the form click <a
href='#add-image-form'>here</a>.</li>
<li style="color:red;" type="">Click add Offer to Upload Images or Reset to Reset the form.</li>
</ol>
<h2>Step 2:Delete Promo Code from the List</h2>
<p> For Deleting Promo Code we need to use<img src="assets/img/delete1_tab.jpg"> as explained above
under Actions Promo Code.</p>
<br>
<h3 id="featured_sections">Featured Sections Panel</h3>
<li style="color:green;" type="circle">The Featured Sections Tab contains an Sub tabs like Manage
Sections and Sections Order</li>
<div class="promo">
<img class="bordered" src="assets/img/featured_section_tab.jpg" alt="sample3">
</div>
<h3 id="manage_sections">Manage Sections</h3>
<div class="promo">
<img class="bordered" src="assets/img/featured_section.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Featured Sections is display</p>
Actions
<ul>
<li>Search Featured Sections details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
Featured Sections related Detail
</li>
</ul>
<li>Refresh Featured Sections list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh
Featured Sections List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Featured Sections details according to the criteria
</li>
</ul>
<li>Edit Featured Sections Values</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/edit_tab.jpg" alt="sample3"> Used to Edit the
Featured Sections Values details
</li>
</ul>
<li>Delete Featured Sections</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
Featured Sections Details.
</li>
</ul>
</ul>
<br>
<p style="color:red;">We Can add New Featured Sections and delete Featured Sections by following
Steps :</p>
<h2>Step 1:Adding New Featured Sections in the Featured Sections List</h2>
<div class="promo">
<img class="bordered" src="assets/img/featured_section3.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">In Title For Section field Enter the Title of the Sections list.
</li>
<li style="color:red;" type="">In Short Description field Enter the Description of the Featured
Sections list.</li>
<li style="color:red;" type="">Select Style field of the Featured Sections list.</li>
<li style="color:red;" type="">In Products field Enter the Products of the Featured Sections
list.</li>
<li style="color:red;" type="">Click add Featured Sections to add Featured Sections or Reset to
Reset the form.</li>
</ol>
<h2>Step 2:Delete Featured Sections from the List</h2>
<p> For Deleting Featured Sections we need to use<img src="assets/img/delete1_tab.jpg"> as explained
above under Actions Featured Sections.</p>
<br>
<h3 id="sections_order">Sections Order</h3>
<div class="promo">
<img class="bordered" src="assets/img/section_order.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Sections Order is display</p>
<br>
<h3 id="customer">Customer Panel</h3>
<li style="color:green;" type="circle">The Customer Tab contains an Sub tabs like View Customers,
Transaction and Wallet Transaction</li>
<div class="promo">
<img class="bordered" src="assets/img/customer_tab.jpg" alt="sample3">
</div>
<h2 id="view_customers">View Customer</h2>
<div class="promo">
<img class="bordered" src="assets/img/view_customers.png" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Customer is display</p>
Actions
<ul>
<li>Search Customer</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
Customer Name or Any other Detail
</li>
</ul>
<li>Refresh Customer list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh
Customer List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Customer details according to the criteria
</li>
</ul>
</ul>
<br>
<h2 id="transaction">View Transaction</h2>
<div class="promo">
<img class="bordered" src="assets/img/view_transaction.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Customer Transaction is display</p>
Actions
<ul>
<li>Search Customer Transaction</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
Customer Name or Any other Detail
</li>
</ul>
<li>Refresh Customer Transaction list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh
Customer Transaction List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Customer Transaction details according to the criteria
</li>
</ul>
</ul>
<br>
<h2 id="wallet_transaction">Customer Wallet Transaction</h2>
<div class="promo">
<img class="bordered" src="assets/img/wallet_transaction.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Customer Wallet Transaction is display</p>
Actions
<ul>
<li>Search Customer Wallet Transaction</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
Customer Name or Any other Detail
</li>
</ul>
<li>Refresh Customer Wallet Transaction list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh
Customer Wallet Transaction List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Customer Wallet Transaction details according to the criteria
</li>
</ul>
</ul>
<br>
<h3 id="return_requests">Return Requests</h3>
<div class="promo">
<img class="bordered" src="assets/img/return_requests.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Return Requests is display</p>
Actions
<ul>
<li>Search Return Requests details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
Return Requests related Detail
</li>
</ul>
<li>Refresh Return Requests list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh Return
Requests List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Return Requests details according to the criteria
</li>
</ul>
<li>Edit Return Requests Values</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/edit_tab.jpg" alt="sample3"> Used to Edit the
Return Requests Values details
</li>
</ul>
<li>Delete Return Requests</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
Return Requests Details.
</li>
</ul>
</ul>
<br>
<p style="color:red;">We Can Edit Return Requests and delete Return Requests by following Steps :
</p>
<h2>Step 1:Edit Return Requests in the Return Requests List</h2>
<div class="promo">
<img class="bordered" src="assets/img/return_requests3.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">Select Status field of the Return Requests list.</li>
<li style="color:red;" type="">In Remark field Enter the Remark of the Return Requests list.
</li>
<li style="color:red;" type="">Click update to update Return Requests or Reset to Reset the
form.</li>
</ol>
<h2>Step 2:Delete Return Requests from the List</h2>
<p> For Deleting Return Requests we need to use<img src="assets/img/delete1_tab.jpg"> as explained
above under Actions Return Requests.</p>
<br>
<h3 id="delivery_boys">Delivery Boys Panel</h3>
<li style="color:green;" type="circle">The Delivery Boys Tab contains an Sub tabs like Manage
Delivery Boys and Fund Transfer</li>
<div class="promo">
<img class="bordered" src="assets/img/delivery_boy_tab.jpg" alt="sample3">
</div>
<h3 id="manage_delivery_boys">Manage Delivery Boys</h3>
<div class="promo">
<img class="bordered" src="assets/img/view_delivery_boys.PNG" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Delivery Boys is display</p>
Actions
<ul>
<li>Search Delivery Boys details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
Delivery Boys related Detail
</li>
</ul>
<li>Refresh Delivery Boys list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh
Delivery Boys List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Delivery Boys details according to the criteria
</li>
</ul>
<li>Edit Delivery Boys Values</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/edit_tab.jpg" alt="sample3"> Used to Edit the
Delivery Boys Values details
</li>
</ul>
<li>Delete Delivery Boys</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
Delivery Boys Details.
</li>
</ul>
<li>View Fund Transfer values</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/fund_transfer.jpg" alt="sample3"> Used to View
fund transfer Details.
</li>
</ul>
</ul>
<br>
<p style="color:red;">We Can add New Delivery Boys and delete Delivery Boys by following Steps :</p>
<h2>Step 1:Adding New Delivery Boys in the Delivery Boys List</h2>
<div class="promo">
<img class="bordered" src="assets/img/delivery_boy3.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">In Name field Enter the Name of the Delivery Boys.</li>
<li style="color:red;" type="">In Mobile field Enter the Mobile No. of the Delivery Boys.</li>
<li style="color:red;" type="">In Email field Enter the Email of the Delivery Boys.</li>
<li style="color:red;" type="">In Password field Enter the Password</li>
<li style="color:red;" type="">In Confirm Password field Enter the Confirm Password</li>
<li style="color:red;" type="">In Address field Enter the Address of the Delivery Boys.</li>
<li style="color:red;" type="">In Bonus field Enter the Bonus</li>
<li style="color:red;" type="">Click add Delivery Boy to add Delivery Boy or Reset to Reset the
form.</li>
</ol>
<h2>Step 2:Delete Delivery Boy from the List</h2>
<p> For Deleting Delivery Boy we need to use<img src="assets/img/delete1_tab.jpg"> as explained
above under Actions Delivery Boy.</p>
<br>
<h2 id="fund_transerfer">Fund Transerfer</h2>
<div class="promo">
<img class="bordered" src="assets/img/fund_transfer.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Fund Transerfer is display</p>
Actions
<ul>
<li>Search Fund Transerfer</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
Customer Name or Any other Detail
</li>
</ul>
<li>Refresh Fund Transerfer list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh Fund
Transerfer List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Fund Transerfer details according to the criteria
</li>
</ul>
</ul>
<br>
<h1 id="send_notification">Send Notification</h1>
<div class="promo">
<img class="bordered" src="assets/img/notifaction_tab.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Notifaction Details is display</p>
Actions
<ul>
<li>Search Notification Details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the
Notification Title or Any other Detail
</li>
</ul>
<li>Refresh Notification list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh
Notification List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Notification details according to the criteria
</li>
</ul>
<li>Delete Notification</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
Notification Details.
</li>
</ul>
</ul>
<br>
<p style="color:red;">We Can Send Notification and delete Notification by following Steps :</p>
<h2>Step 1: Fill the Fields as follows</h2>
<div class="promo">
<img class="bordered" src="assets/img/notifaction.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">Select Type of the Notification Type.</li>
<li style="color:red;" type="">In Title field Enter the Title of the Notification.</li>
<li style="color:red;" type="">In Message field Enter the Message of the Notification.</li>
<li style="color:red;" type="">In Image field Select the Image.</li>
<li style="color:red;" type="">Click Send Notification to the Send Notification or Reset to
Reset the form.</li>
</ol>
<h2>Step 2:Delete Notification from the List</h2>
<p> For Deleting Notification we need to use<img src="assets/img/delete1_tab.jpg"> as explained
above under Actions Notification.</p>
<br>
<h3 id="system">System Panel</h3>
<li style="color:green;" type="circle">The System Tab contains an Sub tabs like Store Settings,
Email Settings, Payment Methods, Time Slots, Notification Settings, Contact Us, Privacy Policy,
Delivery Boy Privacy Policy and About Us. </li>
<div class="promo">
<img class="bordered" src="assets/img/syatem_tab.jpg" alt="sample3">
</div>
<h3 id="store_settings">Store Setting</h3>
<li style="color:green;" type="circle">The System Tab contains an Sub tab name as Store Settings
</li>
<div class="promo">
<img class="bordered" src="assets/img/store_settings.png" alt="sample3">
</div>
<ul>
<li type="circle" style="color:red;">From Here The Store Settings can be Updated as per
requirements</li>
<ul>
<li><span style="color:blue;">App Name</span> : From Here we can update the App name</li>
<li><span style="color:blue;">Support Number</span> : From Here we can update the Support
Number</li>
<li><span style="color:blue;">Support Email</span> : From Here we can update the Support
Email</li>
<li><span style="color:blue;">Copyright Details</span> : From Here we can update the
Copyright details</li>
<li><span style="color:blue;">Logo</span> : From Here we can update the App Logo</li>
<li><span style="color:blue;">Favicon</span> : From Here we can update the App Favicon</li>
<li style="color:red;" type="">To know how to upload image in the form click <a
href='#add-image-form'>here</a>.</li>
<li><span style="color:blue;">Current Version Of App</span> : From Here we can update the
Current Version Of App</li>
<li><span style="color:blue;">Minimum Version Required</span> : From Here we can update the
Minimum Version</li>
<li><span style="color:blue;">Version System Status</span> : From Here we can update the
Version System Status</li>
<li><span style="color:blue;">Zipcode wise delivery charge</span> : From Here we can set the
Zipcode wise delivery charge on or off</li>
<li><span style="color:blue;">Store Currency ( Symbol or Code - $ or USD - Anyone )</span> :
From Here we can update the Store Currency</li>
<li><span style="color:blue;">Delivery Charge Amount (₹)</span> : From Here we can update
the Delivery Charge Amount (₹)</li>
<li><span style="color:blue;">Minimum Amount for Free Delivery (₹)</span> : From Here we can
update the Minimum Amount for Free Delivery (₹)</li>
<li><span style="color:blue;">System Timezone</span> : From Here we can update the Version
System Timezone</li>
<li><span style="color:blue;">Minimum Cart Amount(₹)</span> : From Here we can update the
Minimum Cart Amount(₹)</li>
<li><span style="color:blue;">Maximum Items Allowed In Cart</span> : From Here we can update
the Maximum Items Allowed In Cart</li>
<li><span style="color:blue;">Minimum Order Amount (₹)</span> : From Here we can update the
Minimum Order Amount (₹)</li>
<li><span style="color:blue;">Order Delivery OTP System</span> : From Here we can set otp
based delivery </li>
<li style="color:blue;" type="">Click Update Settings to the Update System Settings or
Reset
to Reset the form.</li>
<h6 style="text-decoration: underline;color: #ee1d1d;font-weight: bold;">ONLY FOR APP</h6>
<li><span style="color:blue;">Android Play Store Link</span> : From Here we can set
Android Playstore link</li>
<li><span style="color:blue;">IOS App Store Link</span> : From Here we can set IOS app
store link</li>
<li><span style="color:blue;">Scheme For APP</span> : From Here we can set Scheme for
app</li>
<li><span style="color:blue;">Domain Name for APP</span> : From Here we can set domain
name for app</li>
<li><span style="color:blue;">APP Store ID </span> : From Here we can set app store ID
</li>
<li><span style="color:blue;">Default CountryCode </span> : From Here we can set default
countrycode </li>
</ul>
</ul>
<br>
<h3 id="email_settings">Email Setting</h3>
<li style="color:green;" type="circle">The System Tab contains an Sub tab name as Email Settings
</li>
<div class="promo">
<img class="bordered" src="assets/img/email_settings.png" alt="sample3">
</div>
<ul>
<li type="circle" style="color:red;">From Here The Email Settings can be Updated as per
requirements</li>
<ul>
<li><span style="color:blue;">From eMail ID</span> : <img src="assets/img/from_email.jpg"
width="200px"> All Emails in the system will be sent from this email id </li>
<li><span style="color:blue;">Password</span> : From Here we can update the Password</li>
<li><span style="color:blue;">SMTP Host</span> : From Here we can update the SMTP Host</li>
<li><span style="color:blue;">SMTP Port</span> : From Here we can update the SMTP Port</li>
<li><span style="color:blue;">Email Content Type</span> : From Here we can update the Email
Content Type</li>
<li><span style="color:blue;">SMTP Encryption</span> : From Here we can update the SMTP
Encryption</li>
<li style="color:blue;" type="">Click Update Email Settings to the Update Email Settings or
Reset to Reset the form.</li>
</ul>
</ul>
<br>
<h3 id="payment_methods">Payment Methods</h3>
<li style="color:green;" type="circle">The System Tab contains an Sub tab name as Payment Methods
</li>
<div class="promo">
<img class="bordered" src="assets/img/payment_methods.png" alt="sample3">
</div>
<ul>
<li type="circle" style="color:red;">From Here The Payment Methods can be Updated as per
requirements</li>
<ul>
<li><span style="color:blue;">Paypal Payments </span> : From Here we can update the Paypal
Payments </li>
<li><span style="color:blue;">Payment Mode</span> : From Here we can update the Payment Mode
</li>
<li><span style="color:blue;">Paypal Business Email</span> : <img
src="assets/img/from_email.jpg" width="200px">From Here we can update the Paypal
Business Email</li>
<li><span style="color:blue;">Currency code</span> : From Here we can update the Currency
code</li>
<li><span style="color:blue;">Notification URL</span> : From Here we can update the
Notification URL</li>
<br>
<h5>Razorpay Payments</h5>
<li><span style="color:blue;">Razorpay Payments</span> : From Here we can update the
Razorpay Payments</li>
<li><span style="color:blue;">Razorpay key ID</span> : From Here we can update the Razorpay
key ID</li>
<li><span style="color:blue;">Secret Key</span> : From Here we can update the Secret Key
</li>
<li><span style="color:blue;">Webhook Secret Key</span> : From Here we can update the
Webhook Secret Key
</li>
<br>
<h5>Paystack Payments</h5>
<li><span style="color:blue;">Paystack Payments</span> : From Here we can update the
Paystack Payments</li>
<li><span style="color:blue;">Paystack key ID</span> : From Here we can update the Paystack
key ID</li>
<li><span style="color:blue;">Secret Key</span> : From Here we can update the Secret Key
</li>
<br>
<h5>Stripe Payments</h5>
<li><span style="color:blue;">Stripe Payments</span> : From Here we can update the
Stripe Payments</li>
<li><span style="color:blue;">Payment Mode</span> : From Here we can update the Payment Mode
<li><span style="color:blue;">Stripe Publishable key ID</span> : From Here we can update the
Stripe Publishable
key ID</li>
<li><span style="color:blue;">Stripe Secret Key</span> : From Here we can update the Stripe
Secret Key
</li>
<li><span style="color:blue;">Stripe Webhook Secret Key</span> : From Here we can update the
Stripe Webhook Secret Key
</li>
<li><span style="color:blue;">Currency code</span> : From Here we can update the Currency
code</li>
<br>
<h5>Flutterwave Payments</h5>
<li><span style="color:blue;">Flutterwave Payments</span> : From Here we can update the
Flutterwave Payments</li>
<li><span style="color:blue;">Flutterwave Public key ID</span> : From Here we can update the
Flutterwave Public key ID</li>
<li><span style="color:blue;">Secret Key</span> : From Here we can update the Secret Key
</li>
<li><span style="color:blue;">Flutterwave Encryption key</span> : From Here we can update
the Flutterwave Encryption key </li>
<br>
<h5>Paytm Payments</h5>
<li><span style="color:blue;">Paytm Payments</span> : From Here we can update the
Paytm Payments</li>
<li><span style="color:blue;">Paytm Marchant key </span> : From Here we can update the
Paytm Marchant key </li>
<li><span style="color:blue;">Paytm Marchant ID</span> : From Here we can update the
Paytm Marchant ID</li>
<li><span style="color:blue;">Paytm Website</span> : From Here we can update the Paytm
Website
</li>
<li><span style="color:blue;">Industry type ID</span> : From Here we can update
the Industry type ID </li>
<br>
<h5>Midtrans Payments</h5>
<li><span style="color:blue;">Midtrans Payments</span> : From Here we can update the
Midtrans Payments</li>
<li><span style="color:blue;">Payment Mode</span> : From Here we can update the Payment Mode
</li>
<li><span style="color:blue;">Midtrans Client Key</span> : From Here we can update the
Midtrans Client Key </li>
<li><span style="color:blue;">Midtrans Merchant ID</span> : From Here we can update the
Midtrans Merchant ID
</li>
<li><span style="color:blue;">Midtrans Secret Key</span> : From Here we can update the
Midtrans
Secret Key
</li>
<li><span style="color:blue;">Currency code</span> : From Here we can update the Currency
code</li>
<br>
<h5>MyFatoorah Payments</h5>
<li><span style="color:blue;">MyFatoorah Payments</span> : From Here we can update the
MyFatoorah Payments</li>
<li><span style="color:blue;">MyFatoorah Token</span> : From Here we can update the
MyFatoorah Token
<li><span style="color:blue;">MyFatoorah Mode</span> : From Here we can update the
MyFatoorah Mode
<li><span style="color:blue;">MyFatoorah Language</span> : From Here we can update the
MyFatoorah Language
</li>
<li><span style="color:blue;">MyFatoorah Secret Key</span> : From Here we can update the
MyFatoorah
Secret Key
</li>
<li><span style="color:blue;">Currency code</span> : From Here we can update the Currency
code</li>
<br>
<h5>Instamojo Payments</h5>
<li><span style="color:blue;">Instamojo Payments</span> : From Here we can update the
Instamojo Payments</li>
<li><span style="color:blue;">Payment Mode</span> : From Here we can update the Payment Mode
</li>
<li><span style="color:blue;">Instamojo Client ID</span> : From Here we can update the
Instamojo Client ID </li>
<li><span style="color:blue;">Instamojo Secret ID</span> : From Here we can update the
Instamojo
Secret ID
</li>
<br>
<h5>PhonePe Payments</h5>
<li><span style="color:blue;">PhonePe Payments</span> : From Here we can update the
PhonePe Payments</li>
<li><span style="color:blue;">Payment Mode</span> : From Here we can update the Payment Mode
</li>
<li><span style="color:blue;">PhonePe Marchant ID</span> : From Here we can update the
PhonePe Marchant ID </li>
<li><span style="color:blue;">PhonePe Salt index</span> : From Here we can update the
PhonePe Salt index
</li>
<li><span style="color:blue;">PhonePe Salt key</span> : From Here we can update the
PhonePe Salt key
</li>
<br>
<h5>Cash On Delivery</h5>
<li><span style="color:blue;">COD</span> : From Here we can update the COD </li>
<li style="color:blue;" type="">Click Update Payment Settings to the Update Payment Settings
or Reset to Reset the form.</li>
<h5>Direct Bank Transfer</h5>
<li><span style="color:blue;">Direct Bank Transfer</span> : From Here we can update the
Flutterwave Payments</li>
<li><span style="color:blue;">Account Name</span> : From Here we can set admin Account Name
for bank transfer.</li>
<li><span style="color:blue;">Account Number</span> : From Here we can set admin Account
Number for bank transfer.</li>
<li><span style="color:blue;">Bank Name</span> : From Here we can set admin Bank Name for
bank transfer.</li>
<li><span style="color:blue;">Bank Code</span> : From Here we can set admin Bank Code for
bank transfer.
</li>
<br>
</ul>
</ul>
<br>
<h1 id="time_slots">Time Slots</h1>
<div class="promo">
<img class="bordered" src="assets/img/time_slot.jpg" alt="sample3">
</div>
<p style="color:red;">Here all the information related to Time Slots Details is display</p>
Actions
<ul>
<li>Search Time Slots Details</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> To search the Time
Slots Title or Any other Detail
</li>
</ul>
<li>Refresh Time Slots list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh Time
Slots List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Time Slots details according to the criteria
</li>
</ul>
<li>Delete Time Slots</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
Time Slots Details.
</li>
</ul>
</ul>
<br>
<p style="color:red;">We Can Add Time Slots and delete Time Slots by following Steps :</p>
<h2>Step 1: Fill the Fields as follows</h2>
<div class="promo">
<img class="bordered" src="assets/img/time_slot2.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">In Title field Enter the Title of the Time Slots.</li>
<li style="color:red;" type="">Select From Time of the Time Slots.</li>
<li style="color:red;" type="">Select To Time of the Time Slots.</li>
<li style="color:red;" type="">Select Last Order Time of the Time Slots.</li>
<li style="color:red;" type="">Select To Status of the Time Slots.</li>
<li style="color:red;" type="">Click Add Time Slots to the Add Time Slots table or Reset to
Reset the form.</li>
</ol>
<h2>Step 2:Delete Time Slots from the List</h2>
<p> For Deleting Time Slots we need to use<img src="assets/img/delete1_tab.jpg"> as explained above
under Actions Time Slots.</p>
<br>
<h1 id="authentication_mode">Authentication Mode</h1>
<div class="promo">
<img class="bordered" src="assets/img/authentication_settings.png" alt="sample3">
</div>
<p style="color:red;">From Here You can set authentication mode from here</p>
<br>
<h3 id="notification_settings">Notification Settings</h3>
<li style="color:green;" type="circle">The System Tab contains an Sub tab name as Notification
Settings </li>
<div class="promo">
<img class="bordered" src="assets/img/admin_notification.png" alt="sample3">
</div>
<li><span style="color:blue;">Vap id</span> : Firebase → Project Settings → Cloud
Messaging → Web Configuration → here you have to generate it </li>
<div class="promo">
<img class="bordered" src="assets/img/notf_vap_id.png" alt="sample3">
</div>
<li><span style="color:blue;">Firebase Project ID</span> : Firebase → Project Settings →
General → Project ID</li>
<div class="promo">
<img class="bordered" src="assets/img/notf_project_id.png" alt="sample3">
</div>
<li><span style="color:blue;">Service Account File</span> : Firebase → Project Settings →
Service Account → Generate new private key → Here you will get a JSON file which you
need to upload in the admin panel</li>
<div class="promo">
<img class="bordered" src="assets/img/notif_json.png" alt="sample3">
</div>
<ul>
<li><span style="color:blue;">Vap id</span> : Firebase → Project Settings → Cloud
Messaging → Web Configuration → here you have to generate it </li>
<li><span style="color:blue;">Firebase Project ID</span> : Firebase → Project Settings
→ General → Project ID</li>
<li><span style="color:blue;">Service Account File</span> : Firebase → Project Settings
→ Service Account → Generate new private key → Here you will get a JSON file
which you need to upload in the admin panel</li>
<li style="color:red">Click the button to update notification settings or reset to reset the
form.</li>
</ul>
<br>
<h3 id="notification_settings">SMS Gateway Settings</h3>
<li style="color:green;" type="circle">The System Tab contains an Sub tab name as SMS Gateway
Settings </li>
<div class="promo">
<img class="bordered" src="assets/img/sms_gateway_settings_1.png" alt="sample3">
</div>
<li><span style="color:blue;">SMS Gateway Configuration</span> : From here you can set your custom
gateway setting </li>
<div class="promo">
<img class="bordered" src="assets/img/sms_gateway_settings_2.png" alt="sample3">
</div>
<li><span style="color:blue;">SMS Matrix</span> : From here you can set notification send setting
(like you don't want to send notification via sms , then turn off it )</li>
<div class="promo">
<img class="bordered" src="assets/img/sms_gateway_settings_3.png" alt="sample3">
</div>
<li><span style="color:blue;">SMS Template</span> : From Here you can set mail template here</li>
<h3 id="contact_us">Contact Us</h3>
<li style="color:green;" type="circle">The System Tab contains an Sub tab name as Contact Us </li>
<div class="promo">
<img class="bordered" src="assets/img/contact_us.jpg" alt="sample3">
</div>
<ul>
<li type="circle" style="color:red;">From here the contact us information can be updated as per
requirements</li>
<li type="circle" style="color:red">Click button to update contact info or Reset to Reset the
form.</li>
</ul>
<br>
<h3 id="privacy_policy">Privacy Policy</h3>
<li style="color:green;" type="circle">The System Tab contains an Sub tab name as Privacy Policy
</li>
<div class="promo">
<img class="bordered" src="assets/img/privacy_policy.jpg" alt="sample3">
</div>
<ul>
<li type="circle" style="color:red;">From here the privacy policy and terms and conditions can
be updated as per requirements</li>
<li type="circle" style="color:red">Click Update Privacy Policy And Terms & Conditions button to
update information or Reset to Reset the form.</li>
</ul>
<br>
<h3 id="delivery_boy_privacy">Delivery Boy Privacy Policy</h3>
<li style="color:green;" type="circle">The System Tab contains an Sub tab name as Delivery Boy
Privacy Policy</li>
<div class="promo">
<img class="bordered" src="assets/img/delivery_boy_privacy.jpg" alt="sample3">
</div>
<ul>
<li type="circle" style="color:red;">From here the Delivery Boy privacy policy and terms and
conditions can be updated as per requirements</li>
<li type="circle" style="color:red">Click Update Privacy Policy And Terms & Conditions button to
update information or Reset to Reset the form.</li>
</ul>
<br>
<h3 id="admin_privacy">Admin Privacy Policy</h3>
<li style="color:green;" type="circle">The System Tab contains an Sub tab name as Admin
Privacy Policy</li>
<div class="promo">
<img class="bordered" src="assets/img/admin_privacy_policy.jpg" alt="sample3">
</div>
<ul>
<li type="circle" style="color:red;">From here the Admin privacy policy and terms and
conditions can be updated as per requirements</li>
<li type="circle" style="color:red">Click Update Privacy Policy And Terms & Conditions button to
update information or Reset to Reset the form.</li>
</ul>
<br>
<h3 id="about_us">About Us</h3>
<li style="color:green;" type="circle">The System Tab contains an Sub tab name as About Us</li>
<div class="promo">
<img class="bordered" src="assets/img/about_us.jpg" alt="sample3">
</div>
<ul>
<li type="circle" style="color:red;">From here the About Us can be updated as per requirements
</li>
<li type="circle" style="color:red">Click Update About Us button to update information or Reset
to Reset the form.</li>
</ul>
<br>
<h3 id="location">Location</h3>
<li style="color:green;" type="circle">
The Location Tab contains four Sub tabs :
<ol>
<li>Zipcodes</li>
<li>City</li>
<li>Areas</li>
<li>Bulk Upload</li>
</ol>
</li>
<div class="promo">
<img class="bordered" src="assets/img/location_tab.jpg" alt="sample3">
<p>Sample Image</p>
</div>
<h3 id="zipcodes">Zipcodes</h3>
<div class="promo">
<img class="bordered" src="assets/img/zipcode_tab.jpg" alt="sample3">
<p>Sample Image</p>
</div>
<p>Actions:</p>
<li>Search Zipcode</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> Used to Search the
Specific Zipcode
</li>
</ul>
<li>Refresh Zipcode list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh Zipcode
List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Zipcode
details according to the criteria
</li>
</ul>
<li>Edit </li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/edit_tab.jpg" alt="sample3"> Used to Edit the Zipcode
details
</li>
</ul>
<li>Delete </li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
Specific Z '
][\
ipcode
</li>
</ul>
<h2>Adding New Zipcode</h2>
<div class="promo">
<img class="bordered" src="assets/img/new_zipcode.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">In Zipcode field Enter the Name of the Zipcode.</li>
<li type="circle" style="color:red">Click Add Zipcode button to Add the Zipcode or Reset to
Reset the
form.</li>
</ol>
<h3 id="city">City</h3>
<div class="promo">
<img class="bordered" src="assets/img/city_tab.jpg" alt="sample3">
<p>Sample Image</p>
</div>
<p>Actions:</p>
<li>Search area</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> Used to Delete the
Specific City
</li>
</ul>
<li>Refresh City list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh City List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the City
details according to the criteria
</li>
</ul>
<li>Edit </li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/edit_tab.jpg" alt="sample3"> Used to Edit the City
details
</li>
</ul>
<li>Delete </li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
Specific City
</li>
</ul>
<h2>Adding New Cities</h2>
<div class="promo">
<img class="bordered" src="assets/img/new_city2.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">In City Name field Enter the Name of the City.</li>
<li type="circle" style="color:red">Click Add City button to Add the City or Reset to Reset the
form.</li>
</ol>
<h3 id="area">Areas</h3>
<div class="promo">
<img class="bordered" src="assets/img/area_tab.jpg" alt="sample3">
<p>Sample Image</p>
</div>
<p>Actions:</p>
<li>Search </li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3"> This feature is used to
search areas according to city's name
</li>
</ul>
<li>Refresh Area list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh Area List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the Area
details according to the criteria
</li>
</ul>
<li>Edit </li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/edit_tab.jpg" alt="sample3"> Used to Edit the Area
details
</li>
</ul>
<li>Delete </li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/delete1_tab.jpg" alt="sample3"> Used to Delete the
Specific Area
</li>
</ul>
<h2>Adding New Areas</h2>
<div class="promo">
<img class="bordered" src="assets/img/add_area_tab.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">In Area Name Field Enter the Area Name .</li>
<li style="color:red;" type="">In City Field Select the City.</li>
<li style="color:red;" type="">Click Add Area to Add Area or Reset to Reset the form. </li>
</ol>
<h3 id="bulk_upload">Bulk Upload</h3>
<div class="promo">
<img class="bordered" src="assets/img/bulk_upload_tab.jpg" alt="sample3">
<p>Sample Image</p>
</div>
<ol>
<li style="color:red;" type="">Select <b>Type[upload/update]</b> you want to upload .</li>
<li style="color:red;" type="">Select <b>Location Type [Zipcodes/Cities/Areas]</b> you want to
upload.</li>
<li style="color:red;" type="">Select CSV file you want to upload.</li>
<li style="color:red;" type="">Click Submit to upload or Reset to Reset the form. </li>
<li style="color:red;" type="">Read instructions and download sample files for more
understanding. </li>
</ol>
<h1 id="report">Reports</h1>
<li style="color:green;" type="circle">
The Report Tab contains Sub tabs :
<ol>
<li>Sales Report</li>
</ol>
</li>
<div class="promo">
<img class="bordered" src="assets/img/list_report.jpg" alt="sample3">
<p>Sample Image</p>
</div>
<h1 id="sal_rep">Sales Report</h1>
<div class="promo">
<img class="bordered" src="assets/img/sales_rep.jpg" alt="sample3">
<p>Sample Image</p>
</div>
<p>Actions:</p>
<li>Search Sales Report</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_report.jpg" alt="sample3"
style="width:250px;height: 60px;"> This feature is used to search Sales report data
between dates specified by the user
</li>
</ul>
<li>Search Sales Report Data</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/search_tab.jpg" alt="sample3" style="width:200px">
This feature is used to search Sales report data
</li>
</ul>
<li>Refresh Sales Reort list</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/refresh_tab.jpg" alt="sample3"> To Refresh Sales
Report List
</li>
</ul>
<li>Filters</li>
<ul>
<li style="color:grey;">
<img class="bordered" src="assets/img/filter_tab.jpg" alt="sample3"> Used to filter the
Sales Report details according to the criteria
</li>
</ul>
<h1 id="faq">FAQ</h1>
<div class="promo">
<img class="bordered" src="assets/img/faq_list.jpg" alt="sample3">
<p>Sample Image</p>
</div>
<p>In this Panel all The Questions are display Which are asked by the users</p>
<p style="color:red;">Actions:</p>
<ul style="color:green;">
<li>
Edit
<ul>
<li type="disc"><img src="assets/img/edit_tab.jpg"> Used to Edit the Answers</li>
</ul>
</li>
<li>
Delete
<ul>
<li type="disc"><img src="assets/img/delete1_tab.jpg"> Used to delete the Questions</li>
</ul>
</li>
</ul>
<h2>Adding New Faq</h2>
<div class="promo">
<img class="bordered" src="assets/img/add_faq1.jpg" alt="sample3">
</div>
<ol>
<li style="color:red;" type="">In Question Field Enter the Question.</li>
<li style="color:red;" type="">In Answer Field Enter the Answer.</li>
<li style="color:red;" type="">Click Add Faq to Add Faq or Close to Close the form. </li>
</ol>
</section>
</article>
<!-- END Main content -->
</div>
</main>
<!-- Footer -->
<footer class="site-footer">
<div class="container">
<a id="scroll-up" href="#"><i class="fa fa-angle-up"></i></a>
<div class="row">
<div class="col-md-6 col-sm-6">
<p>Copyright © 2025. Codeskitter. All right reserved. </p>
</div>
<div class="col-md-6 col-sm-6">
<ul class="footer-menu">
<li><a href="https://codeskitter.com" target='_blank'>Contact us</a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- END Footer -->
<!-- Scripts -->
<script src="assets/js/theDocs.all.min.js"></script>
<script src="assets/js/custom.js"></script>
</body>
</html>