{"id":6119,"date":"2022-03-29T04:11:17","date_gmt":"2022-03-29T04:11:17","guid":{"rendered":"https:\/\/wpthemego.com\/document\/?p=6119"},"modified":"2022-03-29T04:32:36","modified_gmt":"2022-03-29T04:32:36","slug":"mallon","status":"publish","type":"post","link":"https:\/\/wpthemego.com\/document\/mallon\/","title":{"rendered":"Documentation for Mallon &#8211; Medical Store Elementor WooCommerce WordPress Theme"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row el_class=&#8221;guide&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<aside id=\"sidebar-left\" class=\"sidebar-left\">\n<div class=\"sidebar-header\">\n<div class=\"sidebar-title\">Navigation<\/div>\n<\/div>\n<div class=\"nano\">\n<div class=\"nano-content\">\n<nav id=\"menu\" class=\"nav-main\">\n<ul class=\"nav nav-main\">\n<li class=\"nav-active nav-parent\"><a href=\"#getstart\"><i class=\"fa fa-home\"><\/i>Getting Started<\/a>\n<ul class=\"nav nav-children\">\n<li><a href=\"#welcome\">Theme Introduction <\/a><\/li>\n<li><a href=\"#background\">Basic Knowledge<\/a><\/li>\n<li><a href=\"#requirement\">System Requirements<\/a><\/li>\n<li><a href=\"#files\">File Structure<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"nav-parent\"><a href=\"#installation\"><i class=\"fa fa-refresh\"><\/i>Installation &amp; Update<\/a>\n<ul class=\"nav nav-children\">\n<li><a href=\"#quickstart\">Quickstart Installation<\/a><\/li>\n<li><a href=\"#themeinstall\">Theme Installation<\/a><\/li>\n<li><a href=\"#plugininstall\">Plugin Installation<\/a><\/li>\n<li><a href=\"#childtheme\">Mallon Child Theme<\/a><\/li>\n<li><a href=\"#themeupdate\">Theme Update<\/a><\/li>\n<li><a href=\"#pluginupdate\">Plugin Update<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"nav-parent\"><a href=\"#demodata\"><i class=\"fa fa-download\"><\/i>Mallon Demo Data<\/a>\n<ul class=\"nav nav-children\">\n<li><a href=\"#importdemo\">Import Demo Data<\/a><\/li>\n<li><a href=\"#demopages\">Homepage Demos<\/a><\/li>\n<li><a href=\"#headerfooter\">Header &amp; Footer<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"nav-parent\"><a href=\"#basicsettings\"><i class=\"fa fa-cogs\"><\/i>Basic Settings<\/a>\n<ul class=\"nav nav-children\">\n<li><a href=\"#page\">Page Settings<\/a><\/li>\n<li><a href=\"#post\">Post Settings<\/a><\/li>\n<li><a href=\"#portfolio\">Portfolio Settings<\/a><\/li>\n<li><a href=\"#product\">Product Settings<\/a><\/li>\n<li><a href=\"#menu-config\">Menu Configuration<\/a><\/li>\n<li><a href=\"#mailchimp\">MailChimp for WordPress<\/a><\/li>\n<li><a href=\"#contactform\">Contact Form 7<\/a><\/li>\n<li><a href=\"#yith\">YITH Plugins<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"nav-main\"><a href=\"#themeoptions\"><i class=\"fa fa-align-left\"><\/i>Theme Options<\/a><\/li>\n<li class=\"nav-main\"><a href=\"#themeelements\"><i class=\"fa fa-pencil-square\"><\/i>Elementor Elements<\/a><\/li>\n<li class=\"nav-main\"><a href=\"#admin\"><i class=\"fa fa-users\"><\/i>Multi Vendor Plugins<\/a><\/li>\n<\/ul>\n<\/nav>\n<nav class=\"nav-main\">\n<ul class=\"nav nav-main\">\n<li><a href=\"#translation\"><i class=\"fa fa-language\"><\/i>Mallon Translation<\/a><\/li>\n<li><a href=\"#support\"><i class=\"fa fa-question-circle\"><\/i>FAQs &amp; Support<\/a><\/li>\n<li class=\"title\"><span style=\"text-transform: none;\"> \u00a9 Copyright 2021 <a href=\"https:\/\/wpthemego.com\/wordpress-themes\/\">WPThemeGo<\/a><\/span><\/li>\n<\/ul>\n<\/nav>\n<\/div>\n<\/div>\n<\/aside>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_column_text]<\/p>\n<section class=\"content-body\"><!-- start: welcome --><\/p>\n<div id=\"welcome\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">WELCOME TO MALLON THEME DOCUMENTATION<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"welcome\" class=\"toggle active\"><label>Theme Introduction<\/label><\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>Firstly, a huge thanks for purchasing this theme. In this document, we will covers the installation and use and answers to common problems and issues for Mallon. We encourage you to read throughout this document in case there is any difficulties. You can find more tutorials via the <a href=\"https:\/\/wpthemego.com\/document\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Frequently Asked Questions<\/span><\/a>, <a href=\"http:\/\/forum.wpthemego.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">WPThemeGo Forum<\/span><\/a> and also contact us via our <a href=\"https:\/\/support.wpthemego.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Ticket Support System<\/span><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Mallon Features:<\/h4>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/1.envato.market\/mallon\"><strong>Mallon<\/strong><\/a> is a multipurpose WooCommerce WordPress theme. With <strong>beautiful homepage, responsive design, multi vendor marketplace support<\/strong> and full ecommerce features, Mallon will surely a suitable theme for any <strong>multi-vendor marketplace<\/strong> or any shopping store website. Mallon is now compatible with the best multi vendor marketplace plugins including <a href=\"https:\/\/wordpress.org\/plugins\/dokan-lite\/\"><strong>Dokan<\/strong><\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/wc-vendors\/\"><strong>WC Vendors<\/strong><\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/wc-multivendor-marketplace\/\"><strong>WCFM Marketplace<\/strong><\/a> and <a href=\"https:\/\/wordpress.org\/plugins\/dc-woocommerce-multi-vendor\/\"><strong>WC Marketplace<\/strong><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Mallon Tutorial Videos:<\/h4>\n<p>&nbsp;<\/p>\n<p>You can find tutorial videos for Mallon installation and use on <a href=\"https:\/\/www.youtube.com\/watch?v=rZ1UnzJAUj8&amp;list=PLPjA3McuJhOFAboxjHuXYQX19KPhdheEF\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">WPThemeGo Youtube Channel<\/span><\/a>. We will update new videos in this playlist then please stay tunned!<\/p>\n<p>&nbsp;<\/p>\n<p>Also, follow us on <a href=\"https:\/\/www.facebook.com\/wpthemego\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Facebook<\/span><\/a> and <a href=\"https:\/\/twitter.com\/wpthemego\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Twitter<\/span><\/a> for freebies, discounts and theme updates.<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!--end: welcome --><\/p>\n<p><!-- start: gettingstarted --><\/p>\n<div id=\"gettingstarted\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">GETTING STARTED<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"background\" class=\"toggle active\"><label>WordPress Background Knowledge<\/label><\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in <a href=\"https:\/\/wordpress.org\/support\/\">WordPress Support<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p>Below are all the useful links for WordPress information.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wordpress.org\/support\/article\/how-to-install-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">WordPress Codex<\/span><\/a> \u2013 General info about WordPress and how to install on your server.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wordpress.org\/support\/article\/first-steps-with-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">First Steps With WordPress<\/span><\/a> \u2013 General info about multiple topics about WordPress.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"http:\/\/codex.wordpress.org\/FAQ_New_To_WordPress\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">FAQ New To WordPress<\/span><\/a> \u2013 The most popular FAQ\u2019s regarding WordPress.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section id=\"requirement\" class=\"toggle active\"><label>System Requirements<\/label><\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>Before installing the theme, please make sure that your hosting provider and website meet the minimum requirements as below:<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">To run Mallon, we recommend your host and website support:<\/h4>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Your web host has the <a href=\"https:\/\/wordpress.org\/about\/requirements\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">minimum requirements to run WordPress<\/span><\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Your site with <span class=\"highlight\">latest version of WordPress<\/span> is prefered.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Always create secure passwords for FTP and Database.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Important Note about PHP Configuration:<\/h4>\n<p>&nbsp;<\/p>\n<p><b>In several cases, you may deal with problems related to low PHP configuration limits, such as: white screen, demo content fails when importing, empty page content and other similar issues.<\/b> The solution is to <b>increase the PHP limits<\/b>. You can do this on your own by editing the file <code>php.ini<\/code> file in the root directory or contact your web host and ask them to increase those limits to a minimum as follows:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><code>max_execution_time 360<\/code><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><code>memory_limit 256M<\/code><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><code>post_max_size 64M<\/code><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><code>upload_max_filesize 64M<\/code><\/li>\n<\/ol>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: gettingstarted --><\/p>\n<p><!-- start: file structure --><\/p>\n<div id=\"files\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">FILE STRUCTURE<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"package\" class=\"toggle active\"><label>Theme Package<\/label><\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>After downloading the theme package on ThemeForest, when extracting it, you will see the files included as below:<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Download Mallon theme on Themeforest:<\/h4>\n<p>&nbsp;<\/p>\n<p>To download the theme, log into your ThemeForest account and go to <a href=\"https:\/\/themeforest.net\/downloads\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Download<\/span><\/a> tab of your account. Here you can find Mallon Theme, click on the download button and select the <strong>All files &amp; documentation<\/strong> to get all the files included in Mallon package.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Files included in Mallon theme package:<\/h4>\n<p>&nbsp;<\/p>\n<p>Below is a full list of everything that is included when you download the main files:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>code<\/b> &#8211; includes <b>sw_mallon_theme_vx.x.x.zip<\/b> and <b>sw_mallon-child-theme.zip<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>userguide<\/b> &#8211; online documentation for Mallon theme.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>licensing<\/b> &#8211; license for theme on ThemeForest.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>psd<\/b> &#8211; includes PSD for Mallon theme.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Plugins included in theme package:<\/h4>\n<p>&nbsp;<\/p>\n<p>You can find the plugins in folder <strong>sw_mallon_theme_vx.x.x.zip\\mallon\\lib\\plugins<\/strong>. They are <strong> lessphp.zip, one-click-demo-import.zip, sw_ajax_woocommerce_search.zip, sw_core.zip, sw_liststore.zip, sw_product_brand.zip, sw_vendor_slider.zip, sw-woocommerce.zip, sw_wooswatches.zip, sw-product-bundles.zip, <\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<p>For plugin <strong>Elementor<\/strong>, and <strong>Revolution Slider<\/strong>, we include the link of them in the theme and you can install it through the demo.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Included Plugins Licenses:<\/h4>\n<p>&nbsp;<\/p>\n<p>For <strong>Revolution Slider<\/strong>, we are not allowed to include the license key in the theme package due to the copyright. If there is any update, we are accountable for updating the theme with the newest version of plugin. After that, you can update in your site.<\/p>\n<p>&nbsp;<\/p>\n<p>For <strong>Elementor<\/strong>, you can contact us via our <a href=\"https:\/\/support.wpthemego.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Ticket Support System<\/span><\/a> to get help.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Mallon quickstart file:<\/h4>\n<p>&nbsp;<\/p>\n<p>We also provide you <strong>sw_mallon_quickstart_vx.x.x.zip<\/strong> for Quickstart Installation <span class=\"highlight\"> 01 time only<\/span> for the first installation. You can create a ticket at the <a href=\"https:\/\/support.wpthemego.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\"> Support System<\/span><\/a> and provide us the <a href=\"https:\/\/help.market.envato.com\/hc\/en-us\/articles\/202822600-Where-Is-My-Purchase-Code-\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Item Purchase Code<\/span><\/a> to send us your request.<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: file structure --><\/p>\n<p><!-- start: installation --><\/p>\n<div id=\"installation\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">INSTALLATION<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"\" class=\"toggle active\"><label>How to Install Mallon theme?<\/label><\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>There are 02 ways to install Mallon theme: Quickstart Installation and Manual Installation.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><strong>Quickstart Installation:<\/strong> With this one, you will replace your whole site with a new one like our site in demo. This one is suitable for you if you build a fresh site and want to get demo content. Please note that with this way, all your old data will be replaced.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><strong>Manual Installation (or Theme Installation):<\/strong> By this way, you can install the theme into your site and import demo data while remaining current data of your site. If you have a WordPress website with full of content and you want to keep it, this is a suitable choice for you.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> Before install the theme, please make sure that your site meets all the <a href=\"#requirement\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">system requirements<\/span><\/a> and the theme package is available in your computer. You may need to <a href=\"https:\/\/support.wpthemego.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">contact us<\/span><\/a> to get the quickstart file for this installation.<\/p>\n<\/div>\n<\/section>\n<section id=\"quickstart\" class=\"toggle active\"><label>Quickstart Installation<\/label><\/p>\n<div class=\"toggle-content\">\n<p>To install Quickstart, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Have the <strong>sw_mallon_quickstart_vx.x.x.zip<\/strong> available in your computer.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/codex.wordpress.org\/Installing_WordPress#Step_2:_Create_the_Database_and_a_User\" target=\"_blank\" rel=\"noopener noreferrer\">Create the Database and a User<\/a> for your site. You can skip this step if there is available one.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Upload and Extract the quickstart files to the desired location on your web server using FTP or CPanel. It could be a folder in <code>xampp &gt; htdocs <\/code> if you install on your localhost.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Go to the URL where you uploaded the file to load the WordPress Installer.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Now all is the same to WordPress Installation. You will go step by step with Language Settings, Database Settings and WordPress Info Settings.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">You can choose the demo style you want in option <b>Choose Demo<\/b> at the end of window <b>Database Settings<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After the successful installation, you can go to your site and enjoy the result.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the tutorial for this Quickstart Installation here: <a href=\"http:\/\/wpthemego.com\/document\/how-to-install-quickstart-for-wordpress-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">How to Install Quickstart for WordPress Theme<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<section id=\"themeinstall\" class=\"toggle active\"><label>Theme Installation<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Before installing Mallon theme, you need to have a WordPress site that meets all the <a href=\"#requirement\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">theme requirements<\/span><\/a> and have the latest Mallon theme package available in your computer.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Mallon theme installation:<\/h4>\n<p>&nbsp;<\/p>\n<p>There are 02 ways for you to upload the theme into your site: Upload theme via WordPress Admin and Upload theme via FTP.<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> If the theme file size is larger than 8M, it should be uploaded via FTP.<br \/>\n<!-- Nav tabs --><\/p>\n<ul class=\"nav nav-tabs\">\n<li class=\"active\"><a href=\"#wp-upload\" data-toggle=\"tab\"><b>WordPress Upload<\/b><\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"#ftp-upload\" data-toggle=\"tab\"><b>FTP Upload<\/b><\/a><\/li>\n<\/ul>\n<p><!-- Tab panes --><\/p>\n<div class=\"tab-content\">\n<div id=\"wp-upload\" class=\"tab-pane active\">\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Navigate to the Admin Panel of your site (i.e. <i>yoursite.com\/wp-admin\/<\/i>).<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Login to your WordPress Dashboard and go to<strong> Appearance &gt; Theme <\/strong> and click <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/install\/wp-upload1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New<\/a> to add new theme.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click the <strong>Upload Theme<\/strong> button then <strong>Choose File<\/strong> and select <strong>sw-mallon_theme_vx.x.x.zip<\/strong> file and click <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/install\/wp-upload2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Install Now<\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">It will take a few minutes to install the theme.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After seeing the message <b>Theme installed successfully<\/b>, you can <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/install\/wp-upload3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Activate<\/a> Mallon in your site.<\/li>\n<\/ol>\n<\/div>\n<div id=\"ftp-upload\" class=\"tab-pane\">\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Access your FTP client, such as <a href=\"https:\/\/filezilla-project.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">FileZilla<\/a> to start upload Mallon theme.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Navigate to the folder of your website (i.e. <i>yoursite.com\/wp-content\/themes<\/i>) then upload and extract theme file <b>sw_mallon_theme_vx.x.x.zip<\/b> to this directory. After that, you will have a theme folder named as <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/install\/ftp-upload1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Mallon<\/a> in your site&#8217;s directory.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Login to the Admin Panel of your site (i.e. <i>yoursite.com\/wp-admin\/<\/i>). Go to <b>Appearance &gt; Themes<\/b> to find <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/install\/ftp-upload2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Mallon theme<\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After seeing Mallon theme&#8217;s thumnail, choose and click on <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/install\/ftp-upload3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Activate<\/a> to install it in your site.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<p><!-- End tabs --><\/p>\n<h4 class=\"text-primary\">Mallon theme activation:<\/h4>\n<p>&nbsp;<\/p>\n<p>After install Mallon theme, you need to <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/install\/theme-activate.png\" target=\"_blank\" rel=\"noopener noreferrer\">enter the theme purchase code<\/a> of Mallon to then click on <strong>Save Changes<\/strong> to activate Mallon theme on your website. You can find theme purchase code following <a href=\"https:\/\/wpthemego.com\/document\/how-to-get-purchase-code-for-items-from-envato\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">these steps<\/span><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">&#8220;The package could not be installed&#8230;&#8221;<\/h4>\n<p>&nbsp;<\/p>\n<p>One of the most common reasons people have issues is because they try uploading the full zip that includes demo content, theme, userguide &#8230;etc which displays the \u201c<strong>The package could not be installed. The theme is missing the style.css stylesheet.<\/strong>\u201d error. Please make sure you upload only the theme which is called <b>sw_mallon_theme_vx.x.x.zip<\/b>.<\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" width=\"840\" height=\"473\" frameborder=\"0\" src=\"https:\/\/www.youtube.com\/embed\/cTsiKWGoub4\"><\/iframe><\/p>\n<\/div>\n<\/section>\n<section id=\"plugininstall\" class=\"toggle active\"><label>Required Plugin Installation<\/label><\/p>\n<div class=\"toggle-content\">\n<p>To have the theme works well with full features, after installing the theme, all the required plugins should be installed and activated. Below are the required plugins for Mallon theme:<br \/>\n<!-- Nav tabs --><\/p>\n<ul class=\"nav nav-tabs\">\n<li class=\"active\"><a href=\"#require-plugin\" data-toggle=\"tab\"><b>Required Plugins<\/b><\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"#recommend-plugin\" data-toggle=\"tab\"><b>Recommended Plugins<\/b><\/a><\/li>\n<\/ul>\n<p><!-- Tab panes --><\/p>\n<div class=\"tab-content\">\n<div id=\"require-plugin\" class=\"tab-pane active\">\n<p>These are the required plugins of Mallon theme.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">One Click Demo Import (Please Deactivate it after the Demo Import to not prevent your site performance.)<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">SW Core<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">SW Woocommerce<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wpthemego.com\/item\/sw-ajax-woocommerce-search\/\" target=\"_blank\" rel=\"noopener noreferrer\">SW Ajax WooCommerce Search<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">SW Vendor Slider (For multi-vendor marketplace website only.)<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">SW Product Brand<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">SW List Store (For multi-vendor marketplace website only.)<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">SW WooCommerce Swatches<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wpthemego.com\/item\/sw-product-bundles\/\" target=\"_blank\" rel=\"noopener noreferrer\">SW Product Bunldes<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Less Compile (You need to activate this plugin to enable Custom Color. After that, please Deactivate it to not prevent your site performance.)<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noopener noreferrer\">WooCommerce<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/revolution.themepunch.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Slider Revolution<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/mc4wp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">MailChimp for WordPress<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wordpress.org\/plugins\/contact-form-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">Contact Form 7<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wordpress.org\/plugins\/yith-woocommerce-compare\/\" target=\"_blank\" rel=\"noopener noreferrer\">YITH WooCommerce Compare<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wordpress.org\/plugins\/yith-woocommerce-wishlist\/\" target=\"_blank\" rel=\"noopener noreferrer\">YITH WooCommerce Wishlist<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Seo<\/a><\/li>\n<\/ol>\n<\/div>\n<div id=\"recommend-plugin\" class=\"tab-pane\">\n<p>These are the plugins compatible with Mallon theme.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wordpress.org\/plugins\/dokan-lite\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dokan<\/a>: Plugin for front end multi vendor marketplace on WordPress, powered by WooCommerce.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wordpress.org\/plugins\/wc-vendors\/\" target=\"_blank\" rel=\"noopener noreferrer\">WC Vendor<\/a>: Plugin for multivendor with WooCommerce.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wordpress.org\/plugins\/wc-multivendor-marketplace\/\" target=\"_blank\" rel=\"noopener noreferrer\">WC Marketplace<\/a>: Plugin for multivendor with WooCommerce.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wordpress.org\/plugins\/dc-woocommerce-multi-vendor\/\" target=\"_blank\" rel=\"noopener noreferrer\">WCFM Marketplace<\/a>: Plugin for multivendor with WooCommerce.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wp-rocket.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Rocket<\/a>: Plugin to speed up your site .<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wordpress.org\/plugins\/loco-translate\/\" target=\"_blank\" rel=\"noopener noreferrer\">Loco Translate<\/a>: Loco Translate provides in-browser editing of WordPress translation files.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wpml.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">WPML<\/a>: WPML allows running fully multilingual websites with WordPress.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/alidropship.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">AliDropship<\/a>: Allows direct import of AliExpress products to the user&#8217;s dropshipping store.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<p><!-- End tabs --><\/p>\n<h4 class=\"text-primary\">Required plugins installation for Mallon:<\/h4>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">After activating the theme, it will direct you to <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/install\/plugin3.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Install Required Plugins<\/b><\/a> window for <b>SW Mallon<\/b> theme.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Choose all of required plugins then select <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/install\/plugin1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Install<\/b><\/a> and click <b>Apply<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After successful installation, return to the Plugin Install window, choose all of them then select <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/install\/plugin2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Activate<\/b><\/a> and click <b>Apply<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">When activating the plugins successfully, you will see a <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/install\/plugin4.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>message<\/b><\/a> at the top of the page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Important:<\/h4>\n<p>&nbsp;<\/p>\n<p>When installing, if there is notice that any plugin is <b>unsuccessful<\/b> installed, please choose <b>each<\/b> of them and install <b>one by one again<\/b>. If your server does not permit automatic installation, you need to install them manually with plugins in folder <b><em>data\/plugins<\/em><\/b>.<\/p>\n<\/div>\n<\/section>\n<section id=\"childtheme\" class=\"toggle active\"><label>Mallon Child Theme Installation<\/label><\/p>\n<div class=\"toggle-content\">\n<p>A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme. If you plan on doing any customization on your site, you will definitely need to set up this child theme on your site.<\/p>\n<p>&nbsp;<\/p>\n<p><b>After installing and activating Mallon theme, you can install Mallon Child Theme following steps below:<\/b><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">In the Dashboard, go to<strong> Appearance &gt; Theme <\/strong> and click <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/install\/childtheme1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New<\/a> to add new theme.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click the <strong>Upload Theme<\/strong> button then <strong>Choose File<\/strong> and select <strong>sw_mallon-child-theme.zip<\/strong> file and click <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/install\/childtheme2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Install Now<\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">It will take a few minutes to install the theme.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After seeing the message <b>Theme installed successfully<\/b>, you can <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/install\/childtheme3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Activate<\/a> Mallon Child Theme in your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see a tutorial about Child Theme: <a href=\"http:\/\/wpthemego.com\/document\/how-to-use-child-theme-for-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">How to Use Child Theme<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<section id=\"themeupdate\" class=\"toggle active\"><label>How to Update Mallon theme?<\/label><\/p>\n<div class=\"toggle-content\">\n<p>We update our themes regularly for bug fix, WordPress and plugins compatibility and improvements. Therefore, it&#8217;s necessary to have Mallon theme in your site up-to-date.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Auto-update Mallon with Envato Market Plugin:<\/h4>\n<p>&nbsp;<\/p>\n<p>If you want Mallon updated automatically, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Install Envato Market plugin<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Set Up Envato Market Plugin with Envato API token<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After the Envato Market Plugin was successfully synced to your site, all your purchased update information will be right in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">To update Envato item using Envato Market Plugin, you just need to click on Update Available link in the update notice in\u00a0<strong>Dashboard &gt; Updates<\/strong>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, the process will be automatically performed.When it is complete, you will see a green notice \u201cUpdated!\u201d and that\u2019s done! Once the updates are available, you can see them right from the dashboard.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the tutorial here: <a href=\"https:\/\/wpthemego.com\/auto-update-themes-plugins-envato-market-plugin\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">How To Auto Update WordPress Theme With Envato Market Plugin?<\/span><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Update Mallon Manually:<\/h4>\n<p>&nbsp;<\/p>\n<p><b>To update the theme in your site, please follow steps as below:<\/b><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Back up your site<\/b> to save your data and custom code or CSS. It will save your life in the worst situation.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Copy the custom code you made in your site and save it in your computer to add it later.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Uninstall the theme and install new version <strong>sw_mallon_theme_vx.x.x.zip<\/strong> of Mallon.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on <b>Begin updating plugins<\/b> link and install new version of plugins. This step is essential to update the required plugins for bug fix and feature improvement.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Now the theme is updated successfully. You can paste your custom code in the new theme.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After all, check your site again to ensure that the update works.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the tutorial here: <a href=\"http:\/\/wpthemego.com\/document\/how-to-update-wordpress-theme-for-your-site\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">How to Update WordPress Theme for Your Site?<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<section id=\"pluginupdate\" class=\"toggle active\"><label>How to Update Plugin in Mallon theme manually?<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Ussually, when a required plugin is updated, we also update the theme package. Therefore, when updating Mallon theme, you can also choose to update plugin automatically.<\/p>\n<p>&nbsp;<\/p>\n<p><b>To update plugin in Mallon theme, please follow steps as below:<\/b><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Back up your site!<\/b> to save your customization.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Download the latest version of Mallon theme on Themeforest. There is latest version of plugin in the theme package\/data folder. Or else you can get it from plugin provider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Deactive and remove old version of this plugin. You can directly delete this plugin&#8217;s files in folder <b>\/public_html\/wp-content\/plugins<\/b> of your site using FTP.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Now you can install new version in your site. If the <b>max_size_upload &gt; 8M<\/b>, you can upload it via Admin Panel. Or else, you need to extract the plugin then add it to folder <b>\/public_html\/wp-content\/plugins<\/b> of your site using FTP.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Now the theme is updated successfully. You can paste your custom code in the new theme.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After all, check your site again to ensure that the update works.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-warning\">Warning<\/span> Before updating any plugin in your site, you need to have a test first to make sure that it won&#8217;t damage your site! When a plugin is updated, we will check if it&#8217;s compatible with our current theme version. After that, we will update theme package then you can update in your site later. If you see there is bug after the update in the test process, <b>you should wait for our update<\/b> for latest version of plugin to update in you live site.<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: installation --><\/p>\n<p><!-- start: import demo content --><\/p>\n<div id=\"importdemo\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">IMPORT MALLON DEMO DATA<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"before-import\" class=\"toggle active\"><label>About Mallon Importation<\/label><\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>Importing demo data (post, pages, images, theme settings and more) is the easiest way to setup your theme. It will allow you to quickly edit everything instead of creating content from scratch.<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> Before install the theme, please make sure that your site meets all the <a href=\"#requirement\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">system requirements<\/span><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Mallon supports 03 options to import demo data:<\/h4>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><strong>Import All Content:<\/strong> Import the homepage you choose, detail pages, posts, menu, widgets, post and other elements.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><strong>Import All Pages Only:<\/strong> Import homepage you choose and all the detail pages as in the demo.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><strong>Import All Pages and Menu:<\/strong> Import homepage you choose, all the detail pages and menus as in the demo.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/demo.png\" \/><\/p>\n<\/div>\n<\/section>\n<section id=\"alldemos\" class=\"toggle\"><label>Import All Demo Content<\/label><\/p>\n<div class=\"toggle-content\">\n<p>To import all demo content of Mallon demo you want, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Step 1 &#8211; Choose demo to import:<\/h4>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">In the Dashboard, go to <b>Appearance &gt; Import Demo Data<\/b> to open the <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import1.png\" target=\"_blank\" rel=\"noopener noreferrer\">One Click Demo Import<\/a> window.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Choose option <b>Import All Content<\/b> of the <b>demo homepage<\/b> you want, click on <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Import<\/a> (01 time only). Confirm <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Yes, Import!<\/a> to continue.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">It can take <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import4.png\" target=\"_blank\" rel=\"noopener noreferrer\">a few minutes<\/a> to import everything. Please be patient and wait for it to complete. Once it loads, you will see a <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import5.png\" target=\"_blank\" rel=\"noopener noreferrer\">That&#8217;s it, all done!<\/a> message.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Step 2 &#8211; Final setups:<\/h4>\n<p>&nbsp;<\/p>\n<p>Now, there are some things you need to change. To do them, please see the steps below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Megamenu<\/b>: Hover on <b>Edit with Elementor<\/b> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import6.png\" target=\"_blank\" rel=\"noopener noreferrer\">Choose Menu<\/a> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import7.png\" target=\"_blank\" rel=\"noopener noreferrer\">Edit element<\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Header Style<\/b>: Hover on <b>Edit with Elementor<\/b> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import8.png\" target=\"_blank\" rel=\"noopener noreferrer\">Choose Header<\/a> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import9.png\" target=\"_blank\" rel=\"noopener noreferrer\">Edit element<\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Footer<\/b>: Hover on <b>Edit with Elementor<\/b> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import10.png\" target=\"_blank\" rel=\"noopener noreferrer\">Choose Footer<\/a> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import11.png\" target=\"_blank\" rel=\"noopener noreferrer\">Edit element<\/a>. You can also drag-n-drop other element into the page with Elementor.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" width=\"840\" height=\"473\" frameborder=\"0\" src=\"https:\/\/www.youtube.com\/embed\/BNLmdVb3SWI\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-warning\">Warning<\/span> The data will be downloaded from our server, these images are copyrighted and are for demo use only.<\/p>\n<\/div>\n<\/section>\n<section id=\"allpages\" class=\"toggle\"><label>Import All Pages Only<\/label><\/p>\n<div class=\"toggle-content\">\n<p>To import all pages of Mallon demo you want, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Step 1 &#8211; Choose demo to import:<\/h4>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">In the Dashboard, go to <b>Appearance &gt; Import Demo Data<\/b> to open the <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import1.png\" target=\"_blank\" rel=\"noopener noreferrer\">One Click Demo Import<\/a> window.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Choose option <b>Import All Pages Only<\/b> of the <b>demo homepage<\/b> you want, click on <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import2-2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Import<\/a> (01 time only). Confirm <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Yes, Import!<\/a> to continue.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">It can take <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import4.png\" target=\"_blank\" rel=\"noopener noreferrer\">a few minutes<\/a> to import everything. Please be patient and wait for it to complete. Once it loads, you will see a <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import5.png\" target=\"_blank\" rel=\"noopener noreferrer\">That&#8217;s it, all done!<\/a> message.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Step 2 &#8211; Final setups:<\/h4>\n<p>&nbsp;<\/p>\n<p>Now, there are some things you need to change. To do them, please see the steps below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Megamenu<\/b>: Hover on <b>Edit with Elementor<\/b> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import6.png\" target=\"_blank\" rel=\"noopener noreferrer\">Choose Menu<\/a> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import7.png\" target=\"_blank\" rel=\"noopener noreferrer\">Edit element<\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Header Style<\/b>: Hover on <b>Edit with Elementor<\/b> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import8.png\" target=\"_blank\" rel=\"noopener noreferrer\">Choose Header<\/a> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import9.png\" target=\"_blank\" rel=\"noopener noreferrer\">Edit element<\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Footer<\/b>: Hover on <b>Edit with Elementor<\/b> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import10.png\" target=\"_blank\" rel=\"noopener noreferrer\">Choose Footer<\/a> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import11.png\" target=\"_blank\" rel=\"noopener noreferrer\">Edit element<\/a>. You can also drag-n-drop other element into the page with Elementor.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section id=\"pagesmenu\" class=\"toggle\"><label>Import All Pages and Menu<\/label><\/p>\n<div class=\"toggle-content\">\n<p>To import all pages and menu of Mallon demo you want, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Step 1 &#8211; Choose demo to import:<\/h4>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">In the Dashboard, go to <b>Appearance &gt; Import Demo Data<\/b> to open the <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import1.png\" target=\"_blank\" rel=\"noopener noreferrer\">One Click Demo Import<\/a> window.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Choose option <b>Import All Pages and Menu<\/b> of the <b>demo homepage<\/b> you want, click on <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import2-3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Import<\/a> (01 time only). Confirm <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Yes, Import!<\/a> to continue.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">It can take <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import4.png\" target=\"_blank\" rel=\"noopener noreferrer\">a few minutes<\/a> to import everything. Please be patient and wait for it to complete. Once it loads, you will see a <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import5.png\" target=\"_blank\" rel=\"noopener noreferrer\">That&#8217;s it, all done!<\/a> message.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Step 2 &#8211; Final setups:<\/h4>\n<p>&nbsp;<\/p>\n<p>Now, there are some things you need to change. To do them, please see the steps below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Megamenu<\/b>: Hover on <b>Edit with Elementor<\/b> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import6.png\" target=\"_blank\" rel=\"noopener noreferrer\">Choose Menu<\/a> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import7.png\" target=\"_blank\" rel=\"noopener noreferrer\">Edit element<\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Header Style<\/b>: Hover on <b>Edit with Elementor<\/b> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import8.png\" target=\"_blank\" rel=\"noopener noreferrer\">Choose Header<\/a> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import9.png\" target=\"_blank\" rel=\"noopener noreferrer\">Edit element<\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Footer<\/b>: Hover on <b>Edit with Elementor<\/b> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import10.png\" target=\"_blank\" rel=\"noopener noreferrer\">Choose Footer<\/a> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/import\/import11.png\" target=\"_blank\" rel=\"noopener noreferrer\">Edit element<\/a>. You can also drag-n-drop other element into the page with Elementor.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: import demo content --><br \/>\n<!-- start: demo pages --><\/p>\n<div id=\"demopages\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">MALLON HOMEPAGE DEMOS<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section class=\"toggle\"><label>How to edit Homepage?<\/label><\/p>\n<div class=\"toggle-content\">\n<h4 class=\"text-primary\">How to edit Homepage with Elementor:<\/h4>\n<p>&nbsp;<\/p>\n<p>To edit homepage, on the admin bar of the page, click on <strong>Edit with Elementor<\/strong> then you can edit the page elements with Elementor.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/homepage.png\" \/><\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to create\/edit Home Page 1?<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"row\">\n<div class=\"col-md-6 image-size-100 left\"><a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/home1.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/home1.jpg\" \/><\/a><\/div>\n<div class=\"col-md-6 image-size-100 right\">\n<h4 class=\"text-primary\">Create Mallon Homepage 1:<\/h4>\n<p>&nbsp;<\/p>\n<p>Please choose <b>Demo Homepage 1<\/b> when importing demo data.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Homepage Settings:<\/h4>\n<p>&nbsp;<\/p>\n<ul>\n<li class=\"margin-top-bottom-5 padding-left-10\">Home Template : <b>Home Style 1<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Header Style: <b>Header Style 1<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Footer Style: <b>Footer Style 1<\/b>.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Homepage Elements:<\/h4>\n<p>&nbsp;<\/p>\n<p>Please see the image for more detail about the theme elements and styles of this homepage.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to create\/edit Home Page 2?<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"row\">\n<div class=\"col-md-6 image-size-100 left\"><a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/home2.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/home2.jpg\" \/><\/a><\/div>\n<div class=\"col-md-6 image-size-100 right\">\n<h4 class=\"text-primary\">Create Mallon Homepage 2:<\/h4>\n<p>&nbsp;<\/p>\n<p>Please choose <b>Demo Homepage 2<\/b> when importing demo data.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Homepage Settings:<\/h4>\n<p>&nbsp;<\/p>\n<ul>\n<li class=\"margin-top-bottom-5 padding-left-10\">Home Template : <b>Home Style 2<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Header Style: <b>Header Style 2<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Footer Style: <b>Footer Style 2<\/b>.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Homepage Elements:<\/h4>\n<p>&nbsp;<\/p>\n<p>Please see the image for more detail about the theme elements and styles of this homepage.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to create\/edit Home Page 3?<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"row\">\n<div class=\"col-md-6 image-size-100 left\"><a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/home3.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/home3.jpg\" \/><\/a><\/div>\n<div class=\"col-md-6 image-size-100 right\">\n<h4 class=\"text-primary\">Create Mallon Homepage 3:<\/h4>\n<p>&nbsp;<\/p>\n<p>Please choose <b>Demo Homepage 3<\/b> when importing demo data.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Homepage Settings:<\/h4>\n<p>&nbsp;<\/p>\n<ul>\n<li class=\"margin-top-bottom-5 padding-left-10\">Home Template : <b>Home Style 3<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Header Style: <b>Header Style 3<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Footer Style: <b>Footer Style 1<\/b>.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Homepage Elements:<\/h4>\n<p>&nbsp;<\/p>\n<p>Please see the image for more detail about the theme elements and styles of this homepage.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to create\/edit Home Page 4?<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"row\">\n<div class=\"col-md-6 image-size-100 left\"><a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/home4.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/home4.jpg\" \/><\/a><\/div>\n<div class=\"col-md-6 image-size-100 right\">\n<h4 class=\"text-primary\">Create Mallon Homepage 4:<\/h4>\n<p>&nbsp;<\/p>\n<p>Please choose <b>Demo Homepage 4<\/b> when importing demo data.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Homepage Settings:<\/h4>\n<p>&nbsp;<\/p>\n<ul>\n<li class=\"margin-top-bottom-5 padding-left-10\">Home Template : <b>Home Style 4<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Header Style: <b>Header Style 4<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Footer Style: <b>Footer Style 4<\/b>.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Homepage Elements:<\/h4>\n<p>&nbsp;<\/p>\n<p>Please see the image for more detail about the theme elements and styles of this homepage.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to create\/edit Home Page 5?<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"row\">\n<div class=\"col-md-6 image-size-100 left\"><a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/home5.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/home5.jpg\" \/><\/a><\/div>\n<div class=\"col-md-6 image-size-100 right\">\n<h4 class=\"text-primary\">Create Mallon Homepage 5:<\/h4>\n<p>&nbsp;<\/p>\n<p>Please choose <b>Demo Homepage 5<\/b> when importing demo data.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Homepage Settings:<\/h4>\n<p>&nbsp;<\/p>\n<ul>\n<li class=\"margin-top-bottom-5 padding-left-10\">Home Template : <b>Home Style 5<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Header Style: <b>Header Style 5<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Footer Style: <b>Footer Style 5<\/b>.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Homepage Elements:<\/h4>\n<p>&nbsp;<\/p>\n<p>Please see the image for more detail about the theme elements and styles of this homepage.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to create\/edit Home Page 6?<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"row\">\n<div class=\"col-md-6 image-size-100 left\"><a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/home5.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/home6.jpg\" \/><\/a><\/div>\n<div class=\"col-md-6 image-size-100 right\">\n<h4 class=\"text-primary\">Create Mallon Homepage 6:<\/h4>\n<p>&nbsp;<\/p>\n<p>Please choose <b>Demo Homepage 6<\/b> when importing demo data.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Homepage Settings:<\/h4>\n<p>&nbsp;<\/p>\n<ul>\n<li class=\"margin-top-bottom-5 padding-left-10\">Home Template : <b>Home Style 6<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Header Style: <b>Header Style 6<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Footer Style: <b>Footer Style 6<\/b>.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Homepage Elements:<\/h4>\n<p>&nbsp;<\/p>\n<p>Please see the image for more detail about the theme elements and styles of this homepage.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: demo pages --><br \/>\n<!-- start: demo pages --><\/p>\n<div id=\"headerfooter\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">MALLON HEADER &amp; FOOTER<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"header\" class=\"toggle\"><label>Mallon Header<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Mallon theme supports you with various header styles. In this section, we will discuss about the configuration and settings of Mallon header.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to set header style:<\/h4>\n<p>&nbsp;<\/p>\n<p>To set the header style for your site with Elementor, please follow steps:<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Go to Templates &gt; Theme Builder &gt; choose header style you want &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/header0.png\" target=\"_blank\" rel=\"noopener noreferrer\">Edit with Elementor<\/a>.<\/li>\n<li>Now, click on the <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/header01.png\" target=\"_blank\" rel=\"noopener noreferrer\">Save Options arrow<\/a> and choose Display Conditions.<\/li>\n<li>After that, choose to <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/header02.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add Condition<\/a> Include Entire Site to apply this header style to your entire website.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>You can refer to the tutorials <a href=\"https:\/\/wpthemego.com\/document\/how-to-set-footer-header-style-in-elementor-wordpress-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">here<\/span><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to edit header:<\/h4>\n<p>&nbsp;<\/p>\n<p>To edit header, on the admin bar, please hover on <strong>Edit with Elementor<\/strong> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/header.png\" target=\"_blank\" rel=\"noopener noreferrer\">Choose header page<\/a> to edit with Elementor.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Mallon Header<\/h4>\n<p>&nbsp;<\/p>\n<p>There are various Header Styles in this theme. They are:<br \/>\n<!-- Nav tabs --><\/p>\n<ul class=\"nav nav-tabs\">\n<li class=\"active\"><a href=\"#header1\" data-toggle=\"tab\"><b>Header Style 1<\/b><\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"#header2\" data-toggle=\"tab\"><b>Header Style 2<\/b><\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"#header3\" data-toggle=\"tab\"><b>Header Style 3<\/b><\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"#header4\" data-toggle=\"tab\"><b>Header Style 4<\/b><\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"#header5\" data-toggle=\"tab\"><b>Header Style 5<\/b><\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"#header6\" data-toggle=\"tab\"><b>Header Style 6<\/b><\/a><\/li>\n<\/ul>\n<p><!-- Tab panes --><\/p>\n<div class=\"tab-content\">\n<div id=\"header1\" class=\"tab-pane active\">\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/header1.png\" alt=\"header\" \/><\/p>\n<\/div>\n<div id=\"header2\" class=\"tab-pane\">\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/header2.png\" alt=\"header\" \/><\/p>\n<\/div>\n<div id=\"header3\" class=\"tab-pane\">\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/header3.png\" alt=\"header\" \/><\/p>\n<\/div>\n<div id=\"header4\" class=\"tab-pane\">\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/header4.png\" alt=\"header\" \/><\/p>\n<\/div>\n<div id=\"header5\" class=\"tab-pane\">\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/header5.png\" alt=\"header\" \/><\/p>\n<\/div>\n<div id=\"header6\" class=\"tab-pane\">\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/header6.png\" alt=\"header\" \/><\/p>\n<\/div>\n<\/div>\n<p><!-- End tabs --><\/p>\n<\/div>\n<\/section>\n<section id=\"footer\" class=\"toggle\"><label>Mallon Footer<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Mallon theme supports you with various footer styles. In this section, we will discuss about the configuration and settings of Mallon footer.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to set footer style:<\/h4>\n<p>&nbsp;<\/p>\n<p>To set the footer style for your site with Elementor, please follow steps:<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Go to Templates &gt; Theme Builder &gt; choose footer style you want &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/header0.png\" target=\"_blank\" rel=\"noopener noreferrer\">Edit with Elementor<\/a>.<\/li>\n<li>Now, click on the <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/header01.png\" target=\"_blank\" rel=\"noopener noreferrer\">Save Options arrow<\/a> and choose Display Conditions.<\/li>\n<li>After that, choose to <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/header02.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add Condition<\/a> Include Entire Site to apply this footer style to your entire website.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>You can refer to the tutorials <a href=\"https:\/\/wpthemego.com\/document\/how-to-set-footer-header-style-in-elementor-wordpress-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">here<\/span><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to edit footer:<\/h4>\n<p>&nbsp;<\/p>\n<p>To edit header, on the admin bar, please hover on <strong>Edit with Elementor<\/strong> &gt; <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/footer.png\" target=\"_blank\" rel=\"noopener noreferrer\">Choose header page<\/a> to edit with Elementor.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Mallon Footer<\/h4>\n<p>&nbsp;<\/p>\n<p>There are various Footer Styles in this theme. They are:<br \/>\n<!-- Nav tabs --><\/p>\n<ul class=\"nav nav-tabs\">\n<li class=\"active\"><a href=\"#footer1\" data-toggle=\"tab\"><b>Footer Style 1<\/b><\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"#footer2\" data-toggle=\"tab\"><b>Footer Style 2<\/b><\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"#footer4\" data-toggle=\"tab\"><b>Footer Style 4<\/b><\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"#footer5\" data-toggle=\"tab\"><b>Footer Style 5<\/b><\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"#footer6\" data-toggle=\"tab\"><b>Footer Style 6<\/b><\/a><\/li>\n<\/ul>\n<p><!-- Tab panes --><\/p>\n<div class=\"tab-content\">\n<div id=\"footer1\" class=\"tab-pane active\">\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/footer1.png\" alt=\"footer\" \/><\/p>\n<\/div>\n<div id=\"footer2\" class=\"tab-pane\">\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/footer2.png\" alt=\"footer\" \/><\/p>\n<\/div>\n<div id=\"footer4\" class=\"tab-pane\">\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/footer4.png\" alt=\"footer\" \/><\/p>\n<\/div>\n<div id=\"footer5\" class=\"tab-pane\">\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/footer5.png\" alt=\"footer\" \/><\/p>\n<\/div>\n<div id=\"footer6\" class=\"tab-pane\">\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/demo-pages\/footer6.png\" alt=\"footer\" \/><\/p>\n<\/div>\n<p><!-- End tabs --><\/p>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- start: basic settings --><\/p>\n<div id=\"basicsettings\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">BASIC SETTINGS<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"page\" class=\"toggle\"><label>Page Settings<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Pages is one of the most important elements in a WordPress website. In this section, we will cover issues related to page including: Create a New Page, Set up Home Page, Page Metabox in Mallon theme and Page with Elementor.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to create a new page?<\/h4>\n<p>&nbsp;<\/p>\n<p>To create a new page with Elementor, please follow steps here: <a href=\"https:\/\/elementor.com\/help\/create-new-page\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Create a New Page<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to set up Home Page?<\/h4>\n<p>&nbsp;<\/p>\n<p>To set up home page or static front page for your website, please follow steps here: <a href=\"https:\/\/wordpress.org\/support\/article\/creating-a-static-front-page\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Creating a Static Front Page<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\"><a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/page2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Page Metabox<\/a> in Mallon theme<\/h4>\n<p>&nbsp;<\/p>\n<p>After installing Mallon, Page Metabox will be availaible in your site. You can find it at the end of each pages.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"alert alert-info margin-top-bottom-5\">\n<ul>\n<li class=\"margin-top-bottom-5 padding-left-10\">For the page with Elementor, only the options with <b>Home Template<\/b>, <b>Typography<\/b>, and <b>Color Scheme<\/b> work.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">The change in the Page Metabox will be applied to the page rather than the one in the <a href=\"#themeoptions\" target=\"_blank\" rel=\"noopener noreferrer\">Theme Options<\/a>. If there is no change here, the settings in Theme Options will be applied to the page.<\/li>\n<\/ul>\n<\/div>\n<p>&nbsp;<\/p>\n<p>The Page Metabox often includes options: General, Typography, Header, Footer, and Sidebar.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/page2.png\" target=\"_blank\" rel=\"noopener noreferrer\">General<\/a>: In this tab, you can configure options including Custom Logo, Home Template and Color Scheme for the page.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/page5.png\" target=\"_blank\" rel=\"noopener noreferrer\">Typography<\/a>: In this tab, you can configure Font Style, Font Weight for elements in the page.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/page6.png\" target=\"_blank\" rel=\"noopener noreferrer\">Header<\/a>: In this tab, you can choose to Hide Header or Header Style for the page.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/page7.png\" target=\"_blank\" rel=\"noopener noreferrer\">Footer<\/a>: In this tab, you can choose to Hide Footer or Footer Style for the page.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/page8.png\" target=\"_blank\" rel=\"noopener noreferrer\">Sidebar<\/a>: In this tab, you can enable Sidebar and choose type of Sidebar for the page.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section id=\"post\" class=\"toggle\"><label>Post Settings<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Blog Post is one of the most important elements to create a Blog Page in a WordPress website. In this section, we will cover issues related to page including: Create a New Blog Post, Set up Blog page and Blog Post in Mallon theme.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to create a new post?<\/h4>\n<p>&nbsp;<\/p>\n<p>To create a new Post please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">In the Dashboard, go to <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/post1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Posts &gt; Add New<\/a> option to begin writing a new post.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Configure <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/post.png\" target=\"_blank\" rel=\"noopener noreferrer\">Options<\/a> for new post including post Title, post link, Public Status, Content, Tags, Feature Image, Post Type.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Scrolling down to the end of the window, you will see the <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/post2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Page Metabox<\/b><\/a> area of Mallon theme. Here you can configure the options including Header, Footer and Sidebar for this post. <b>Please note that if there is no change here, the settings in the page including this post will be applied.<\/b><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After all, save the change and check the result in the front end of your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>For more detail, you can see the WordPress Documentation here: <a href=\"https:\/\/wordpress.org\/support\/article\/writing-posts\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">WordPress Posts<\/span><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to set up Blog page in Mallon Theme?<\/h4>\n<p>&nbsp;<\/p>\n<p>To set up blog page for your website, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">In the Dashboard, <a href=\"https:\/\/elementor.com\/help\/create-new-page\/\" target=\"_blank\" rel=\"noopener noreferrer\">create a new page<\/a> &gt; Choose Edit with Elementor &gt; Choose <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/post3.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Add Template<\/b><\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">In tab My Template, find post type you want then &gt; Click <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/post4.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Insert<\/b><\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Now, configure the options as you want then choose <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/post5.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Public<\/b><\/a> and check your site again.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Other Settings<\/h4>\n<p>&nbsp;<\/p>\n<p>1. <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/post7.png\" target=\"_blank\" rel=\"noopener noreferrer\">Categories<\/a>: To add new category, please go to <b>Post &gt; Categories<\/b> then complete information for the new category in <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/post8.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New Category<\/a> window and Save it.<\/p>\n<p>2. <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/post9.png\" target=\"_blank\" rel=\"noopener noreferrer\">Tags<\/a>: To add new tag, please go to <b>Post &gt; Tags<\/b> then complete information for the new tag in <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/post10.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New Tag<\/a> window and Save it.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Post Image Size<\/h4>\n<p>&nbsp;<\/p>\n<p>In Mallon theme, we recommend to configure image dimensions for post image size. You can go to <b>Settings &gt; Media<\/b> and set up the <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/post11.png\" target=\"_blank\" rel=\"noopener noreferrer\">Image Dimentions<\/a> to use when adding an image to the Media Library.<\/p>\n<\/div>\n<\/section>\n<section id=\"portfolio\" class=\"toggle\"><label>Portfolio Settings<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Portfolio Post is one of the most important elements to create a Portfolio Page in a WordPress website. In this section, we will cover issues related to page including: Create a New Portfolio Post, Set up Portfolio page and Portfolio Post in Mallon theme.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to create a new portfolio?<\/h4>\n<p>&nbsp;<\/p>\n<p>To create a new portfolio please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">In the Dashboard, choose the <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/portfolio1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Portfolio &gt; Add New<\/a> option to begin writing a new portfolio.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Configure <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/portfolio.png\" target=\"_blank\" rel=\"noopener noreferrer\">Options<\/a> for new portfolio including portfolio Title, Portfolio Link, Public Status, Content, Tags, Feature Image, Post Type.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Scrolling down to the end of the window, you will see the <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/portfolio2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b> Portfolio Meta<\/b><\/a> area of Mallon theme. Here you can configure the options including Skill Needed, URL, Copyright and Image Size Mansonry Layout for this portfolio.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After all, save the change and check the result in the front end of your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to set up Portfolio page in Mallon Theme?<\/h4>\n<p>&nbsp;<\/p>\n<p>To set up portfolio page for your website, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">In the Dashboard, <a href=\"https:\/\/elementor.com\/help\/create-new-page\/\" target=\"_blank\" rel=\"noopener noreferrer\">create a new page<\/a> &gt; Choose Edit with Elementor &gt; Choose <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/post3.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Add Template<\/b><\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">In tab My Template, find portfolio type you want then &gt; Click <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/post4.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Insert<\/b><\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Now, configure the options as you want then choose <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/post5.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Public<\/b><\/a> and check your site again.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Other Settings<\/h4>\n<p>&nbsp;<\/p>\n<p>1. <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/portfolio7.png\" target=\"_blank\" rel=\"noopener noreferrer\">Portfolio Categories<\/a>: To add new category, please go to <b>Portfolio &gt; Categories Portfolio<\/b> then complete information for the new category in <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/portfolio8.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New Category<\/a> window and Save it.<\/p>\n<p>2. Tags: To add new tag, please go to <b>Portfolio &gt; Tags<\/b> then complete information for the new tag in <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/portfolio10.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New Tag<\/a> window and Save it.<\/p>\n<\/div>\n<\/section>\n<section id=\"product\" class=\"toggle\"><label>Product Settings<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Product is one of the most important elements to create a Shop Page in a WordPress website. In this section, we will cover issues related to this one including: Create a New Product, Set up Product Page and other related things in Mallon theme.<\/p>\n<p><b>Please make sure that you install and activate WooCommerce plugin before this process.<\/b><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">WooCommerce Knowledge Base<\/h4>\n<p>&nbsp;<\/p>\n<p>Firstly, please make sure that you have background knowledge of WooCommerce. You can find the link here that have additional information about using WooCommerce: <a href=\"https:\/\/docs.woocommerce.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">WooCommerce Documentation<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to create a new product?<\/h4>\n<p>&nbsp;<\/p>\n<p>To create a new product, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">In the Dashboard, choose <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/product1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Products &gt; Add Product<\/a> option to begin writing a new product.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Configure <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/product.png\" target=\"_blank\" rel=\"noopener noreferrer\">Options<\/a> for new product including product Title, Product Link, Public Status, Content, Tags, Feature Image, Feature Video, Categories, Brand and others.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Scrolling down to the end of the window, you will see the <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/product2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b> Page Metabox<\/b><\/a> for Product of Mallon theme. Here you can configure the options including Header, Footer and Sidebar for this product.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After all, save the change and check the result in the front end of your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>For more detail about this process, you can check the WooCommerce Documentation: <a href=\"https:\/\/docs.woocommerce.com\/documentation\/plugins\/woocommerce\/getting-started\/setup-products\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Set Up Products<\/span><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to set up Product page in Mallon Theme?<\/h4>\n<p>&nbsp;<\/p>\n<p>To set up product page for your website, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">In the Dashboard, <a href=\"https:\/\/elementor.com\/help\/create-new-page\/\" target=\"_blank\" rel=\"noopener noreferrer\">create a new page<\/a> &gt; Choose Edit with Elementor &gt; Choose <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/post3.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Add Template<\/b><\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">In tab My Template, find post type you want then &gt; Click <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/product3.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Insert<\/b><\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Now, configure the options as you want then choose <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/product5.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Public<\/b><\/a> and check your site again.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Product Image Size<\/h4>\n<p>&nbsp;<\/p>\n<p>In Mallon theme, to have the most beautiful shop page, we recommend to configure image dimensions for product image size as below:<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Homepage 1, 2, 3<\/b>&#8211; <em>600 x 600 pixels<\/em><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Featured Video Product<\/h4>\n<p>&nbsp;<\/p>\n<p>In Mallon theme, you can use <b>Featured Video<\/b> for Product in stead of Image. To use this feature, while creating new product, you can enter the <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/product12.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Youtube Video ID<\/b><\/a> in the <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/product13.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Featured Product Video<\/b><\/a> option.<\/p>\n<p>Currently, this feature only supports Youtube Video, we will update to support Vimeo video in the next version.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Color &amp; Image Swatches<\/h4>\n<p>&nbsp;<\/p>\n<p>Mallon supports product with color and image swatches, you can see the userguide <a href=\"https:\/\/wpthemego.com\/document\/how-to-add-color-swatch-and-image-in-woocommerce-products\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">here<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Bundle Product<\/h4>\n<p>&nbsp;<\/p>\n<p>Mallon supports bundle product, you can see the userguide <a href=\"https:\/\/wpthemego.com\/document\/how-to-create-bundle-product-in-wordpress-site\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">here<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Brand Image<\/h4>\n<p>&nbsp;<\/p>\n<p>Mallon supports to add Brand Image into single product page, you can see the userguide <a href=\"https:\/\/wpthemego.com\/document\/how-to-add-brand-image-in-product-detail-page\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">here<\/span><\/a><\/p>\n<\/div>\n<\/section>\n<section id=\"menu-config\" class=\"toggle\"><label>Menu Configuration<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Mallon theme supports custom WordPress menu with multi-level dropdown for main menu. There is various area of menu you can assign: Primary Menu, Vertical Menu, and Mobile Menu. Each of these menu locations can have a custom menu assigned. Once a menu is created and assigned to the location, it will show up on the site. Please see below for the menu locations, how to create a new menu, and the menu in Mallon theme.<\/p>\n<p>&nbsp;<\/p>\n<p>You can go to <b>Appearance &gt; Menus<\/b> to check the settings for <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/menu-location.png\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Mallon Menu Location<\/span><\/a> in your site.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to use Megamenu?<\/h4>\n<p>&nbsp;<\/p>\n<p>Mallon supports megamenu, you can see the userguide <a href=\"https:\/\/wpthemego.com\/document\/how-to-use-megamenu-in-wordpress-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">here<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Existing Menus in Mallon theme<\/h4>\n<p>&nbsp;<\/p>\n<p>In Mallon, we use various menus for different positions. After importing the demo data, there will be many menus available in your site:<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Primary Menu<\/h4>\n<p><a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/menu6.png\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/menu6.png\" alt=\"menu configuration\" \/> <\/a><\/p>\n<div class=\"text-center\">Primary Menu<\/div>\n<p>&nbsp;<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">To configure menu, go to <b>Appearance &gt; Menu<\/b>, then choose this menu to edit.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Backend Settings:<a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/menu7.png\" target=\"_blank\" rel=\"noopener noreferrer\"> See Screenshot<\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">For menu <b>Promotion<\/b>: You need to <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/promotion.png\" target=\"_blank\" rel=\"noopener noreferrer\">create a page<\/a> with Elementor and <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/promotion3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Append this page<\/a> to the megamenu.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>To edit it, in the front end, hover on option <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/promotion2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Edit with Elementor<\/a> and choose Mega Menu page to edit.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Vertical Menu<\/h4>\n<p><a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/menu8.png\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/menu8.png\" alt=\"menu configuration\" \/> <\/a><\/p>\n<div class=\"text-center\">Vertical Menu<\/div>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">To configure menu, go to <b>Appearance &gt; Menu<\/b>, then choose this menu to edit.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Backend Settings here:<a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/menu9.png\" target=\"_blank\" rel=\"noopener noreferrer\"> See Screenshot<\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">The image, icon are uploaded in the Menu Thumnail, you can see in the screenshot. You can also change the link for Custom Menu item in URL options.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Other Menus<\/h4>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Company<\/b>: <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/account1.png\" target=\"_blank\" rel=\"noopener noreferrer\"> Backend Settings <\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>My Account<\/b>: <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/wishlist1.png\" target=\"_blank\" rel=\"noopener noreferrer\"> Backend Settings <\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Quick Link<\/b>: <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/accountfooter1.png\" target=\"_blank\" rel=\"noopener noreferrer\"> Backend Settings <\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Support<\/b>: <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/shop1.png\" target=\"_blank\" rel=\"noopener noreferrer\"> Backend Settings <\/a><\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section id=\"mailchimp\" class=\"toggle\"><label>MailChimp for WordPress<\/label><\/p>\n<div class=\"toggle-content\">\n<p>MailChimp for WordPress helps you add more subscribers to your MailChimp lists using various methods. You can create good looking opt-in forms or integrate with any other form on your site, like your comment, contact or checkout form.<\/p>\n<p>&nbsp;<\/p>\n<p>After installing Mallon and activating all plugin, MailChimp is available in your site. In this section, we will show you how to configure this plugin in Mallon theme.<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> To have the popup with MailChimp form, you can go to <b>Appearance &gt; Theme Options &gt; Popup Config<\/b> to activate it and do some settings there.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/mailchimp.png\" alt=\"mailchimp\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Connect with your MailChimp account<\/h4>\n<p>&nbsp;<\/p>\n<p>Firstly, you need to connect MailChimp in your site with your MailChimp account. Please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Log in to site in the backend.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Go to <b>MailChimp for WP &gt; MailChimp <\/b> at the left sidebar menu.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Now, in the General Settings window, you need to configure the <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/mailchimp1.png\" target=\"_blank\" rel=\"noopener noreferrer\">MailChimp API Settings<\/a> by adding your <a href=\"https:\/\/admin.mailchimp.com\/account\/api\" target=\"_blank\" rel=\"noopener noreferrer\">API Key<\/a> to connect to your MailChimp account.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After all, click Save Change button to Connect with your account.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Configure MailChimp for your WordPress site<\/h4>\n<p>To have the MailChimp works effectively and have style as in the demo, you need to do some configurations as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Log in to site in the backend and go to <b>MailChimp for WP &gt; MailChimp &gt; Forms<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Complete the <b>Form Field<\/b> in tab <b>Field<\/b>. <i>See screenshot:<\/i> <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/mailchimp2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Complete the <b>Form Messages<\/b> in tab <b>Messages<\/b>. <i>See screenshot:<\/i> <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/mailchimp3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Complete the <b>Form Settings<\/b> in tab <b>Settings<\/b>. <i>See screenshot:<\/i> <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/mailchimp4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Complete the <b>Form Appearance<\/b> in tab <b>Appearance<\/b>. <i>See screenshot:<\/i> <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/mailchimp5.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After all, save the change and check the result in the front end of your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><i>The text in Form Field:<\/i><\/p>\n<pre class=\"lang:default decode:true \">&lt;p&gt;\r\n\t&lt;input type=\"email\" name=\"EMAIL\" placeholder=\"Enter your mail...\" required \/&gt;\r\n    &lt;input type=\"submit\" value=\"subscribe\" \/&gt;\r\n&lt;\/p&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the Documentation for this problem: <a href=\"http:\/\/wpthemego.com\/document\/how-to-install-configure-mailchimp-in-wordpress-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">How to Use MailChimp for your WordPress themes?<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<section id=\"contactform\" class=\"toggle\"><label>Contact Form 7<\/label><\/p>\n<div class=\"toggle-content\">\n<p>In Mallon, some contact forms are used with Contact Form 7. Firstly, you need to create contact form in <b>Contact &gt; Add New<\/b> for your site.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Contact form 1. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/admin-options\/contact2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Form ID 738<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<pre class=\"lang:default decode:true \">[text* your-name placeholder \"Your name*\"]\r\n[email* your-email placeholder \"Your email*\"]\r\n[text your-subject placeholder \"Your subject*\"]\r\n[textarea your-message subject \"Your message *\"]\r\n\r\n[submit \"Send message\"]<\/pre>\n<ol>\n<li style=\"list-style-type: none\">\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Contact form mobile <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/admin-options\/contact.png\" target=\"_blank\" rel=\"noopener noreferrer\">Form ID 2036<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<pre class=\"lang:default decode:true \">[text* your-name placeholder \"Full name\"][email* your-email placeholder \"Email\"][text your-phone placeholder \"Phone Number\"][textarea your-message placeholder \"Writer your comments\"]\r\n\r\n[submit \"Send message\"]<\/pre>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail about this plugin, you can check the Contact Form 7 Documentation: <a href=\"https:\/\/contactform7.com\/docs\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">here<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<section id=\"yith\" class=\"toggle\"><label>YITH Plugins<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Mallon theme supports YITH Plugins with feature Wishlist and Compare. After installing the theme, you need to do some configurations as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Configure <b>General Settings<\/b> for Compare in <b>YITH Plugins &gt; Compare<\/b>. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/admin-options\/yith1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Compare<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Configure <b>General Settings<\/b> for Wishlist in <b>YITH Plugins &gt; Wishlist<\/b>. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/admin-options\/yith2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Wishlist<\/a><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>After installing the theme, the Compare and Wishlist button may be duplicated. To remove this bug, you need to do some configurations here.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">In <b>YITH Plugins &gt; Compare<\/b>, uncheck the option <b>Show button in single product page<\/b>. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/admin-options\/yith3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Compare<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">In <b>YITH Plugins &gt; Wishlist<\/b>, choose <b>Use shortcode<\/b> for option <b>Position<\/b>. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/admin-options\/yith4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Wishlist<\/a><\/li>\n<\/ol>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: basic settings --><\/p>\n<p><!-- start: themeconfiguration --><\/p>\n<div id=\"themeconfiguration\">\n<div id=\"themeoptions\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">THEME OPTIONS<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"about\" class=\"toggle active\"><label>Some Note about Mallon Theme Options<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Our stunning Mallon theme provides an advanced Theme Options panel that is loaded with many options to customize your page effectively. After installing Mallon successfully, the Theme Options will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Mallon Theme Options:<\/h4>\n<p>&nbsp;<\/p>\n<p>To access Mallon Theme Options, please go to <b>Appearance &gt; Theme Options<\/b>. There you can see logical tabs including:<\/p>\n<p>&nbsp;<\/p>\n<table class=\"table table-bordered\">\n<tbody>\n<tr>\n<td><b>General<\/b><\/td>\n<td>Options for general configuration such as Logo Image, Favicon, Breadcrumb Background, Taxonomy and Title Length Of Item Listing Page.<\/td>\n<\/tr>\n<tr>\n<td><b>Schemes<\/b><\/td>\n<td>Options for color schemes for your site.<\/td>\n<\/tr>\n<tr>\n<td><b>Layout<\/b><\/td>\n<td>Options for layouts including box layout, sidebar on different device.<\/td>\n<\/tr>\n<tr>\n<td><b> Header &amp; Footer<\/b><\/td>\n<td>Options for header and footer style for your site.<\/td>\n<\/tr>\n<tr>\n<td><b>Navbar Options<\/b><\/td>\n<td>Options for the Megamenu and sticky menu for your site.<\/td>\n<\/tr>\n<tr>\n<td><b>Blog Options<\/b><\/td>\n<td>Options for your blog pages.<\/td>\n<\/tr>\n<tr>\n<td><b>Product Options<\/b><\/td>\n<td>Options for your product pages.<\/td>\n<\/tr>\n<tr>\n<td><b>Typography<\/b><\/td>\n<td>Options for typography for your site.<\/td>\n<\/tr>\n<tr>\n<td><b>Social<\/b><\/td>\n<td>Options for the link for social share in your site.<\/td>\n<\/tr>\n<tr>\n<td><b>Maintaincece Mode<\/b><\/td>\n<td>Options for the maintainece mode for your website.<\/td>\n<\/tr>\n<tr>\n<td><b>Popup Config<\/b><\/td>\n<td>Options to activate and configure the popup for your site.<\/td>\n<\/tr>\n<tr>\n<td><b>Advanced Plugins<\/b><\/td>\n<td>Options to turn on\/ off advanced plugins.<\/td>\n<\/tr>\n<tr>\n<td><b>Advanced<\/b><\/td>\n<td>Advanced options including layout RTL, adding shortcode or custom CSS\/JS.<\/td>\n<\/tr>\n<tr>\n<td><b>Import\/Export<\/b><\/td>\n<td>Options to import or export theme option settings.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Important notes about Theme Options:<\/h4>\n<p>&nbsp;<\/p>\n<div class=\"alert alert-info margin-top-bottom-5\">\n<ul>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>The configuration here will be applied to the pages in your site if there is no change in the Page Metabox. <\/b> As demo data, we have configured Logo, Color, Header and Footer Style for each Home page. You can go to the page and configure these settings in the <b>Page Metabox<\/b>. If you don&#8217;t want to have the Home Page different from other page, you can choose <i>No Select<\/i> for the option here, the settings in the Theme Options wil be applied.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Cpanel<\/b> option: This is only used for the Demo development. Due to the risk of loosing your customization in CSS file, the option Demo Mode is not recommended.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Reset to Defaults<\/b> option: Please DO NOT use it if you do not want to loose your configuration. When the theme is reset to default, all the value here will be back to the default without saving any your configuration.<\/li>\n<\/ul>\n<\/div>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see <a href=\"http:\/\/wpthemego.com\/document\/theme-options-page-metabox-category-metabox\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">How to Use Theme Options, Page Metabox and Category Metabox<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/section>\n<section id=\"themegeneral\" class=\"toggle\"><label>General<\/label><\/p>\n<div class=\"toggle-content\">\n<p>The theme allows to build your own styles right out of the backend without any coding knowledge.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-options\/general.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Logo Image<\/b>: Use the Upload button to upload the new logo and get URL of the logo.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Breadcrumb Background<\/b>: Use upload button to upload custom background for breadcrumb.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Favicon<\/b>: Use the Upload button to upload the new favicon and get URL of the favicon.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Select Taxonomy<\/b>: Select taxonomy to show custom term metabox.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title Length Of Item Listing Page<\/b>: Choose title length if you want to trim word, leave 0 to not trim word.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section id=\"schemes\" class=\"toggle\"><label>Schemes<\/label><\/p>\n<div class=\"toggle-content\">\n<p>The theme allows to custom color scheme for theme with unlimited colors.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-options\/schemes.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Color Scheme<\/b>: Select one of predefined schemes to set the color for your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">If you want to choose other color, please choose <strong>Enable Custom Color &gt; Developer Mode &gt; Install plugin WordPress Less<\/strong> then configure in option Color. After using this feature, please <strong>turn off the plugin and the Developer Mode to not prevent your site performance<\/strong>.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section id=\"themelayout\" class=\"toggle\"><label>Layout<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>Mallon gives you multiple selections to configure the layout of you website including layout type and sidebar expand on different devices.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-options\/layout.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Box Layout<\/b>: Select Layout Default, Boxed or Wide 1650 for your site. For layout Default\/Boxed, the content pages will have width at 1170px. For layout Wide 1650, the content pages will have width at 1650px.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Background Box Image<\/b>: Upload Image to set as background image for your box layout.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Left Sidebar Expand<\/b>: Select width of left sidebar for sidebar in Blog page and Shop Page.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Right Sidebar Expand<\/b>: Select width of right sidebar for sidebar in Blog page and Shop Page.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themeheader\" class=\"toggle\"><label>Header &amp; Footer<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>The theme allows to configure the Header and Footer of your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-options\/header.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Disable Search<\/b>: Choose this one to disable Search on the header.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Disable Cart<\/b>: Choose this one to disable Cart on the header.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themenavbar\" class=\"toggle\"><label>Navbar Options<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>If you got a big site with a lot of sub menus we recommend using a mega menu. Just select the dropbox to display a menu as mega menu or dropdown menu.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-options\/navbar.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Menu Type<\/b>: Select to set the menu in your site as Megamenu or Dropdown Menu.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Theme Location<\/b>: Select theme location to active mega menu and menu responsive.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Active sticky menu<\/b>: Choose this option if you want to activate the sticky menu.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Menu Event<\/b>: Set your menu event as Hover or Click event.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number Item Vertical<\/b>: Set the number of menu item on your vertical megamenu.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Vertical More Text<\/b>: Change More text on your vertical menu.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Vertical Less Text<\/b>: Change Less text on your vertical menu.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themeblog\" class=\"toggle\"><label>Blog Options<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>In this tab, you can configure the layout for your blog listing page.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-options\/blog.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Sidebar Blog Layout<\/b>:Select style sidebar blog. You can choose Full layout, Left Sidebar or Right Sidebar.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Layout blog<\/b>: Select style layout blog including List Layout or Grid Layout.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Blog column<\/b>: Select style number column for blog page. You can choose to set it as 2 columns, 2 columns or 4 columns.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themeproduct\" class=\"toggle\"><label>Product Options<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>In this tab, you can configure the layout for your product listing page.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-options\/product.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Select Banner<\/b>: Select the Banner of your product page as Category Product Image or Banner. If you choose to <b>Use Banner<\/b>, your custom image will be applied the same for all product pages. If you choose to <b>Use Category Product Image<\/b>, the category images of the product will be applied as banner in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Listing Banner Product<\/b>: If you choose Banner as Use Banner, you can upload image here.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Listing Column<\/b>: Select number of column on different device such as desktop, medium destop and tablet.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Sidebar Product Layout<\/b>:Select style sidebar product. You can choose Full layout, Left Sidebar or Right Sidebar.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Quickview<\/b>: You can choose this one to activate the product quickview mode.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Zoom<\/b>: You can choose this one to activate the product image zoom when hover on single product.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Listing Number<\/b>: Show number of product in listing product page.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Config For Product Categories Widget<\/b>: In this section, you can set the number of category item shown. category more text and category less text for Product Categories Widget.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themetypo\" class=\"toggle\"><label>Typography<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>The theme allows to change the font style in your site with Google Font.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-options\/typo.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Use Google Webfont<\/b>: Insert font style that you actually need on your webpage.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Webfont Weight<\/b>: For weight, see Google Fonts to custom for each font style. You can choose from 100 to 900.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Header Tag Font<\/b>: Select custom font for Header tag (H1 to H6).<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Main Menu Font<\/b>: Select custom font for your Main Menu.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themesocial\" class=\"toggle\"><label>Social<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>In this tab, Mallon Theme Options allows you to add various social link for your website including: Facebook, Twitter, Tumblr, Linkedin, Instagram, Google+, and Pinterest.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-options\/social.png\" \/><\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"thememaintain\" class=\"toggle\"><label>Maintaincece Mode<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>If your site has not been ready to be launch, the Maintaincece Mode will be truly useful for you.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-options\/maintain.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Enable Maintaincece Mode<\/b>: Choose this one to turn on the Maintaincece Mode for your website. After that, all the options listing below will be applied.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Maintaince Background<\/b>: This allows you to upload the background image for Maintaincece Mode.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Maintaince Content<\/b>: This allows you to custom the Maintaince Content.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Maintaince Date<\/b>: This allows you to set date to show countdown date on maintaince mode.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Maintaince Form<\/b>: This allows you to insert shortcode form to show on maintaince mode frontend.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themepopup\" class=\"toggle\"><label>Popup Config<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>Mallon theme allows you to use popup in your website and you can custom its style with various options in this tab.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-options\/popup.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Active Popup Subscribe<\/b>: You can upload the background image for your popup.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Popup Content<\/b>: This allows you to add content for your popup.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Popup Form<\/b>: This allows you to insert shortcode form to show it on frontend. In Mallon, the MailChimp for WordPress form is used.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themeadvanced\" class=\"toggle\"><label>Advanced Plugins<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This tab provide some options for advanced plugins in your site including testimonial and portfolio. If you don&#8217;t use theme, please turn off for better performance.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-options\/plugins.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Turn Off Testimonial<\/b>: This option allows you to turn off the option for testimonial in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Turn Off Portfolio<\/b>: This option allows you to turn off the option for portfolio in your site.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themeadvanced\" class=\"toggle\"><label>Advanced<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This tab provide some advanced options for your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-options\/advanced.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Social Share<\/b>: You can enable this one to turn on the social share on your website esspecially on Blog page.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Turn Off Breadcrumb<\/b>: This option allows you to turn off the Breadcrumb on all pages in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Back to top<\/b>: Choose this one if you want to enable the button Back to top in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Direction<\/b>: Set your site layout as Left to Right or Right to Left.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themeimport\" class=\"toggle\"><label>Import\/Export<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>Before configuring, you can also backup your theme options by clicking on the Import\/Export tab. This is a great way to move your custom options from site to site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-options\/import.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Import Options<\/b>: You can import options from file or URL. <b>WARNING! This will overwrite any existing options, please proceed with caution!.<\/b><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Export Options<\/b>: Here you can copy\/download your themes current option settings. Keep this safe as you can use it as a backup should anything go wrong. Or you can use it to restore your settings on this site (or any other site). You also have the handy option to copy the link to yours sites settings. Which you can then use to duplicate on another sit.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: theme options --><\/p>\n<p><!-- start: theme elements --><\/p>\n<div id=\"themeelements\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">MALLON ELEMENTOR ELEMENTS<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"about\" class=\"toggle active\"><label>Elementor page builder<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Mallon comes with various theme elements that let you to customize page in your site easily with Elementor. In this part, we will show you how to use Mallon theme elements.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Knowledge Base<\/h4>\n<p>&nbsp;<\/p>\n<p>Firstly, please make sure that you have background knowledge of Elementor. You can find the link here that have additional information about using Elementor: <a href=\"https:\/\/elementor.com\/help\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Elementor Documentation<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Activate Elementor Pro<\/h4>\n<p>&nbsp;<\/p>\n<p>To activate <strong>Elementor Pro<\/strong>, you can contact us via our <a href=\"https:\/\/support.wpthemego.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Ticket Support System<\/span><\/a> to get help. Please note that for 01 license, we only activate 01 time.<\/p>\n<\/div>\n<\/section>\n<section id=\"sw-woo-slider\" class=\"toggle\"><label>SW WooCommerce Slider<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display products of a category as slider in the page. After installing the theme and required plugins, this SW WooCommerce Tab Slider element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wooslider.png\" alt=\"SW WooCommerce Slider\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW WooCommerce Slider element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW WooCommerce Slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW WooCommerce Slider Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wooslider2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Title Length<\/b>: Choose Product Title Length if you want to trim word, leave 0 to not trim word.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category<\/b>: Choose category including product you want to show. You can choose only 01 category for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Icon Slide<\/b>: Select icon from media library to set icon slide before the category title.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Banner Images<\/b>: Select image from media library to set banner for element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Select Style<\/b>: Choose display style for element as Default or other ones.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Description<\/b>: Enter the description of the elements. It will appear below the title.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category<\/b>: Choose categories including product you want to show. Each category is a tab in the slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Select Order Product<\/b>: Set the order for products as Featured Products, Top Rating Products, Best Selling Products or Latest Products.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Order By<\/b>: Set the order of product by Name, Date, Author, ID, Modified or others.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Order<\/b>: Set product order by Ascending or Descending.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number Of Post<\/b>: Set number of product posts to appear in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number row per column<\/b>: Set number of product posts to appear per row\/colum in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of Columns &#8230; <\/b>: Set number of column appearing on each screen size.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Speed<\/b>: Set speed for slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Auto Play<\/b>: Choose True to have slider plays automatically and choose False for not automatically play.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Interval<\/b>: Set the interval time for slider auto plays.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Layout<\/b>: Choose display layout for the element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Total Items Slided<\/b>: Choose total item slided.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Product Settings for this elements:<\/h4>\n<p>To have the style and information as in the demo, you need to do some configuration for product and category.<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category Settings<\/b>: Product category should be created first, after that you can assign in the element. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootab4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Settings<\/b>: You should pay attention to options including Product Title, Product Category, Product Image, and Sale Price. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootab3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-woo-cat-slider\" class=\"toggle\"><label>SW WooCommerce Categories Slider<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display products of categories as slider in the page. After installing the theme and required plugins, this SW WooCommerce Tab Slider element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/woocatslider.png\" alt=\"SW WooCommerce Categories Slider\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW WooCommerce Categories Slider element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW WooCommerce Categories Slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW WooCommerce Categories Slider Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/woocatslider2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Title Length<\/b>: Choose Product Title Length if you want to trim word, leave 0 to not trim word.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Description<\/b>: Enter the description of the elements. It will appear below the title.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Icon Title<\/b>: Choose font Icon you want in FontAwesome.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Categories<\/b>: Choose categories including product you want to show.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number row per column<\/b>: Set number of product posts to appear per row\/colum in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number Of Products<\/b>: Set number of product posts to appear in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Order By<\/b>: Set the order of product by Name, Date, Author, ID, Modified or others.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of Columns &#8230; <\/b>: Set number of column appearing on each screen size.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Speed<\/b>: Set speed for slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Auto Play<\/b>: Choose True to have slider plays automatically and choose False for not automatically play.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Interval<\/b>: Set the interval time for slider auto plays.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Layout<\/b>: Choose display layout for the element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Total Items Slided<\/b>: Choose total item slided.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Product Settings for this elements:<\/h4>\n<p>To have the style and information as in the demo, you need to do some configuration for product and category.<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category Settings<\/b>: Product category should be created first, after that you can assign in the element. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootab4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Settings<\/b>: You should pay attention to options including Product Title, Product Category, Product Image, and Sale Price. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootab3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-woo-countdown-slider\" class=\"toggle\"><label>SW WooCommerce Countdown Slider<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display coundown for products as slider in the page. After installing the theme and required plugins, this SW WooCommerce Tab Slider element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/countdown.png\" alt=\"SW WooCommerce Countdown Slider\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW WooCommerce Countdown Slider element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW WooCommerce Countdown Slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW WooCommerce Countdown Slider Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/countdown2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Title Length<\/b>: Choose Product Title Length if you want to trim word, leave 0 to not trim word.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Icon Title<\/b>: Choose font Icon you want in FontAwesome.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category<\/b>: Choose category including product you want to show. You can choose only 01 category for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Image Slide<\/b>: Upload the image then it will appear in the element in some layout style.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Order By<\/b>: Set the order of product by Name, Date, Author, ID, Modified or others.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Order<\/b>: Set the order as Ascending or Descending.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number Of Post<\/b>: Set number of product posts to appear in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number row per column<\/b>: Set number of product posts to appear per row\/colum in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of Columns &#8230; <\/b>: Set number of column appearing on each screen size.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Speed<\/b>: Set speed for slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Auto Play<\/b>: Choose True to have slider plays automatically and choose False for not automatically play.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Interval<\/b>: Set the interval time for slider auto plays.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Layout<\/b>: Choose display layout for the element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Total Items Slided<\/b>: Choose total item slided.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Product Settings for this elements:<\/h4>\n<p>To have the style and information as in the demo, you need to do some configuration for product and category.<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category Settings<\/b>: Product category should be created first, after that you can assign in the element. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootab4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Settings<\/b>: You should pay attention to options including Product Title, Product Category, Product Image, Schedue and Sale Price. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/coundown3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-woo-tab-slider\" class=\"toggle\"><label>SW WooCommerce Tab Slider<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display products of a category for tabs as different product order type in the page. After installing the theme and required plugins, this SW WooCommerce Tab Slider element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootab.png\" alt=\"SW WooCommerce Tab Slider\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW WooCommerce Tab Slider element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW WooCommerce Tab Slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW WooCommerce Tab Slider Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootab2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Title Length<\/b>: Choose Product Title Length if you want to trim word, leave 0 to not trim word.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category<\/b>: Choose category including product you want to show. You can choose only 01 category for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Icon Slide<\/b>: Select icon from media library to set icon slide before the category title.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Banner Images<\/b>: Select image from media library to set banner for element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Select Style<\/b>: Choose display style for element as Default or other ones.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Select Order Product<\/b>: Set the order for products as Featured Products, Top Rating Products, Best Selling Products or Latest Products. Each of them is display as a tab in the element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number row per column<\/b>: Set number of product posts to appear per row\/colum in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Tab Active<\/b>: Set number of active tab for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of Columns &#8230; <\/b>: Set number of column appearing on each screen size.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Speed<\/b>: Set speed for slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Auto Play<\/b>: Choose True to have slider plays automatically and choose False for not automatically play.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Interval<\/b>: Set the interval time for slider auto plays.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Total Items Slided<\/b>: Choose total item slided. Currently, layout Default is supported.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Layout<\/b>: Choose display layout for the element.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Product Settings for this elements:<\/h4>\n<p>To have the style and information as in the demo, you need to do some configuration for product and category.<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category Settings<\/b>: Product category should be created first, after that you can assign in the element. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootab4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Settings<\/b>: You should pay attention to options including Product Title, Product Category, Product Image, Product Location and Sale Price. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootab3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-wootabcat\" class=\"toggle\"><label>SW WooCommerce Tab Category Slider<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display products according to each category tab as highlight point in your site. After installing the theme and required plugins, this SW WooCommerce Tab Category Slider element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootabcat.png\" alt=\"SW WooCommerce Tab Category Slider\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW WooCommerce Tab Category Slider element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW WooCommerce Tab Category Slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW WooCommerce Tab Category Slider Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootabcat2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Title Length<\/b>: Choose Product Title Length if you want to trim word, leave 0 to not trim word.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Description<\/b>: Enter the description of the elements. It will appear below the title.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category<\/b>: Choose categories including product you want to show. Each category is a tab in the slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Select Order Product<\/b>: Set the order for products as Featured Products, Top Rating Products, Best Selling Products or Latest Products.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Order By<\/b>: Set the order of product by Name, Date, Author, ID, Modified or others.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Order<\/b>: Set product order by Ascending or Descending.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number Of Post<\/b>: Set number of product posts to appear in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number row per column<\/b>: Set number of product posts to appear per row\/colum in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Tab Active<\/b>: Set number of active tab for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of Columns &#8230; <\/b>: Set number of column appearing on each screen size.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Speed<\/b>: Set speed for slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Auto Play<\/b>: Choose True to have slider plays automatically and choose False for not automatically play.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Interval<\/b>: Set the interval time for slider auto plays.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Layout<\/b>: Choose display layout for the element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Total Items Slided:<\/b>: Choose total item slided.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Product Settings for this elements:<\/h4>\n<p>To have the style and information as in the demo, you need to do some configuration for product and category.<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category Settings<\/b>: Product category should be created first, after that you can assign in the element. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootabcat4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Settings<\/b>: You should pay attention to options including Product Title, Product Category, Product Image, Product Location and Sale Price. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootabcat3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-latest\" class=\"toggle\"><label>SW Latest Product<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display latest product as slider in the page. After installing the theme and required plugins, this SW Latest Product element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/latest.png\" alt=\"SW Latest Product\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW Latest Product element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW Latest Product.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Latest Product Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/latest2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Title Length<\/b>: Set product title length as you want.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Template<\/b>: Choose style for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category<\/b>: Choose Category you want to display.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Style<\/b>: Choose style for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of products to slide<\/b>: Set number of products to slide.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of posts to show<\/b>: Set number of products to show.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Extra class name<\/b>: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Product Settings for this elements:<\/h4>\n<p>To have the style and information as in the demo, you need to do some configuration for products.<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Settings<\/b>: You should pay attention to options including Product Title, Product Image, Product Location and Price. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootabcat3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the Product Settings in Product part in <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-onsale\" class=\"toggle\"><label>SW On Sale Product<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display on sale product as slider in the page. After installing the theme and required plugins, this SW On Sale Product element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/onsale.png\" alt=\"SW On Sale Product\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW On Sale Product element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW On Sale Product.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW On Sale Product Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/onsale2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Title Length<\/b>: Set product title length as you want.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category<\/b>: Choose Category you want to display.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Extra class name<\/b>: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Product Settings for this elements:<\/h4>\n<p>To have the style and information as in the demo, you need to do some configuration for products.<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Settings<\/b>: You should pay attention to options including Product Title, Product Image, Product Location and Price. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootabcat3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the Product Settings in Product part in <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-bestsale\" class=\"toggle\"><label>SW Best Sale<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display best sale product as slider in the page. After installing the theme and required plugins, this SW Best Sale element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/bestsale.png\" alt=\"SW Best Sale\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW Best Sale element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW Best Sale.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Best Sale Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/bestsale2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Title Length<\/b>: Set product title length as you want.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Banner Images<\/b>: Upload image for this element&#8217;s banner.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Template<\/b>: Choose style for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of products to slide<\/b>: Set number of products to slide.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of posts to show<\/b>: Set number of products to show.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Extra class name<\/b>: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Product Settings for this elements:<\/h4>\n<p>To have the style and information as in the demo, you need to do some configuration for products.<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Settings<\/b>: You should pay attention to options including Product Title, Product Image, Product Location and Price. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootabcat3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the Product Settings in Product part in <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-featured\" class=\"toggle\"><label>SW Featured Product<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display featured product as slider in the page. After installing the theme and required plugins, this SW Featured Product element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/featured.png\" alt=\"SW Featured Product\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW Featured Product element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW Featured Product.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Featured Product Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/featured2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Title Length<\/b>: Set product title length as you want.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category<\/b>: Choose product category for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Template<\/b>: Choose style for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Banner Image<\/b>: Upload banner image for element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of products to slide<\/b>: Set number of products to slide.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of posts to show<\/b>: Set number of products to show.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Extra class name<\/b>: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Product Settings for this elements:<\/h4>\n<p>To have the style and information as in the demo, you need to do some configuration for products.<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Settings<\/b>: You should pay attention to options including Product Title, Product Image, Product Location and Price. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootabcat3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the Product Settings in Product part in <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-viewed\" class=\"toggle\"><label>SW Most Viewed Product<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display most viewed product as slider in the page. After installing the theme and required plugins, this SW Most Viewed Product element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/viewed.png\" alt=\"SW Most Viewed Product\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW Most Viewed Product element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW Most Viewed Product.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Most Viewed Product Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/viewed2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Title Length<\/b>: Set product title length as you want.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category<\/b>: Choose product category for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Template<\/b>: Choose style for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Banner Image<\/b>: Upload banner image for element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of products to slide<\/b>: Set number of products to slide.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of posts to show<\/b>: Set number of products to show.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Extra class name<\/b>: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Product Settings for this elements:<\/h4>\n<p>To have the style and information as in the demo, you need to do some configuration for products.<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Product Settings<\/b>: You should pay attention to options including Product Title, Product Image, Product Location and Price. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/wootabcat3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the Product Settings in Product part in <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-brand\" class=\"toggle\"><label>SW Brand<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display product brands as slider in the page. After installing the theme and required plugins, this SW Brand element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/brand.png\" alt=\"SW Brand\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW Brand element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW Brand.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Brand Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/brand2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Categories<\/b>: Choose Categories Brand you want to display.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Style<\/b>: Choose style for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Order By<\/b>: Set the order of product by Name, Date, Author, ID, Modified or others.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Order<\/b>: Set product order by Ascending or Descending.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number Of Post<\/b>: Set number of product posts to appear in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number row per column<\/b>: Set number of product posts to appear per row\/colum in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of Columns &#8230; <\/b>: Set number of column appearing on each screen size.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Speed<\/b>: Set speed for slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Auto Play<\/b>: Choose True to have slider plays automatically and choose False for not automatically play.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Interval<\/b>: Set the interval time for slider auto plays.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Layout<\/b>: Choose display layout for the element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Total Items Slided<\/b>: Choose total item slided.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Brand Settings for this elements:<\/h4>\n<p>To have the style and information as in the demo, you need to do some configuration for Categories Brand in Product.<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Categories Brand Settings<\/b>: Product categories brand should be created first, after that you can assign in the element. Please pay attention to add the Brand Image then it will appear in your site. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/product7.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the Brand Settings in Product part in <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-responsive-post-slider\" class=\"toggle\"><label>SW Responsive Post Slider<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display blog post of a category as slider in the page. After installing the theme and required plugins, this SW Responsive Post Slider element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/postslider.png\" alt=\"SW WooCommerce Slider\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW Responsive Post Slider element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW Responsive Post Slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Responsive Post Slider Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/postslider2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Description<\/b>: Enter the description of the elements. It will appear below the title.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category filter<\/b>: Choose categories including post you want to show.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Excerpt length (in words)<\/b>: Set the number of character of post title.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Order By<\/b>: Set the order of product by Name, Date, Author, ID, Modified or others.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Order<\/b>: Set product order by Ascending or Descending.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number Of Post<\/b>: Set number of product posts to appear in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number row per column<\/b>: Set number of product posts to appear per row\/colum in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of Columns &#8230; <\/b>: Set number of column appearing on each screen size.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Speed<\/b>: Set speed for slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Auto Play<\/b>: Choose True to have slider plays automatically and choose False for not automatically play.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Interval<\/b>: Set the interval time for slider auto plays.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Layout<\/b>: Choose display layout for the element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Total Items Slided<\/b>: Choose total item slided.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Post Settings for this elements:<\/h4>\n<p>To have the style and information as in the demo, you need to do some configuration for post and category.<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Category Settings<\/b>: Product category should be created first, after that you can assign in the element. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/postslider4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Post Settings<\/b>: You should pay attention to options including Post Title, Post Category, Featured Image, and Sale Price. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/postslider3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-vertical\" class=\"toggle\"><label>SW Vertical Megamenu<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display vertical megamenu in the page. After installing the theme and required plugins, this SW Vertical Megamenu element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/vertical.png\" alt=\"SW Vertical Megamenu\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW Vertical Megamenu element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW Vertical Megamenu.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Vertical Megamenu Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/vertical2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Select Menu Location<\/b>: Choose Menu Location for menu.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Theme shortcode want display<\/b>: Choose style for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Menu Item<\/b>: Set number of menu items to show.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>More Text<\/b>: Change SEE MORE text in the menu as you want.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Less Text<\/b>: Change SEE LESS text in the menu as you want .<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Extra class name<\/b>: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Menu Settings for this elements:<\/h4>\n<p>To have the style and information as in the demo, you need to do some configuration for Categories vertical in Product.<\/p>\n<p><b>Menu Icon<\/b>: You can change the menu icon in the Menu Thumbnail options of menu item. Also, you need to choose option Active Megamenu if you want it appears as Megamenu in your site. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/menu9.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the Menu Settings in Product part in <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-instagram\" class=\"toggle\"><label>SW Instagram Gallery<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display images from your Instagram as gallery in the page. After installing the theme and required plugins, this SW Instagram Gallery element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/instagram.png\" alt=\"SW Instagram Gallery\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW Instagram Gallery element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW Instagram Gallery.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Instagram Gallery Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/instagram2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number Of Post<\/b>: Set number of posts to appear in your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Instagram User ID<\/b>: Insert your Instagram User ID.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Access Token<\/b>: Insert your Instagram Access Token.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Number of Columns &#8230; <\/b>: Set number of column appearing on each screen size.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Speed<\/b>: Set speed for slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Auto Play<\/b>: Choose True to have slider plays automatically and choose False for not automatically play.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Interval<\/b>: Set the interval time for slider auto plays.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Layout<\/b>: Choose display layout for the element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Total Items Slided<\/b>: Choose total item slided.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"revolution-slider\" class=\"toggle\"><label>Revolution Slider<\/label><\/p>\n<div class=\"toggle-content\">\n<p>This element helps you to show slider and beautify your website. After installing the theme and required plugins, this Revolution Slider element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/revolution.png\" alt=\"revolution slider\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add Revolution Slider element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose Revolution Slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, choose slider you want and do other configurations and Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Revolution Slider Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/revolution4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Revolution Slider<\/b>: Choose slider created in Slider Revolution.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Extra class name<\/b>: Add Extra class name to style the element. The class name is refered in custom CSS.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to Edit Revolution Slider?<\/h4>\n<p>To edit Revolution Slider, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/revolution2.png\" alt=\"revolution slider\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">In the admin page, go to <b>Slider Revolution<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Edit icon of the slide you want to edit to go to Edit page.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">In the slider <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/revolution3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Edit page<\/a>, you can edit as your expectation.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After all, save the change and check in your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span>You can see <a href=\"https:\/\/www.themepunch.com\/revslider-doc\/slider-revolution-documentation\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Slider Revolution WordPress 5.x Documentation<\/span><\/a> and <a href=\"https:\/\/www.themepunch.com\/faq\/slider-revolution-beginner-video-guides-tutorials\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Tutorial Videos<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/section>\n<section id=\"single-image\" class=\"toggle\"><label>Single Image <\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to add single image as banner in the page. After installing the theme and required plugins, this Single Image element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/image.png\" alt=\"single image\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add Single Image element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose Single Image.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, choose image you want and do other configurations then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Single Image Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<h5 class=\"text-primary\">General<\/h5>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/image2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Image source<\/b>: Choose Image source as Media Library, External Link or Featured Image.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Image<\/b>: If you choose Image source as Media Libraly, you can load image from library here.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>External link<\/b>: If you choose Image source as External Link, you can insert the image link here.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Image size<\/b>: You can set image size in this option as &#8220;thumbnail&#8221;, &#8220;medium&#8221;, &#8220;large&#8221;, &#8220;full&#8221; or other sizes defined by theme. Alternatively enter size in pixels (Example: 200&#215;100 (Width x Height)).<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Add caption?<\/b>: Choose Yes to add caption of this image<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Image alignment<\/b>: Select image alignment as Left, Right or Center.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Image style<\/b>: Choose style image display style as Default, Rounded, Bordered, Outline, Shadow or others.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>On click action<\/b>: Choose action for click action on Image including Open custom link, Link to large image, Zoom, or open Prettyphoto.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Image Link<\/b>: If you set On click action as Open customlink, enter the link target here.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Link Target<\/b>: Choose to open Image link in Same window or Open in new window.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>CSS Animation<\/b>: Select type of animation for element to be animated when it &#8220;enters&#8221; the browsers viewport (Note: works only in modern browsers).<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Element ID<\/b>: Enter element ID (Note: make sure it is unique and valid according to w3c specification).<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Extra class name<\/b>: Add Extra class name to style the element. The class name is refered in custom CSS.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">Design Options<\/h5>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/image3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>CSS box<\/b>: In the CSS box, you can add margin, border and padding to this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Border color<\/b>: Select color for the border of this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Border style<\/b>: Choose style for the border of this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Border radius<\/b>: Configure the radius for the border of this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Background<\/b>: Select background color for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Image upload button<\/b>: Upload image as bacground color for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Dropdown options<\/b>: Choose style for background image upload above as Cover, Theme defaults, Contain, No repeat or Repeat.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Box controls<\/b>: Choose Sinplify controls or not.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> To have image banner beautifully in your site, you should choose the one having the same size as in the demo.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"raw-html\" class=\"toggle\"><label>Raw HTML<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to add raw html for more information with beautiful style in the page. After installing the theme and required plugins, this Raw HTML element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/rawhtml.png\" alt=\"raw html\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add Raw HTML element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose Raw HTML.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, add HTML and do other configurations then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Raw HTML Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<h5 class=\"text-primary\">General<\/h5>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/rawhtml2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Raw HTML<\/b>: Enter HTML content you want to add in your page.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Element ID<\/b>: Enter element ID (Note: make sure it is unique and valid according to w3c specification).<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Extra class name<\/b>: Add Extra class name to style the element. The class name is refered in custom CSS.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">Design Options<\/h5>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/image3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>CSS box<\/b>: In the CSS box, you can add margin, border and padding to this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Border color<\/b>: Select color for the border of this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Border style<\/b>: Choose style for the border of this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Border radius<\/b>: Configure the radius for the border of this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Background<\/b>: Select background color for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Image upload button<\/b>: Upload image as bacground color for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Dropdown options<\/b>: Choose style for background image upload above as Cover, Theme defaults, Contain, No repeat or Repeat.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Box controls<\/b>: Choose Sinplify controls or not.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For this one, please make sure that you use the right HTML in your site. You can edit the link and content as your expectation. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/rawhtml3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Settings<\/a><\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"text-block\" class=\"toggle\"><label>Text Block<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to add text, image and form for more information with beautiful style in the page. After installing the theme and required plugins, this Text Block element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/textblock.png\" alt=\"text block\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add Text Block element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose Text Block.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, add HTML and do other configurations then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Text Block Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<h5 class=\"text-primary\">General<\/h5>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/textblock2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Text Block<\/b>: Enter HTML content you want to add in your page.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Element ID<\/b>: Enter element ID (Note: make sure it is unique and valid according to w3c specification).<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>CSS Animation<\/b>: Select type of animation for element to be animated when it &#8220;enters&#8221; the browsers viewport (Note: works only in modern browsers).<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Extra class name<\/b>: Add Extra class name to style the element. The class name is refered in custom CSS.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">Design Options<\/h5>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/image3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>CSS box<\/b>: In the CSS box, you can add margin, border and padding to this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Border color<\/b>: Select color for the border of this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Border style<\/b>: Choose style for the border of this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Border radius<\/b>: Configure the radius for the border of this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Background<\/b>: Select background color for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Image upload button<\/b>: Upload image as bacground color for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Dropdown options<\/b>: Choose style for background image upload above as Cover, Theme defaults, Contain, No repeat or Repeat.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Box controls<\/b>: Choose Sinplify controls or not.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For this one, please make sure that you use the right HTML in your site. You can edit the link and content as your expectation. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/rawhtml3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Settings<\/a><\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"tag-cloud\" class=\"toggle\"><label>WP Tag Cloud<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to add text, image and form for more information with beautiful style in the page. After installing the theme and required plugins, this WP Tag Cloud element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/tagcloud.png\" alt=\"tag cloud\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add WP Tag Cloud element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose WP Tag Cloud.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, add HTML and do other configurations then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">WP Tag Cloud Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/tagcloud2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Title<\/b>: Enter title for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Taxonomy<\/b>: Choose source for tag cloud.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Element ID<\/b>: Enter element ID (Note: make sure it is unique and valid according to w3c specification).<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>Extra class name<\/b>: Add Extra class name to style the element. The class name is refered in custom CSS.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-ourteam-slider\" class=\"toggle\"><label>SW Our Team Slider<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display the member of your company.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/sw-ourteam-slider.jpg\" alt=\"our team slider\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW Our Team Slider element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW Our Team Slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Our Team Slider Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/sw-ourteam-slider2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-testimonial\" class=\"toggle\"><label>SW Testimonial Slider<\/label><\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display the testimonials about the services of your company.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/sw-testimonial.png\" alt=\"sw testimonial\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW Testimonial Slider element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Open your page and choose <b>Edit with Elementor<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Click on Add element icon of Elementor, then choose SW Testimonial Slider.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Hover on this element and click on Pencil icon to edit it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After that, configure element options then Save change for this element.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Testimonial Slider Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/theme-elements\/sw-testimonial2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: theme elements --><\/p>\n<p><!-- start: multi vendors --><\/p>\n<div id=\"admin\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">MULTI VENDOR PLUGINS<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"woo\" class=\"toggle\"><label>Dokan Multivendor Marketplace<\/label><\/p>\n<div class=\"toggle-content\">Revo theme is compatible with Dokan Multivendor MarketPlace plugin. After installing Dokan in your site, you need pay attention to some points as below:&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Go to <b>Dokan &gt; Settings<\/b> to configure General Settings, Selling Options, Withdraw Options, Page Settings and Appearance. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/admin-options\/dokan.png\" target=\"_blank\" rel=\"noopener noreferrer\">Dokan Settings<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Go to <b>User Profiles<\/b> to add some Dokan Options like Store Name, Address, Banner Image and others. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/admin-options\/dokan2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Checkout process<\/a><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> You need to purchase Pro version for this plugin. You can check <a href=\"https:\/\/wedevs.com\/docs\/dokan\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Documentation<\/span><\/a> and <a href=\"https:\/\/wordpress.org\/plugins\/dokan-lite\/#faq\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">FAQs<\/span><\/a> for more detail about it.<\/p>\n<\/div>\n<\/section>\n<section id=\"woo\" class=\"toggle\"><label>WC Vendors<\/label><\/p>\n<div class=\"toggle-content\">Revo theme is compatible with WC Vendors plugin. After installing WC Vendors in your site, you need pay attention to some points as below:&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Go to <b>WooCommerce &gt; WC Vendors<\/b> to configure General Settings, Products, Capabilities, Pages and Payments. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/admin-options\/vendor.png\" target=\"_blank\" rel=\"noopener noreferrer\"> Settings<\/a><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Go to <b>User Profiles<\/b> to add some WC Vendors Options like Shop Name, Address, Description and others. <i>See screenshot<\/i>: <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/admin-options\/vendor2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Checkout process<\/a><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> You need to purchase Pro version for this plugin. You can check <a href=\"https:\/\/www.wcvendors.com\/kb\/wcvendors-setup-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Documentation<\/span><\/a> for more detail about it.<\/p>\n<\/div>\n<\/section>\n<section id=\"woo\" class=\"toggle\"><label>WC Marketplace<\/label><\/p>\n<div class=\"toggle-content\">Revo theme is compatible with WC Marketplace plugin. After installing WC Marketplace in your site, you need pay attention to some points as below:&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> You need to purchase Pro version for this plugin. You can check <a href=\"https:\/\/wc-marketplace.com\/knowledgebase\/wcmp-setup-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Documentation<\/span><\/a> for more detail about it.<\/p>\n<\/div>\n<\/section>\n<section id=\"woo\" class=\"toggle\"><label>WCFM Marketplace<\/label><\/p>\n<div class=\"toggle-content\">Revo theme is compatible with WCFM Marketplace plugin. After installing WCFM Marketplace in your site, you need pay attention to some points as below:&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> You need to purchase Pro version for this plugin. You can check <a href=\"https:\/\/wclovers.com\/knowledgebase\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Documentation<\/span><\/a> for more detail about it.<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: multi vendors --><\/p>\n<p><!-- start: translation --><\/p>\n<div id=\"translation\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">TRANSLATION &amp; MULTI-LANGUAGES<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"about\" class=\"toggle\"><label>Does Mallon support multilanguage?<\/label><\/p>\n<div class=\"toggle-content\">Mallon supports multi language. We recommend you to use WPML plugins following the <a href=\"https:\/\/wpml.org\/documentation\/\" target=\"_blank\" rel=\"noopener noreferrer\">WPML Documentation<\/a> in Mallon theme.<\/div>\n<\/section>\n<section id=\"loco\" class=\"toggle\"><label>How to Translate Mallon theme?<\/label><\/p>\n<div class=\"toggle-content\">\n<p>To translate Mallon into your language, you can install Loco Translate plugin into your site. After that, you can use Loco to translate Mallon theme, plugins and elements.<\/p>\n<p>You can follow <a href=\"https:\/\/wpthemego.com\/how-to-translate-wordpress-with-loco-translate\/\" target=\"_blank\" rel=\"noopener noreferrer\">Beginner&#8217;s guide for Loco Translate<\/a> in Mallon Theme<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: translation --><\/p>\n<p><!-- start: other info --><\/p>\n<div id=\"support\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">FREQUENTLY ASKED QUESTIONS<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section class=\"toggle\"><label>How to Edit Page Title in Your Site?<\/label><\/p>\n<div class=\"toggle-content\">\n<p style=\"margin-top: 20px;\"><strong>To edit the page title in our themes, you can follow steps as below:<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Step 1:<\/strong> Login into the Dashboard of your site.<\/p>\n<p><strong>Step 2:<\/strong> Go to <b>Pages &gt; All Pages<\/b> and open the page that you want to edit the title. It\u2019s ussually the Home Page.<\/p>\n<p><strong>Step 3:<\/strong> Scroll down to the <b>Yoast SEO<\/b> area and click on <b>Edit Snippet<\/b>.<\/p>\n<p><strong>Step 4:<\/strong> Now, you can edit the Page Title as you want. In addition, you can edit the keywords for it there too.<\/p>\n<p style=\"margin-top: 20px;\">After all, you can clear all cache of your site, browser and server to check the result.<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the WordPress Documentation for this problem: <a href=\"http:\/\/wpthemego.com\/document\/how-to-edit-the-page-title-in-your-site\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">How to Edit the Page Title in Your Site? <\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to change Favicon for your website?<\/label><\/p>\n<div class=\"toggle-content\"><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/basic-settings\/menu6.png\" alt=\"logo\" \/><br \/>\nTo change favicon for your website, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Log in to your site in the backend.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Navigate to <b>Appearance &gt; Theme Options<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">In tab <a href=\"#themegeneral\" target=\"_blank\" rel=\"noopener noreferrer\">General<\/a>, you can Upload Favicon Image for your site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Now Save Changes and check your site again.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to change Color Schemes for your website?<\/label><\/p>\n<div class=\"toggle-content\">\n<p>To change Color Schemes for your website, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Navigate to <b>Appearance &gt; Theme Options<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">In tab <a href=\"#themeschemes\" target=\"_blank\" rel=\"noopener noreferrer\">Schemes<\/a>, you can choose Color Scheme for your site. If you want to choose other color, please choose <strong>Enable Custom Color &gt; Developer Mode &gt; Install plugin WordPress Less<\/strong> then configure in option Color. After using this feature, please <strong>turn off the plugin and the Developer Mode to not prevent your site performance<\/strong>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Please check the <b>Page Metabox<\/b> of home page and choose No select for color scheme there then the config in the Theme Options will be applied.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to set up the Popup for your website?<\/label><\/p>\n<div class=\"toggle-content\"><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/general-settings\/popup.png\" alt=\"popup\" \/><br \/>\nTo set up the Popup for your website, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Log in to your site in the backend.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Navigate to <b>Appearance &gt; Theme Options<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">In tab <a href=\"#themepopup\" target=\"_blank\" rel=\"noopener noreferrer\">Popup Config<\/a>, choose <b>Active Popup Subscribe<\/b> the configure the options listing below.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Now Save Changes and check your site again.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to enable the Maintaince Mode for your website?<\/label><\/p>\n<div class=\"toggle-content\">\n<p>To enable the Maintaince Mode for your website, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Log in to your site in the backend.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Navigate to <b>Appearance &gt; Theme Options &gt; Maintaince Mode<\/b>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Now, choose <a href=\"#thememaintain\" target=\"_blank\" rel=\"noopener noreferrer\">Enable Maintaincece Mode<\/a>, and configure other options listing below.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Now Save Changes and check your site again.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to change Breadcrumb Background Image in your site?<\/label><\/p>\n<div class=\"toggle-content\"><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/general-settings\/breadcrumb.png\" alt=\"breadcrumb\" \/><br \/>\nMallon supports you to add the breadcrumb in your pages including blog, shop, contact, about us and others. To change the breadcrumb background image, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">In your site at the backend, please go to <b>Appearance &gt; Theme Options &gt; General<\/b><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Upload the image you want in option <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/general-settings\/breadcrumb2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Breadcrumb Background<\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">If you don&#8217;t want the Breadcrumb to appear in your site, please go to <b>Appearance &gt; Theme Options &gt; Advanced<\/b> then choose option <a href=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/general-settings\/breadcrumb3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Turn Off Breadcrumb<\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">After all, please save and check your site again to see the result.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the Footer Settings part in <a href=\"#themeoptions\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Mallon Theme Options<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>Does Mallon support RTL layout?<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Yes. Mallon supports RTL layout. To have RTL layout, you can go to <b>Appearance &gt; Theme Options &gt; Advanced<\/b> and change the <a href=\"#themeoptions\" target=\"_blank\" rel=\"noopener noreferrer\">Direction<\/a> into Right to Left.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>Why does the website load so slowly?<\/label><\/p>\n<div class=\"toggle-content\">\n<p>There are many things can slow down your website or speed it up. As a side note, these are not ordered by importance or any criteria, We\u2019ve just gathered everything we\u2019ve learned around how to speed up WordPress page loads and listed them all here.<\/p>\n<p>This is what we done on our demo site to improve the loading time. You could try to follow it to improve your website\u2019s speed.<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><strong>Choose a good host.<\/strong><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>When starting out, a shared host might seem like a bargain if you don\u2019t have too many visitor. But if you have more than 1000 visitors per day, you should use a VPS, or at least a higher plan of a sharing hosting.<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><strong>Use an effective caching plugin.<\/strong>WordPress plugins are obviously quite useful, but some of the best fall under the caching category, as they drastically improve page loads time, and best of all, all of them on WordPress.org are free and easy to use.\n<p>We are using <a href=\"https:\/\/wp-rocket.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Rocket<\/a> for our demo site.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><strong>Combining CSS, JS and HTML.<\/strong>Using <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener noreferrer\">Autoptimize<\/a>\u00a0for combining CSS, JS and HTML. Even the cache plugin supports combining those files, but sometime it break JS scripts.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><strong>Use a content delivery network (CDN).<\/strong>Essentially, a CDN, or content delivery network, takes all your static files you\u2019ve got on your site (CSS, Javascript and images etc) and lets visitors download them as fast as possible by serving the files on servers as close to them as possible.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><strong>Optimize images (automatically)<\/strong>Yahoo! has an image optimizer called Smush.it that will drastically reduce the file size of an image, while not reducing quality. However, if you are like me, doing this to every image would be beyond a pain, and incredibly time consuming. Fortunately, there is an amazing, free plugin called\u00a0<a href=\"https:\/\/wordpress.org\/extend\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP-SmushIt<\/a>\u00a0which will do this process to all of your images automatically, as you are uploading them. No reason not to install this one.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><strong>Add Expires headers to your files.<\/strong>If you test your website speed on some tools, like GTmetrix, you will get a notice about adding expires headers. You can follow\u00a0<a href=\"https:\/\/gtmetrix.com\/add-expires-headers.html\" target=\"_blank\" rel=\"noopener noreferrer\">this tutorial<\/a>\u00a0to add it to your website.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>Why it is directed to Home Page or 404 page when clicking on Widget in the Backend?<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Actually, this is not because of the theme but due to the host settings. For this one, you should contact your host to check the <a href=\"http:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/3-7-redirect-issue\" target=\"_blank\" rel=\"noopener noreferrer\">Redirect Issues<\/a>.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to fix the bug &#8220;Fatal error: Allowed memory size of 134217728 bytes exhausted&#8230;&#8221;<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Sometimes, there is warning in your site such as:<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"lang:default decode:true \">Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 72 bytes) in \/home\/xxx\/public_html\/wp-content\/plugins\/lessphp\/3rdparty\/lessc.inc.php on line 311<\/pre>\n<p>&nbsp;<\/p>\n<p>This one is caused by the file <code>wp-config.php<\/code>. To fix theme, please add the line below to this file:<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"lang:default decode:true \">define(\u2018WP_MEMORY_LIMIT\u2019,\u2019256M\u2019);<\/pre>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to fix the bug &#8220;Warning: Invalid argument supplied for foreach()&#8230;&#8221;<\/label><\/p>\n<div class=\"toggle-content\">\n<p>Sometimes, there is warning in your site such as:<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"lang:default decode:true \">Warning: Invalid argument supplied for foreach() in \/home\/xxx\/public_html\/wp-content\/themes\/revo\/lib\/utils.php on line 139<\/pre>\n<p>&nbsp;<\/p>\n<p>This one is caused by the file <code>wp-config.php<\/code>. To fix theme, please add the line below to this file:<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"lang:default decode:true \">define(\u2018FS_METHOD\u2019,\u2019direct\u2019);<\/pre>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>Why do I get 502 Bad Gateway Errors?<\/label><\/p>\n<div class=\"toggle-content\">\n<p>To Understanding and Fixing 502 Bad Gateway Errors, you can see this article for more detail:<\/p>\n<p><a href=\"https:\/\/www.lifewire.com\/502-bad-gateway-error-explained-2622939\" target=\"_blank\" rel=\"noopener noreferrer\">Understanding and Fixing 502 Bad Gateway Errors<\/a>.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>Why it causes 500 Interal Server Error in our site?<\/label><\/p>\n<div class=\"toggle-content\">\n<p>To Understanding and Fixing 500 Internal Server Error, you can see this article for more detail:<\/p>\n<p><a href=\"https:\/\/www.lifewire.com\/500-internal-server-error-explained-2622938\" target=\"_blank\" rel=\"noopener noreferrer\">How to Fix a 500 Internal Server Error<\/a>.<\/p>\n<\/div>\n<\/section>\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">GET SUPPORT FOR MALLON THEME<\/h2>\n<\/div>\n<section class=\"toggle active\"><label>Things You Should Do Before Creating a Ticket<\/label><\/p>\n<div class=\"toggle-content\">\n<p>To help speed along your request, we require that you follow the steps below before submitting a new support ticket. This is for the benefit of everyone and will help make the entire process more efficient. It\u2019s very important and we ask that everyone who posts follow these steps.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Read the item documentation first:<\/h4>\n<p>&nbsp;<\/p>\n<p>Many support queries and technical questions will already be answered in supporting documentation such as FAQ&#8217;s and comments from previous buyers. You can find more tutorials via the <a href=\"https:\/\/wpthemego.com\/document\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Frequently Asked Questions<\/span><\/a>, <a href=\"http:\/\/forum.wpthemego.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">WPThemeGo Forum<\/span><\/a> and <a href=\"https:\/\/www.youtube.com\/watch?v=cTsiKWGoub4&amp;list=PLPjA3McuJhOFAboxjHuXYQX19KPhdheEF\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">WPThemeGo Youtube Channel<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">We support Mallon following Envato Support Policy:<\/h4>\n<p>&nbsp;<\/p>\n<p>We will check and reply the ticket in <span class=\"highlight\">01 business day<\/span> (except for weekends and holiday). Please check the <a href=\"https:\/\/themeforest.net\/page\/item_support_policy\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Support Policy<\/span><\/a> to see what&#8217;s included and what&#8217;s not included in item support.<\/p>\n<p>&nbsp;<\/p>\n<p>Please note that for each item purchase code, only <b>01<\/b> website should be supported. If your support license expired, please renew it to get technical support.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Important things for your website:<\/h4>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Runs the latest version of Mallon and meets all Theme Requirements.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Disable any additional 3rd party plugins you may be using to see if it fixes the issue.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Clear and disable all caches including browser cache, plugin cache and server cache.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section class=\"toggle active\"><label>Get Support from WPThemeGo<\/label><\/p>\n<div class=\"toggle-content\">\n<p>To create a support ticket for Mallon, please choose the <strong>Department as Themeforest<\/strong> then enter the <a href=\"https:\/\/wpthemego.com\/document\/how-to-get-purchase-code-for-items-from-envato\/\" target=\"_blank\" rel=\"noopener noreferrer\">theme purchase code<\/a> to submit the ticket. <b>Please note that your site&#8217;s information and some screenshots for the issue will be easier for us to get the question and help you faster.<\/b><\/p>\n<p>&nbsp;<\/p>\n<div class=\"row\">\n<div class=\"col-md-6 image-size-100 left\"><a href=\"https:\/\/support.wpthemego.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/ticket.png\" \/><\/a><\/div>\n<div class=\"col-md-6 image-size-100 right\"><a href=\"https:\/\/wpthemego.com\/document\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/wpthemego.com\/images\/document\/themes\/mallon\/faq.png\" \/><\/a><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"alert alert-danger margin-top-bottom-5\">\n<h4><i class=\"fa fa-warning\"><\/i> Important!<\/h4>\n<ul>\n<li class=\"margin-top-bottom-5 padding-left-10\">Do NOT reply the ticket via notification email. Any reply via this no-reply-email may be missed because our support team could not read it.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">If you get trouble with the ticket system, please contact us via email <b>contact@wpthemego.com<\/b> to get help. However, the first one is more convenience and easier for both of us to follow the issue.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- end: other info --><\/p>\n<\/section>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row el_class=&#8221;guide&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text] Navigation Getting Started Theme Introduction Basic Knowledge System Requirements File Structure Installation &amp; Update Quickstart Installation Theme Installation Plugin Installation Mallon Child Theme Theme Update Plugin Update Mallon Demo Data Import Demo Data Homepage Demos Header &amp; Footer Basic Settings Page Settings Post Settings Portfolio Settings Product Settings Menu Configuration MailChimp for [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59],"tags":[],"class_list":["post-6119","post","type-post","status-publish","format-standard","hentry","category-premium-themes-on-themeforest"],"_links":{"self":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts\/6119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/comments?post=6119"}],"version-history":[{"count":4,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts\/6119\/revisions"}],"predecessor-version":[{"id":6128,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts\/6119\/revisions\/6128"}],"wp:attachment":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/media?parent=6119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/categories?post=6119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/tags?post=6119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}