- Getting Started
- Installation of the theme
- Installation fails?
- Theme Activation
- Importing the demo content
- Updating the theme
- Setting Up your Website
- Theme Customization
- Multi Vendor Marketplace
- WC Vendors
- Types of Posts
- Content Management
- WooCommerce Shop
- Adding other content
- Using X Builder plugin to Set Up the Pages
- Miscellaneous Features
- Using the Revolution Slider
eLab – Electronics Store WooCommerce Theme Documentation
eLab - Your New Electronics Store out of the box! Launch your website today with a few clicks. eLab is fully compatible with WooCommerce. ELab – Electronics Strore WooCommerce Theme is tune with all devices, browsers and platforms, retina ready and comes with super-fast and user-friendly X Builder page builder plugin. No coding skill required to create or edit content.Some of the features of the eLab – Electronics Store WooCommerce Theme include:
• Multilingual Support - Easily translate a website to any language.
• Responsive & Mobile Friendly - eLab is fully responsive and looks great on all devices.
• Built with SASS – the most stable and powerful professional grade CSS extension language
• X Builder – drag & drop page builder
• Compatible with Firefox, Safari, Chrome, and Edge
• Bootstrap-based Responsive Layouts
• Ability to have a Background image for your website
• Ability to use any of 800+ Google Fonts
• One-click demo content import
• Product Catalog with WooCommerce
• Ability to add products to a wishlist page
• Ability to compare products on the store
• Ability to add Revolution Slider to pages
• Retina Ready
• SEO ready
• Contact Form 7 – Ready
• MailChimp – Ready
Installation of the theme
Installation of the theme
System RequirementsTo install this theme you must have a working version of WordPress already installed. For information regarding the installing of the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress
InstallationYou can install the theme just as you would install any other WordPress Theme. To install the theme: 1. In the WordPress Dashboard, click on Appearance > Themes to open the Themes screen. 2. Click on the Add New button to open the Add Themes screen. 3. Click on the Upload Theme button and upload the zipped theme file you have received from ThemeForest. 4. Once the file is uploaded click on the Install Now button to install the theme.
What to do if the theme installation fails
What to do if the theme installation fails?
Fatal error: Can’t use function return value in write context
PHP ConfigurationsIf the installation stalls and fails to respond after a few minutes, or if WordPress gives you an error message, you are suffering from PHP configuration limits that are set too low to complete the process. You should contact your hosting provider and ask them to increase those limits to a minimum as follows:
- max_execution_time 600
- memory_limit 256M
- post_max_size 32M
- upload_max_filesize 32M
Viewing System StatusYou can also view some of your WordPress system settings by going to the eLab Theme System Status page. (Click on eLab > System Status in the WordPress menu.) This page will provide information about your WordPress environment and your server environment. Any items that require your attention will be highlighted in yellow.
Theme ActivationAfter completing installation of the theme, you need to activate your product under Dashboard -> eLab following these instructions:
2. Enter a name for your token, then check the boxes for View Your Envato Account Username, Download Your Purchased Items, Verify Purchases You've Made and List Purchases You've Made from the permissions needed section. Check the box to agree to the terms and conditions, then click the Create Token button.
3. A new page will load with a token number in a box. Copy the token number then come back to this registration page and paste it into the field below and click the Submit button.
4. You will see a green check mark for success, or a failure message if something went wrong. If it failed, please make sure you followed the steps above correctly.
Importing the demo content
Importing the demo contentOnce the theme is installed, you will find a new eLab menu in the WordPress dashboard. You can use this menu to access the different theme-related pages. Don’t know where to start on building up your site? We have created an option for you to recreate our theme demo site with just one click.
What if the Import fails or stalls?If the import stalls and fails to respond after a few minutes You are suffering from PHP configuration limits that are set too low to complete the process. You should contact your hosting provider and ask them to increase those limits to a minimum as follows:
- max_execution_time 600
- memory_limit 128M
- post_max_size 32M
- upload_max_filesize 32M
Update the theme
Update the themeWe will periodically provide updates of your theme. These updates are essential if you want to have a bug-free website as we give new features and improvements to the theme over time. Some of these updates might be needed in order to make the theme compatible with newer versions of WordPress.
- Updating via the WordPress Admin Panel (using Dashboard > Updates)
- Update via the WordPress Admin Panel (using an extra plugin)
- Updating via FTP
Updating via the WordPress Admin Panel (using Dashboard > Updates)The easiest way of updating the theme is via Dashboard > Updates. When an update is available for your theme, you will get a notification in your WordPress Dashboard and you can update your theme by clicking on Dashboard > Updates and updating the theme (just as you would update any other installed theme).
Updating via the WordPress Admin Panel (using an Extra Plugin)For this method you should first install Theme Upgrades Tool (http://wordpress.org/plugins/easy-theme-and-plugin-upgrades/). This plugin will update your theme when you upload the elab.zip file. Once you have installed the Easy Theme and Plugin Upgrades plugin:
- Download the theme file update from ThemeForest.
- Extract the elab.zip file from the downloaded theme file.
- In the WordPress dashboard, click on Appearance > Themes > Add New > Upload Theme > Browse...
- Select the elab.zip file that you extracted in step 2 and click on Install Now.
Updating via FTPAnother way of updating your theme is via FTP. Extract the contents of the elab.zip file (which you will find inside the theme update file you have downloaded from Themeforest). The contents will be extracted to a folder called elab\ and to subfolders within the elab folder.
Setting Up your Website
Theme CustomizationYou can perform general customization of the eLab Theme by going to Dashboard > Theme Options (just as you would normally do for any other theme). Here, you can set up the following:
- General site settings such as logo; default visualization options; Google API credentials, etc.
- Header and Footer for your pages.
- Colors scheme.
- Typography settings.
- Page and archive pages options.
- MailChimp API credentials.
- Shop layout options.
General Theme OptionsHere you can setup global website settings such as site content width, global sidebar and its position, Google Map API, Promo Popup banner and Preloader options.
Header settingsIf you want to change your website header appearance and settings, you need to go Dashboard > Them Options > Header section. There are options for selecting the header styles, site logo/icon and title, enabling WooCommerce buttons, a list of categories, setting up iconboxes
Global Page SettingsYou don’t need to edit every single page and disable title or sidebar manually. You can go to the Dashbboard > Theme Options > Page section and enable/disable the title and sidebar of your pages globally.
Setting the General Color Scheme for your WebsiteWith the eLab Theme you can specify a basic color scheme for your website. You can create your own custom color scheme by defining a primary color, a secondary color, a third color and a site background color. To specify the Color Scheme click on Dashboard > Them Options > Style in the WordPress menu. Furthermore, the Style section contains typography settings such as body and headings font family, color, font size, etc.
Setting Up the FooterYou can customize the look-and-feel of the footer by changing a background color, a text color and links color. You can also control the width of footer columns as well as copyright text. To set up or customize the footer of your web pages: Click on Theme Options > Footer in the WordPress menu.
Social NetworksYou can set links to your social network profiles in the Theme Options > Socials section
MailChimp SettingsIn order to use a subscribe forms in the theme, you need to set up Mailchimp list ID and API key in the Theme Options > MailChimp section.
Setting Up the Archive PagesYou can add background images to archive pages of WordPress such as 404 page, category page, tags page and search page. To set up the background images click on Theme Options -> Archive pages.
Blog Page SettingsYou can set up the global style for your blog page in this section. There are 3 styles are available for a blog page. Blog Style 1 outcome: Blog Style 2 outcome: Blog Style 3 outcome:
Shop Page SettingsFor setting up the global options of your shop page, you need to go to Theme Options > Shop. You can set up shop banner style, product hover style, products view styles, shop page and single product styles as well as a number of products per page.
LocalizationYou can change your site main language via Settings -> General -> Site Language
Multi Vendor Marketplace
DokanThe Dokan is a Multivendor Plugin to run the business as eBay or Amazon. It has a user-friendly design, easy website navigation for both admins and potential customers. Dokan has a Personalized Dashboard that simplifies the work process of admin. Dokan Plugin is perfectly integrated with eLab that gives an opportunity for you to easily create a webpage and, at the same time, to customize according to your needs and preferences. Dokan has all the necessary features and functions that both business and customer needs. The business operations will be completed easy and fast. Further, you can choose what commission type you want to set, order email notifications and many more. The next feature of Dokan is Woocommerce plugin, this plugin allows the visitors to pay using various payment methods. Moreover, vendors can use coupons instead of making sales. Next, the vendors can customize the shipment method according to location or their business needs. In addition, you can control what vendors make sales and what does not.
WC VendorsWC Vendors is the next Multivendor Plugin that can be used by e-commerce websites. WC Vendors is pretty similar to Dokan plugin as both of them are intended to complete the same functionality. Features of WC Vendor has the Woocomerece plugin integration. Moreover, there are huge amount of possibilities for vendors as they can enrich their own media, sell the products and export the data as CSV files, vendors have their own accounts. However, shipment opportunities are limited. It can be either free shipment or vendors can use third parties. Further, the WC Vendors is integrated with WPML, it allows the vendors to switch the language.
Types of PostsThe eLab Theme comes with three built-in types of posts that are useful for multiple websites. The following table lists the various types of posts available:
Portfolio - Displaying portfolio of your cases.
Banners - Displaying advertisement banners for the shop.
Adding TestimonialsTestimonials are important for strengthening the credibility of your organization. You can easily add Testimonials using a custom post type of Testimonials To add Testimonial posts:
Displaying Testimonials on Other Pages or PostsOnce you have created the Testimonial posts, you can display them all over the site by just inserting a X Builder Testimonials element. To display the testimonials on the website:
PortfoliosIf you have photos or videos connected with your projects, events, or services, you can display them in a portfolio on your website. You can add one or more portfolios of images and videos to your website. Portfolio is created as another custom post type called Testimonials. It has Categories that can be ordered as needed. Here you create just single post. You can add an Image, Title and Category(es) for each Portfolio post.
Setting up Portfolio CategoriesIf you plan on uploading many portfolios to your website, it is a good idea to first create portfolio categories. This will help you segregate the portfolios based on their category, and display portfolios of just a particular category, if required. To set up portfolio categories:
Creating Portfolio PagesTo add Portfolio posts:
Displaying the PortfoliosOnce you have created the Portfolio posts, you can display them anywhere on the site by just inserting X Builder Portfolio element. To display the portfolios on the website:
Shop BannersYou can use the custom Banners post type to display promos, discounts and special offers in your online store. The banners can be displayed on the main shop page as well as in the categories menu. To add Banners posts:
Displaying Banners on Shop and Category PagesYou can display the created banners on the main shop page and certain product category pages. To display a banner in shop page:
WooCommerce shopWooCommerce is the most popular e-commerce plugin for WordPress. Now you can have a shop with all e-commerce features on WordPress. Before you start adding products, please go through the WooCommerce plugin settings and specify everything you need for your shop: Adding the products: You can easily add new products via Products > Add Product You can read more about Woocommerce here also - WooCommerce Documentation
Single Product SettingsSingle products contain additional features that include possibilities for displaying product page in more complex layout. Options that Product Settings include:
Product SettingsThe section contains product style selection feature. There are 4 style options in the product style list – Global Settings, Image Left, Image Right, Image Center. When you select Global Settings, product uses a style which applied in the Dashboard -> Theme Options -> Shop section.
Product IconBoxYou can display a list of titles with icons on a single product page. You are allowed to add 5 titles with icons.
Additional ImagesThe option for adding a special image that uses to display in Product Carousel Grid element of X Builder plugin.
Hint ImagesAdd images with the required dimensions to display special section with masonry grid images with hint text To add hint text, click on an uploaded image
Adding Other Content
Adding Other ContentOther than the special types of content covered in the previous sections of this manual, you can also add regular content to your website as normal pages and posts. You can create your pages using Classic mode or the X Builder plugin editor.
Additional Options for Pages and PostsThe following additional options are available while adding pages and posts:
Using X Builder Plugin to Set Up the Pages
Using X Builder Plugin to Set Up the PagesYour eLab Theme incorporates the X Builder plugin that helps you build pages quickly and easily with an intutive drag-and-drop interface.
You can find X Builder Online Manual here
Working with X BuilderTo add an element to the page, click on the needed element from the list of elements on the left and drag it to required place. To make changes to any added element, hover the mouse pointer over the element. You will see icons that allow to move, edit or delete the item. There are some tabs in the Elements section of the X Builder. These tabs contain elements of a particular category.
Miscellaneous FeaturesThe eLab Theme also supports blogs. You can set up a custom blog page. Besides this, the eLab Theme is compatible with the WooCommerce plugin.
Adding a Blog to your WebsiteYou can also have a regular blog on your website where you (or anyone with admin/author rights) can put up posts.
Incorporating a WooCommerce Shop in your WebsiteWooCommerce is the most popular e-commerce plugin for WordPress. Now you can have a shop with all e-commerce features on your WordPress site. Before you start adding products, please go through the WooCommerce plugin settings and specify everything you need for your shop. Please see - WooCommerce Documentation for more details on setting up a shop using the WooCommerce plugin.
Using the Revolution Slider
Using the Revolution SliderYour eLab Theme incorporates the Revolution Slider plugin that allows you to display a series of images or other content on your web pages as a slider or carousel. This is useful for picture galleries, introductions, etc.
- In the Widgets screen (Appearance > Widgets), drag the “Revolution Slider” widget to a sidebar.
- Using X Builder, add a Revolution Slider widget/element to the page/post.