Logo

Floris Documentation

Below you will find documentation for Floris theme.

General Information

First of all, we want to say thank you! We are very grateful that you have chosen our theme for your website. We will do everything we can to provide you the best support possible. Before you get started, please be sure to always check out these documentation files. We outline all kinds of good information, and provide you with all the details you need know to use Floris Theme. Feel free asking us if you need more help. If you are unable to find your answer here in the documentation, please search our Support Forum. If you still can't find it, you can open a new topic on our Support Forum with all the details we need.

Admin Panel contains all options of Floris theme.

Theme

Dashboard contains general information.

Posts

More detailed information about creation and posts management you may find here.

Media Pages

More detailed information about creation and page management you may find here.

Comments

All the comments sent by site visitors can be found here. For more convenience they can be sorted by type.

Products

More detailed information about the creation and product managment you may find here.

Theme Options

All settings are theme.

More detailed information about modification of theme options you may find here.

WooCommerce

More detailed information about WooCommerce you may find here.

Users

More detailed information about the creation of users you may find here.

Settings

General settings for themes.

More detailed information about theme settings you may find here.

Contact Form

General settings for contact form.

More detailed information about creation contact form you may find here.

Visual Composer

More detailed information about Visual Composer you may find here.

Max Mega Menu

More detailed information about Max Mega Menu you may find here.

Folder Structure - top

Floris Theme Folder Structure:

Posts top

Clicking on Posts -> All Posts on admin panel you get the whole list of existing posts of the site. You have an opportunity to apply several actions (edit or delete) to all or separate posts at once. To perform this - check necessary posts, select action and click on Apply button.

Posts

You can also edit, quick edit, delete and view while hovering the title of a post.

Posts

In order to create a new posts please click on Posts -> Add New on admin panel.

You can add a title and description to a new post, change language, categories, tags, post options or add new category and tags.

Note: Make sure to click on Publish button at the top of the page, after all changes are performed.

Posts

In order to edit and/or create a new categories please click on Posts -> Categories on admin panel.

You can add name of a new category, description as well as search by categories. You can also edit, view, delete a selected category and perform sorting.

Posts

In order to edit and/or create a new tags please click on Posts -> Tags on admin panel.

You can add name of a new tag, description as well as search by tags. You can also edit, view, delete selected tags and perform sorting.

Posts

Pages top

Clicking on Pages -> All Pages on admin panel you get the whole list of existing pages of the site. You have an opportunity to apply several actions (edit or delete) to all or separate pages at once. For this check necessary pages, select action and click on Apply button.

Pages

You can also edit, view, delete, edit with visual composer while hovering the title of page.

Pages

In order to create a new page, please click on Pages -> Add New on admin panel.

You can add a title of the page, description, set featured image, change page language and page options, select parent page.

Note: Make sure to click on Publish button at the top of the page, after all changes are performed.

Pages

Shortcodes top

Floris provides support for plenty of different addons for your page. If you are looking for shortcodes Visual Composer addons are definitely for you.

To add any shortcode or addon, please, go to the needed page and add new element. To learn more about Visual Composer please read documentation about it here.

Shortcodes Shortcodes Bunner Slider Content

Add image for Slider background from media library.

Note: don't forget to save changes!

image image Title block

Add title to section.

Note: don't forget to save changes!

image image Products

Add products to section.

Note: don't forget to save changes!

image image Box image

Add blocks with images.

Note: don't forget to save changes!

image image Accordion Content

Content creation accordion.

Note: don't forget to save changes!

image image Team

Add team block to the page.

Note: don't forget to save changes!

image image Instagram - Block Settings

Add images from your instagram profile

Note: don't forget to save changes!

image

Products top

Clicking on Products -> Products on admin panel you get the whole list of products presented on the site. You have an opportunity to apply different actions (edit or delete) to all or separate products at once. For this choose necessary products, select an action and click on Apply button.

Products

You are also able to edit, view, delete, duplicate while hovering on the title of a product.

Products

In order to add a new product please click on Products -> Add Product on admin panel.

You can add name of a product, its description, short description, product options, tags for products, product gallery image, media, new categories and set product image.

Note: Make sure to click on Publish button at the top, after all changes are performed.

Products

In order to edit and/or create a new category please click on Products -> Categories on admin panel.

You can add name of a new product category, description, upload an image, search by categories and select parent, display type. You can also edit, view, sort or delete a selected category.

Products

In order to edit and/or create a new product tags please click on Products -> Tags on admin panel.

You can add name of a new product tag, description as well as search by tags. You can also edit, view, delete a selected product tags and perform sorting.

Products

In order to edit and/or create a new product tags please click on Products -> Attributes on admin panel.

You can add name of a new attribute, choose type attributes and sort order as well as search by attributes. You can also edit, view, delete a selected product attributes and perform sorting.

Products

Theme Options top

General options for themes can be change here. Upload favicon, logo, image for 404 page and change logo/logo mobile dimensions, logo space. You can also change layout, header, footer, menu panel and other options for the theme.

Note: Make sure to click on Save Changes button at the top of the page, after all changes are performed.

General options

Note: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top of the panel, otherwise your changes will be lost.

Theme Options Header

Note: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top of the panel, otherwise your changes will be lost.

Theme Options Footer

Note: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top of the panel, otherwise your changes will be lost.

Theme Options Bottom

Note: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top of the panel, otherwise your changes will be lost.

Theme Options Social

Note: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top of the panel, otherwise your changes will be lost.

Theme Options One Click Update

This menu settings update with just one button click and forget about manual updates! If you have any troubles while using auto update ( It is likely to be a permissions issue ) then you may want to manually update the theme as normal. Note: After updating, all the changes in the files СSS will be lost!

Note: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top of the panel, otherwise your changes will be lost.

One Click Update Demo Importer

Note: Before leaving the 'Theme Options' tab make sure to click on 'Save Changes' button at the top of the panel, otherwise your changes will be lost.

One Click Update

Users top

In order to create a new user please click on Users -> Add New on admin panel. Fill in all required fields and select appropriate role - "Subscriber". After all changes are done, click on Add New User button.

Users

Settings top

General settings for themes can be created here. Add title, tagline, site address, email address, timezone, date format, time format and select language of the site.

Note: Make sure to click on Save Changes button at the bottom of the page, after all changes are performed.

Settings Reading

Note: Make sure to click on Save Changes button at the bottom of the page, after all changes are performed.

One Click Update

Plugins top

Floris theme includes some free and paid plugins. Free plugins are updated from WordPress plugins pages, and paid plugins you can ask us to send by opening a ticket at our support forum https://azelab.freshdesk.com

Visual Composer top

Beside standard Visual Composer elements, there are Floris theme shortcodes under "Floris" tab. They are used in pages content

Contact Form

Revolution Slider top

We included Revolution Slider plugin, though it is not used in any demos pages. If you don't use it, please diactivate it for better page speed.

WooSwatches top

Convert your normal variable attribute dropdown select to nicely looking color or image select. You can display images or color in all common size. Display them in round or square mode.

For more details please check WooSwatch plugin documentation.

Max Mega menu top

Creating Mega Menu

In order to setup Mega Menu at first you need some pages. If all your pages are created (of course, you can edit/add/remove them at any point) go to Appearance>Menus to create your Mega menu.

Appearance Adding items to Max Mega Menu

If menu is created, you can add items to it. On the left column you can find different custom links, pages or categories that can be added to your Mega Menu.

Appearance Appearance

Clicking on Mega Menu -> Menu Themes on admin panel you get settings for Mega menu.

* If you want to have the same style like you saw in our demo site, then go to to Mega Menu > Tools and paste content of this file into the ‘Import Theme’ text area. This is Floris theme for Mega menu.

Note: Make sure to click on Save Changes button at the bottom of the page, after all changes are performed.

Appearance

More detailed information about Max Mega Menu you may find here.

Video Tutorial of Max Mega Menu here.

Contact Form top

General settings for contact form can be created here. Insert sender mail, recipient email, subject message and message body.

Note: Make sure to click on Save button at the top of the page, after all changes are performed.

Contact Form

MailChimp top

Clicking on Easy Forms -> Opt-in Forms on admin panel you get the whole list of existing forms. You have an opportunity to apply several actions: add form name, form description, choose associated list. After this click on Create button.

MailChimp

You can also edit, duplicate, reset stats and delete while hovering the title of form.

MailChimp

Below select the fields (example Email Address) to add to the form builder and click on Add to Form Builder button.

MailChimp

In the tab 'Form Builder' you can add placeholder, default value, description and other options.

Note: Make sure to click on Update Form button at the bottom of the page, after all changes are performed.

MailChimp

In the tab 'Form Settings' you can add additional classes, name for submit button, select the submit button type and other options.

Note: Make sure to click on Update Form button at the top of the page, after all changes are performed.

MailChimp Easy Forms for MailChimp

Add Easy Forms for MailChimp to the pages of the site.

Note: do not forget to save changes!

image image

Clicking on Easy Forms -> Settings on admin panel you get the general settings for Easy Forms. Enter your API key in the field below to connect your site to your MailChimp account.

Note: Make sure to click on Save Changes button, after all changes are performed.

image

Appearance top

Widgets

To activate a widget drag it to a sidebar or click on it. To deactivate a widget and delete its settings, drag it back.

Appearance Creating Menu

In order to setup Menu at first you need some pages. If all your pages are created (of course, you can edit/add/remove them at any point) go to Appearance>Menus to create your new menu.

Appearance Adding items to menu

If menu is created, you can add items to it. On the left column you can find different custom links, pages or categories that can be added to your menu.

Appearance Appearance

Improved top

Version 1.1 top

Shortcodes top

Product categories with filter

Added option "Add dark layer to block" on Product categories with filter settings shortcode, before it was added by default. Now you can switch on/off that.

Video Block

Added Vimeo option for video shortcode.

Products top

Categories

Added option on category page to set title color.

Added Lightbox product zoom.

Theme Options top

Styling

Added option to set menu background color, under theme options/styling.

Header

Added option for sticky header background color.

Header

Added option for header transparency to set value.

Header

Added sticky header behavior, under theme options/styling. Turn it on if you need to make sticky header always visible or off if to show only when scroll up.

WooCommerce -> Single Product

Added on product options - Product image's padding option.

Product -> Product Options WooCommerce -> Single Product

Added on product options - Product image to cover all area or not. The same option added to Theme options/WooCommerce.

Product -> Product Options WooCommerce -> Single Product

Added on product options: Product thumbs background color and Product background color.

Product -> Product Options General

Added option to set logo dimensions & space options on Theme Settings/General.

Improved top

Version 1.2 top

Theme Options top

WooCommerce -> Single Product

Added option to theme options to enable/disable products review, enable/disable category names and enable/disable SKU.

Improved top

Version 1.3 top

Theme Options top

WooCommerce -> Shop

Added option to Theme Options/Woocommerce to choose 1 or 2 column layout on Cart & Checkout pages.

Improved top

Version 1.4 top

Theme Options top

WooCommerce -> Shop

Added optional Left column, Right Column layouts for category and shop.

Products -> Categories

Products top

Categories

Added option to show category banner or not and added banner height settings for category page.

Pages top

All pages -> Home

Added settings 'Auto slideshow' for slider settings.

Improved top

Version 1.5 top

Theme Options top

Header

Added Mega Menu to header with select navigate position.

Creating Mega Menu

In order to setup Mega Menu at first you need some pages. If all your pages are created (of course, you can edit/add/remove them at any point) go to Appearance>Menus to create your Mega menu.

Appearance Adding items to Max Mega Menu

If menu is created, you can add items to it. On the left column you can find different custom links, pages or categories that can be added to your Mega Menu.

Appearance Appearance

Clicking on Mega Menu -> Menu Themes on admin panel you get settings for Mega menu.

* If you want to have the same style like you saw in our demo site, then go to to Mega Menu > Tools and paste content of this file into the ‘Import Theme’ text area. This is Floris theme for Mega menu.

Note: Make sure to click on Save Changes button at the bottom of the page, after all changes are performed.

Appearance

More detailed information about Max Mega Menu you may find here.

Video Tutorial of Max Mega Menu here.

WooCommerce -> Shop

Added options for Backside Product.

Products top

Categories

Added options for Backside Product.

Shortcodes top

Category with products Product category with product

Improved top

Version 1.6 top

Version 1.7 top

Version 1.8 top

Theme Options top

General

Added option to set mobile logo dimensions & space options on Theme Settings/General.

Header Footer (new section) Styling

Top bar background

Single product

Single product sort options

Shortcodes top

Instagram block

Improved top

We would like to thank you once again for purchasing this theme. As I have said at the beginning, I'd be glad to help you if you have any questions relating this theme. If you have any suggestions on how to improve our themes or documentation please share them!