Loor Documentation by “the YumeCommerce team” v1.1.1
Created: 12/07/2016. Last update: 17/04/2017
by: YumeCommerce team

Loor Documentation

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email via the Support and Comments tabs on our item. Thanks so much!

General

The theme is ideally suitable for any kind of business to sell small amount of goods. Loor doesn’t look like a standard e-commerce template, it provides a better user experience and gives a fresh new approach to you and your clients.

Features

  • Design
    • Unique design
    • Fully responsive
    • Retina ready
    • Vector icons
    • Layout variation (Boxed or Wide)
    • Highly Customizable
  • Detailed theme documentation with screenshots
  • Demo Content Import
  • Sticky navigation
  • Smooth animations
  • Smooth Page Transitions
  • Preloading Effect
  • Creative blog style
  • Different sidebars variations
  • Translation ready
  • Custom colors
  • Unlimited button styles
  • Custom widget positions

...

  • Contact Form 7 ready
  • WooCommerce integration
  • Google fonts (700+)
  • Child theme ready
  • Bundled with Slider Revolution plugin
  • Category
    • Rollover effect for products view
    • Row control
  • Product page
    • Social share on the product page
    • Previous & Next functionality
    • Product slider
    • Zoom
  • Social and SEO Optimized:
    • Facebook OpenGraph meta tags
    • Google Plus meta tags
    • Twitter meta tags

Requirements

  • Browser compatibility: Chrome, FireFox, Safari, Opera, IE10
  • WordPress 4.2+
  • WooCommerce 2.5
  • PHP 5.6 or higher
  • MySQL 5.0 or higher
  • Apache mod_rewrite module must be enabled

Getting started

Video Tutorial

This video tutorial covers the whole installation section

Installing The Theme

There are two ways to install the theme:

  • FTP Upload: Unzip the theme files and upload the contents into the /wp-content/themes folder on your server.
  • Wordpress Upload: This method of installation is the best and easiest way to install the theme. In order to install please follow the steps.
    1. Login to your WordPress admin.
    2. In the Appearance > Themes menu click the tab "Install Themes"
    3. At the top of the page click, "Upload", then click the file input to select a file.
    4. Select the zipped theme file, available in folder from the package downloaded from ThemeForest, and click "Install Now"
    5. After installation you will receive a success message confirming your new install.
    6. Click the link "Activate"

After you had activated the theme, you need to install the plugins required by the theme.

Installing The Plugins

There are some required and some recommended plugins. All the required plugins are bundled with the theme and only required plugins affect the basic functionality of the theme. Recommended plugins just add some additional functionality, they are not necessary but they can be useful in some particular situations.

  • WooCommerce - is a eCommerce plugin for WordPress.
  • Page Builder by SiteOrigin - is a drag and drop, responsive page builder that simplifies building your website.
  • SiteOrigin Widgets Bundle - is a collection of all widgets, neatly bundled into a single plugin. It's also a framework to code your own widgets on top of.
  • YumeCommerce Widgets Bundle for SiteOrigin - is a collection of widgets which are required by the theme.
  • Contact Form 7 - is an optional plugin which can be used to create forms on your website easily.
  • Envato Market - is an optional plugin. WordPress Theme & Plugin management for the Envato Market.
  • MailChimp for WordPress - MailChimp for WordPress helps you add more subscribers to your MailChimp lists using various methods.

Once you activate the theme, you will see the notification message.

  1. Click the "Begin installing plugins" button.
  2. On clicking on it, you will be redirected to Install Required Plugins Page. Alternatively this page can be accessed from Appearance > Install Plugins as well.
  3. You will now see a list of plugins required and recommended for use with this theme. Click on the Select All checkbox to select plugins.
  4. Click on Bulk Actions dropdown menu, choose Install dropdown option and click the Apply button.
  5. When all plugins are installed successfully, you will see the link Return to Required Plugins Installer. Click on it.
  6. After you have installed all the plugins, activate them by selecting all plugins, choose Activate from the dropdown option Bulk Actions and click on Apply button.

After you activated all plugins you will see the message "No plugins to install, update or activate. Return to the Dashboard". Click on a link Return to the Dashboard. Now you will be redirected to WooCommerce settings up page. Follow all steps and then return to Dashboard to continue installing the theme.

Demo Content

This is a very simple and fast process of setting up the theme and it makes your installation look like our demo site.

When you installed and activated plugins: navigate to Appearance → Import Demo Data then choose a demo which you want to import and click the Import button. The theme will set up everything: pages, products, blog articles, menus, sidebar widgets. This is recommended to do on fresh installs.

NOTE

All the rights for photographs and illustrations are reserved by their legal owners and are presented in the demo of product for demonstrating purposes. We do not provide the rights for commercial or private use of the photographs, included in the demo of the product.

General info

Page templates

The theme has a page templates that you may use for your needs.

  • Home page - Full width with no title (template-main.php).
  • Full width - Full width with a title (template-full-width.php).

Image sizes

Recommended sizes of the images.

  • 760x345px - thumb size is used for images in "recent posts" section
  • 1024x465px - for feature image of post
  • For WooCommerce - WooCommerce → Settings → Products → Display:
    • Catalog Images: 500x500
    • Single Product Image: 1024x1024
    • Product Thumbnails: 300x300

Customizing the Homepage

Before get started, take a moment to familiarize yourself with Page Builder and Widgets Bundle plugins to help you get the most from the theme.

When viewing your site from your front page, you’ll see a button in the admin bar called Edit Page. Click this button to begin editing your home page.

When viewing your site from your dashboard, navigate to Pages → Main to begin editing your home page.

When you open the Main page you will see a PageBuilder editor:

Here you can change everything you want: order, colors, texts, headlines, layout and etc. To do that just select any element you want to change and click on "Edit" link.

Customizing slider

Some demo layouts have a simple slider which is built with SiteOrigin Layout Slider Widget. This widget is a part of page builder widgets bundle. It is a great and simple way to manage simple sliders. And some demo layouts come with more advanced slider built with Slider Revolution.

Loor comes with bundled Slider Revolution which is one of the most popular sliders on the market. To learn how to use Slider Revolution please read the official documentation here. Once you have created a slider that you like, you can easily add it by pasting the shortcode.

NOTE

During importing Demo Data all prebuilt sliders for Slider Revolution will be also imported. But if you accidently delete them or wish to add the new one, you can import them manually. Just unzip the main theme file loor.zip and navigate to folder inc → demo-install → slider. All prebuilt sliders located in this folder. Then follow next steps:

  1. Go the the Revolution Slider tab in your WP Admin, and click the Import Slider button.
  2. Choose the .ZIP file of the slider you’d like to import.
  3. Once you’ve chosen the .ZIP file, an Import Slider button will appear.
  4. Click the Import Slider button, and wait for it to finish uploading.
  5. Once it’s finished uploading, you will now see your imported slider in the list of Revolution Sliders available.

Theme style customizer

The theme has lots of options to choose from WordPress Customizer workflow. It gives you control of colors, typography, backgrounds, slider, texts and so on. To access the Customizer mode go to Appearance → Customize. From the customizer mode window, you can change different aspects of your site's styling.

Theme options

Here you can add your new CSS rules and manage some other options.

Standard Store

It is an one page eCommerce theme. The whole shop is located on the main page or on any other page using a custom widget. So the functions like tags, shop page, category page were removed. But if you wish to keep all this standard functionality please navigate to Appearance → Theme options and click on the Use as a standard store checkbox. And save changes. Now your theme will work as a standard store but you still can use a custom widget for loading products via AJAX.

Share Settings

The Loor theme is social networks friendly. The theme uses AddToAny plugin to manipulate share buttons. Once your themes & plugins are installed and activated, share buttons will appear almost everywhere and by default three social network buttons will be shown. To add more and control the placement navigate to Settings → AddToAny.

add2any

NOTE

We recommend you to keep placement of share buttons only for posts because for products it loads automatically by the theme.

Update

Update via Envato Market plugin

The theme comes with Envato Market plugin which helps you to get free updates for WordPress themes and plugins purchased from ThemeForest & CodeCanyon.

envato-market

Once your themes & plugins are installed, WordPress will periodically check for updates, so keeping your items up to date is as simple as a few clicks.

  1. First of all, you need to generate a personal token. Click on a link "generate a personal token" in your admin panel of Envato Market plugin.
  2. Follow the instruction of Envato API. Then click the button "Create Token"
  3. Copy the personal token and then paste it to the token field into Envato Market plugin

Update via WordPress

Updating the theme via WordPress is very similar to the installation process via WordPress. Follow the steps below to update your theme via WordPress:

  1. Go to Appearance → Themes.
  2. Deactivate the Loor theme by simply activating a different theme. Once you activate a different theme, you can delete the Loor theme.
  3. Delete the Loor theme, click to Theme Details → Delete. Do not worry, your content will not be lost!
  4. Then simply upload the new "loor.zip" file in the Appearance → Add New Theme → Upload Theme. Then choose the zip file to upload and click Install Now button.

Update via FTP

Follow the steps below to update your theme via FTP:

  1. Go to .../wp-content → themes location on your server using a FTP client and backup your "Loor" theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.
  2. Download the new version of Loor theme from your Themeforest and retrieve Loor folder by unpacking the zip that you download from Themeforest.
  3. Then simply drag and drop the new "Loor" theme folder into .../wp-content → themes location. Choose to “Replace” the current one if you did not delete it.

Plugins Update

You will receive a notification message, the message will let you know when to update the required or recommended plugins.

tgm-update

Translate the theme

The theme contains several texts that you may like to translate. To translate any English text follow these steps:

  • Install and activate the plugin Loco Translate
  • Then from your Dashboard Go to Loco Translate > Manage translations
  • Click the "+ New language" button beside the "Loor". loco
  • Then a Country dropdown list will appear on the next screen, select the language you want the texts to be translated.
  • On the next screen all the "English text strings" that are inside the theme will be listed. Select text string from the "Source Text" list and then add your translated text in the textarea below. loco
  • Then Click the Save button from the top and all your translated text should appear on the your website instead of the default English text.

NOTE

The translated text will only appear on your backend depending on your WordPress Language settings you set from Settings > General. If you want to change the default English text,for example to translate it to Italian, make sure you have set your language to "Italian" from Settings > General.

Plugins documentation

You can see some help info, when click on links which are below each regarding plugin.

Support

We do provide free support via the "Support and Comments" tabs on our item. Support is limited to questions regarding the theme’s features or problems with the theme. We don't do customizations for code or third-party plugins. We can't assist with installing the theme for you.

Sources and Credits

We've used the following images, icons or other files as listed.

JAVASCRIPT

CSS

PHP

Images

CREDITS
All images which you see in the online previews are copyrighted materials belonging to their authors and are not included into you purchase. We have used the following images for our demo sites: King & Fifth Supply co, Grovemade, Herbivore, Leibal