WordPress Theme - ListingEasy

General - #back to top

General section contains a lot fields that allow to set global settings. The Responsive option can help you to disable or enable responsive mode, if you don't want to use it on mobile devices please set NO. The Page Comments option will disable or enable comments form on all pages. The Back to Top is the optional button that is located in the bottom right corner of the page, you can it set ON/OFF. Custom CSS field is the area where you can put you css styles, all the ones will be saved after theme update. If you want to put own js code to the theme, please use Custom JS area. The Code will be added inside HEAD tag.

Page Title - #back to top

Page Title - theme options has the section where located all the options to set the title style globally. The first option that presented on the Page is ON/OFF the title globally. All other settings allow to show/hide breadcrumbs, to set vertical aling in the title area, page title text align, font color, title are background color. You will find special area to upload title background image. If your image small or you use pattern, please set repeat all. You can easily play with the settings variants and set the header height.

Footer - #back to top

The website footer area is fully customizable. All the elements can be changes easily. If you want to use Fullwidth footer simply enable it in a special option. Background, Text, Heading colors options can be changed there too. You can replace footer color with own image and set it according your needs using settings in footer area.

Footer Content is a section created to change your details in few steps. Ensure the Foorter is set On. Please select footer columns number. It will be divided on 1,2,3 or 4 columns. Set the Footer Title Text Align. The padding can be managed in Footer Padding (px) options.

Copyright can be activated or disabled globally, turn ON/OFF. Use Copyright editor to add a copyright text. If text already added the text align, padding, background and text colors, border activation and color can be set below.

Blog - #back to top

On this page we’re going to walk through all settings available to Blog. Related Posts option activates posts that can be related to the one you read. Post Comments - choose to ON/OFF the comments area on posts. You can easily disable Trackbacks and Pingbacks on individual posts. Likes and Share on Posts can be activated or disabled in few clicks. If you don't want to display full description in blog listing use Cut Off Text option.

Sidebars - #back to top

Sidebars is the area where you can set the main layout for pages: without sidebar, left or right. And after you will choose the layout set the page sidebar.

Sidebar Generator simply use the option to create as many custom sidebars as you need.

Color Options - #back to top

The area provides options to enable Dark skin, change the main theme colors and body backgrounds.

Typography - #back to top

Improve your theme typography with: font-family, subsets, font-size, line-height, letter-spacing, color and text-align and text-transform. All the options can be set for Menu, Main and Header Fonts. You can set up all available headings: H1, H2, H3,H4, H5, H6.

Contact Widget - #back to top

Add a contact form to your website to communicate with customers. Invite them to send ideas and suggestions, ask questions or place orders via the form. Use option to ON/OFF it on pages. Set the label text, upload an image, set the color and Contact Form 7 Shortcode.

Shop - #back to top

Products Page is the shop area where you can set the main layout for main shop page(Products Layout, Products Per Page, Default Number of Columns). You can select the page sidebar too in option Products Page Sidebar Layout.

Single Product Page section provides options to select Thumbnails Layout, Product Page Layout, On/Off Sticky Thumbnails, Single Product Page Sidebar Layout, Show Single Product Title Area.

Listing - #back to top

Listing is the area where you can set the main options for listing page (Formatted Address, Tags, Dashboard Title Font Color, Dashboard Title Background Color etc.). You can disable Woocommerce Account Menu in Dashboard tabs using special option.

Use Map options to add Google Maps API key and Choose Map Skin.

Listing Sidebar section provides option to select sidebar for signle page.

Demo Importer - #back to top

There is special button to upload demo content to your theme installation. By clicking "Import Demo" you agree that those images will be downloaded to your website server from our demo website and you take full responsibility for their usage. We recommend you to replace the downloaded images with your own ones and then delete them from your server.

Product Activation - #back to top

There is located the register code area. Please add your purchase code to activate all theme features. It will unclock theme options.

GT3 Header Builder - #back to top

Header Builder is the constructor that help to create custom header with elements you want to place. There are availabel templates with various layouts. main header settings and builder with draggable elements.

Import/Export - #back to top

If you plan to transfer website to other folder or hosting, please use this option to copy/download your current option settings.

Main Header Settings - #back to top

Settings area gives opportunity to select the main option for the header. Set header content in full width layout, On/Off Sticky Header, Sticky Appearance Style, Sticky Header Appearance From Top of Page or On/Off Sticky Header Bottom Shadow.

Builder - #back to top

The area displays builder that gives opportunity to display elements in any column and add the content inside Text fields or upload logo directly via the builder. All the elements are draggable

To import the demo content, please go to Theme Options => Demo Importer. Use the "Import Demo" button to upload the content. The percentage strip will display the Import Process. Please note, there are 2 demo versions: Main (White) and Winery (Dark).

Every single page has own Page Options, you can use general ones provided in Theme options or set specific ones for every page. Please go to Pages => Add New. If you will scroll down there presented the following page options:

• Page Layout: select Page Sidebar Layout;
• Logo Options: select default or uplod new page logo, Enable Logo Height, set Sticky Logo and Mobile one;
• Header Layout and Color: the section provides options to select header, Color, Opacity, Header Height etc.;
• Page Title Options: adjust Title Alignment, show Page title or not, Font color and Bckgrount etc.;
• Footer Options: show or hide footer options, set Footer columns, Paddings, Colors, Image etc.;
• Preloader Options: set Preloader Background color; Preloader Item Color; upload Preloader Logo; Preloader Fullscreen is optional;
• Contact Widget: option to ON/OFF widget;
• Shortcode Above Content: set a custom shortcode;

Theme Menu Setup

• Menu Setup - Please go to Appearance=> Menus=> Edit Menus=> create a new menu by adding required pages=> click Save Menu button.
• To activate main menu - Please go to Theme options=> GT3 Header Builder=> Menu=> click edit button and choose from the drop down list in Select Menu one from the proposed menu lists(menus will be available only if you imported the demo content) or select the created one, click save changes.

Front Page

• Set the page for the front page - Please go to Settings=> Reading => Front page displays => A static page (select below) set the page for the front page and save changes.

The theme contains the Mega Menu options for creating beautiful, customized menus for your site that show menu columns, images, widgets etc. Please go to Appearance => Menu. Click edit any Menu tab to open settings to srat setup own menu.

Label fields

There are 3 field to add Label text and set the colors. The colors fields support all available CSS labels (background: red; background: #ff0000, background: rgba(255,0,0, 1), color: red, color: #ff0000, color: rgba(255,0,0, 1)).

Background Image

You can enable the Mega Menu selecting the option. Use Background Image area to add an image. Please set left and red paddings to display more space for image.

Sub item Custom widget area

Mega Menu options provides the widget selector for sub-items. It will list all of the widgets installed on your WordPress site.

You can add the left or right sidebar in menu section. You will get the toggle button to see the area with the widgets.

To change the current existing logo, please go to Theme Options => GT3 Header Builder => Logo tab. Click edit the tab and popup window will open settings to upload your own image. Once the logo is uploaded, please enable Logo Height ON/OFF, set Logo Height, upload Sticky Logo and Mobile one.

This WordPress theme comes with the Visual Composer plugin, which allows you to create custom page layouts with ease.

You don't need to install Visual Composer plugin, please install the one suggested by the top notification. Here is the overview of all available features that are available with ListingEasy theme too.

Product documentation is available online here.

The theme provides additional elements in Visual Composer that calls GT3 Modules. There are 27 unique ones provided only with the ListingEasy theme:

• Blog Posts - display blog posts from different categories;
• Listing Grid - display job listing in grid layout;
• Counter - display any details that can be count;
• Featured Blog Posts - display featured blog posts;
• GT3 Carousel - display carousel;
• Price Block - create price tables;
• Team - display selected team members from existing list;
• Testimonials - display the selected testimonials from existing list;
• Icon Box - display icon boxes;
• Image Box - display image boxes;
• Message Box - display message boxes;
• Button - display custom buttons;
• Custom Text - add custom text;
• Process Bar - display process bar;
• Countdown - display countdown details;
• Video Popup - display video popup widget;
• Spacing - add required spacing;
• Stripe Columns - display stripe columns;
• Gallery Packery - display gallery packary;
• Listing Categories - display listing categories;
• Listing Search Form - display listing search form;
• Image Box with Content - display image with text content in a specific layout;
• Twitter - display twitter posts;
• Project List - display project list.
• GT3 Shop Product - show a single product by ID or SKU.
• GT3 Products Tab - display products by category.
• GT3 Shop List - display shop items list;

WP Job Manager is a lightweight job listing plugin for adding job-board like functionality to your WordPress site. Being shortcode based, is really simple to setup. The plugin allows to add, manage, and categorize job listings. Add Searchable & filterable ajax powered job listings added to your pages via shortcodes.

• Step 1 - the theme comes with the Job Manager plugin, please install it. When the plugin is installed, the top notification will suggest you to install pages. How to getting started you can read here.
• Step 2 - before adding listings posts, please ensure that all pages were set correctly in Listings plugin settings => Pages. All the listings will display on page with the help of plugin shortcodes.

• Step 3 - once all pages have beed setup let's go to Theme options=> Listing section and select all requred settings. Add Google map code in Map Options to display it on the Listing main page.

• Step 4 - Job Manager provides User profile. All the visitors are able to register on the website . The user Dasboard links can be created in Appearance=> Menus. If you created Dashboard Menu please go to Thene Options GT3 Header Builder add Login item to builder section, click edit and select menu from the dropdown list.

The ListingEasy theme provides integration with many 3rd party plugins, rather than to strictly impose and limit the functionality inside the theme. Besides this, if you don’t need some functionality you simply don’t install that specific plugin — this way you will keep your site cleaner and more simple. All the main functionality of the theme is available through free plugins, but if you need to extend it please use the plugin listed below. These are all the Premium Plugins (paid, not included to the theme package) used throughout our demo:

• WP Job Manager – Bookmarks: Add the option to bookmark listings.
• WP Job Manager – Tags: Used to fine-grain your listings filtering.
• WP Job Manager – WooCommerce Paid Listings: Sell quantity based listing packages.
• WP Job Manager – Products: Display reservations right inside the listing page.
• WP Job Manager - Claim Listing: Allow business owners to claim their listings.
• WooCommerce Subscriptions: Sell subscription-based listing packages.
• WooCommerce Bookings:Offer reservations for certain listings.

Note, the theme doesn’t come bundled with any of these plugins. They are paid ones that extend the site functionality — we’re only offering a seamless visual interface integration, while support for each plugin is offered by their authors.

After you’ve installed the plugin, it should add a menu item to your main WordPress dashboard. Now you can start building your sliders!.

• Step 1 - please go to Revolution Slider WP. From the plugin's main admin page, select "Create New Slider". Enter a Slider Title and Alias, and click "Save". Before saving, you can select several of the slider's settings from this page. But choosing these settings are not required to officially create a new slider, as they can be adjusted afterward. You'll now be redirected to the plugin's main admin page where you'll see your new slider listed. Please read the official plugin documentation.
• Step 2 - add the slider to the page. Use the Revolution Slider element in Visual Composer and click edit to select crerated slider from the list of available ones. Click Save changes!

This plugin helps you to display Instagram Feed by entering non-private Instagram User ID or Hashtag in the box to the right. You can create the unlimited number of multiple Instagram feeds. You don't need to install Instagram Feed plugin, it is built-in and installs automatically.

Once the plugin is installed, you’ll now see the Instagram Feed menu appear in your WordPress menu. Please go to WP Dashboard=> Instagram Feed=> click on the Configure tab=> click on the large blue button to get your Instagram Access Token and User ID. Copy and paste these details into the relevant Access Token and User ID fields.

Navigate to the Customize page to manage your feed. Once you’ve customized your feed, click on the Display Your Feed tab to grab the [instagram-feed] shortcode.

If you want to display Instagram image in the footer area, please go to Appearance=> Widgets section to add the Instagram shortcode to the Text widget.

The plugin is built-in to the theme. Please watch the video how to use the Gallery plugin:

• Step 1 - please go to GT3 Gallery section in the main WordPress menu and set all required settings and options.
• Step 2 - please go to "Media" section, upload images.
• Step 3 - when images are uploaded, it's time to insert gallery to post or page, please go to the pages or posts and add a new item.
• Step 4 - click Add Media button under the title area.
• Step 5 - please select Create Gallery tab in pop up window and select uploaded images.
• Step 7 - once it is done, please save the changes, and preview the page.

Woocoomerce helps to create the online store with the core set of features and options. It can help you to create products, products listing etc. Documentation, tutorial and everything about Woocmmerce and add-ons you can find here.

Installation and Setup - #back to top

Please don't download WooCommerce plugin from official site. It's built-in to the theme and the top nofifcation will suggest you to install the plugin. When the plugin is installed, WooCommerce will suggest you to install pages. How to getting started you can read here.

Before adding the product, please enure that all pages were set correctly in WooCommerce plugin settings Products=> Display and in Checkout=> Checkout pages. If you want to setup the Shop Listing and Product layouts (Thumbnails Layout, Sidebar Layout etc.), please go to Theme options=> Shop.

If you want to add left or right Sidebar for Shop layout, please go to Theme options=> Sidebars=> Sidebar Generator to create the one you plan to use on Woocommerce pages. After go back to Theme options=> Products Page Sidebar or Single Product Page Sidebar and select the created one. All the widgets for selected sidebar can be added in Appearance=> Widgets.

Shop - #back to top

GT3 Shop Product

• Display one item in any area of a page using GT3 Shop product module. Start typing product title and select right side image options.

GT3 Products Tab

• The element provides opportunity to display short items overview on any page. There you can select few Product Categories, set columns and items per page.

GT3 Shop List

• Use the element to display products by Categories; set the number Items Per Page; select columns quantity, Order by Date, Author etc.; Order way; Grid Gap; Grid Style layout(Packery, Masonry, Custom Masonry(will display custom settings set on the product)); Hover Style.

Product options - #back to top

Every product has special options in the bottom of the post page in WP Dashboard. It contains Page Layout and Single Product Settings. You are able to select sidebar for every product post separately and set custom layout

The theme provides Ajax (free) plugin, please install and activate it. We’re using it to show the login form in an overlay box, not the regular WordPress login page.If your visitors have Facebook, Twitter or Google profiles, they can register to a site with a single click, and later to log in too. There are two plugins included to the theme that provide this type of functionality: Nextend Facebook Connect and Nextend Google Connect.

Installation and Setup - #back to top

Please don't download plugins from official site. They are built-in to the theme and the top nofifcation will suggest you to install them. After you installed and activated plugins, the plugin will automatically add the login buttons to the WordPress login page. You need to follow the steps to activate the tabs.

Nextend Facebook Connect

Step 1 - create a facebook app => https://developers.facebook.com/apps/.

Step 2 - don’t choose from the listed options, but click on “advanced setup” in the bottom. Choose an app name, and a category, then click on Create App ID. Pass the security check.

Step 3 - go to the Settings of the application. Click on + Add Platform, and choose Website. Give your website’s address at the Site URL field with: http://yoursiteurl.com

Step 4 - give a Contact Email and click on Save Changes. Go to Status & Review, and change the availability for the general public to YES.

Step 5 - go back to the Settings, and copy the App ID, and APP Secret. Paste them into your website’s Settings -> Nextend Settings. Save changes.

Nextend Google Connect

Step 1 - add your domain to Google system! => https://support.google.com/a/answer/. The bottom of the page will contain a link to your domain. Click on it and follow Google's veryfication steps. After you are done, create and API access.

Step 2 - create a new API access with your product name. Search for the Google+ API row and enable the service. Then click on the API access panel and create and OAuth 2 clien ID!

Step 3 - product name can be anything then click on next. Click on the more options link and copy and paste http://yourwebsitedomain.com/wp-login.php?loginGoogle=1 to the textarea.

Step 4 - go back to the Settings, and copy the Client ID, Client Secret and API key. Paste them into your website’s Settings -> Nextend Settings. Save changes.

Nextend Twitter Connect

Step 1 - create Twitter App=> https://apps.twitter.com/.

Step 2 - choose an App Name, it can be anything you like. Fill out the description and your website home page.

Step 3 - add callback url. Accept the rules and Click on Create your twitter application. The next page contains the Consumer key and Consumer secret.

Step 4 - go back to the Settings, and copy the Twitter Consumer key and Twitter Consumer secret. Paste them into your website’s Settings -> Nextend Settings. Save changes.

oAuth Twitter Feed for Developers plugin wraps Twitter class and provides a settings screen for easy integration into WordPress. This plugin does not provide sidebar widgets, shortcodes or any other form of drop-in functionality. It is required for Twitter element provided with GT3 modules.

Step 1 - please sign in with your Twitter Account to create and maintain Twitter Apps. You will need to generate an oAuth token once you've created the application. The button for that is on the bottom of the application overview page. When the details will be ready please go to WP Dashboard=> Settings=> Twitter Feed Auth. Most of this configuration can found on the application overview page on the http://dev.twitter.com website.

Step 2 - please go to WP Dashboard=> Pages=> add Twitter module to any page you need. Please add your Twitter account username and set all option provided by the module to display feed on the page.

The plugin is built-in to the theme, it suggests to install Contact Form 7 automatically after theme activation. The first thing you have to do is to create a contact form.

Go to the Contact plugin section. You can see it in the main WordPress menu.

Please click Add New tab, it will redirect you the form field to add special code to the area. Save changes.

please copy the contact form shortcode, then open the page where you want to add the contact form and add "Contact Form7" element to the page, click edit and put the contact form shortcode into the text area.

The theme has the option to create unlimited number of custom sidebars, let's have a look how to create a custom sidebar and add it to the page.

Please go to Theme Options => Sidebars => Sidebar Generator > Add Sidebar. Create as many sidebars as you need. Don't forget to Save settings.

The next step is to add widgets to this custom sidebar. Please go to Appearance => Widgets. You will see a sidebar area on the right. Please drag and drop the widgets you want to display in the sidebar.

The last step is to add the custom sidebar to the page. Please open the page where you want to display the custom sidebar. You can select teh required one in Page Options=> Page Layout=> Left or Right =>Page Sidebar. Update the page and preview it.

The All Listings page shows a list of your listings along with a location map, as well as filter for searching with tags.

After you’ve followed installed WP Job Manger plugin, the notice was advised to automatically create a “Listings” page. This is just a regular page with a simple shortcode that renders the listings.

If you want to create a separate page that shows only listings from a specific category, you can use the GT3 element in Visual Composer - Listing Categories. That’s it. Creating your listing page is very straight forward.

Here we will explain you how to setup your blog page with different layouts using Visual Composer.

Blog Post Section

• - please go to Posts section in the main WordPress menu and click Add New;
• - select the post format, it can be (standard, image, video, gallery etc.), you can choose it on the right side in Format section;
• - add the content to your post item page, text, featured image and add the short description;
• - to display the short description in blog listing, please ensure the Excerpt area is enabled in the Screen options (please check Screen options button in the top right corner). You will see special text area under the Visual Text one, please add few sentences.

Post Options

• Post Format Layout - settings depends on the format you selected in Format section.
• Page Layout - select page layout (default, None, Left, Right,).
• Page Title Options - display Page Title default/Yes/No.
• Contact Widget - select to display contact widget or not.

Blog Page

• - when all the items have been created, it's time to create a page, please go to the pages and add a new page;
• - if you want to have a sidebar on the blog, please read "Custom Sidebars Setup" section;
• - once the page is created, please add "Blog Posts" module using Visual Composer.
• - click edit to adjust blog posts settings.

Gallery Packery is GT3 Module that allows to display Gallery with the selected layout. Please go to Pages=> Add New and select the module among the available ones. When you open module settings, you see upload button to add images, select layout, Layouts on Load, Button Title etc.

All the options related to Footer area are located in Theme options=> Footer.There are you can set colors, fullwidth on/off, set footer columns, setup copyright.
The content to the footer area can be added in Appearance=> Widgets.

This theme comes with .pot file for the theme, it is located in \listingeasy\core\languages\ folder. And pot. file for the GT3 Page builder that are located in \plugins\gt3-listing-easy-core-plugin\languages
Please follow these steps to translate your theme text:

• Step 1 - please download this software and install it http://www.poedit.net/download.php;
• Step 2 - please open .pot or .po files located in \listingeasy\core\languages\listingeasy.pot and \plugins\gt3-listing-easy-core\languages\gt3_listingeasy_core.pot using poedit tool and translate the existing text to your own;
• Step 3 - when you save the file, you must name it according to your language;
• Step 4 - upload the file to the required folder on your server, that's all.

Please note that you can also use the special plugins like WPML to do the translation.

Please contact us via GT3 accounts for support or ask questions via contact form.

• * Issues arising from using any of the packaged theme features
• * Bug fixing
• * Any other theme-related issues

• * Customization and installation services
• * Support for third party software and plug-ins

• * Make sure your question is a valid Theme Issue and not a customization request.
• * Make sure you have read through the documentation and support forum topics.
• * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
• * If you have customized your theme or use the child one and now have an issue, back-track to make sure you didn't make a mistake.

Files & Sources #back to top

---

The theme comes with 13 PSD files. Some PSD files can include different pages inside, and can have hidden layers. Please note that the images are not included in the package.