Below you will find documentation for Floris theme.
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.
Dashboard contains general information.
PostsMore detailed information about creation and posts management you may find here.
MediaMore detailed information about creation and page management you may find here.
CommentsAll the comments sent by site visitors can be found here. For more convenience they can be sorted by type.
ProductsMore detailed information about the creation and product managment you may find here.
Theme OptionsAll settings are theme.
More detailed information about modification of theme options you may find here.
WooCommerceMore detailed information about WooCommerce you may find here.
UsersMore detailed information about the creation of users you may find here.
SettingsGeneral settings for themes.
More detailed information about theme settings you may find here.
Contact FormGeneral settings for contact form.
More detailed information about creation contact form you may find here.
Visual ComposerMore detailed information about Visual Composer you may find here.
Max Mega MenuMore detailed information about Max Mega Menu you may find here.
Floris Theme Folder Structure:
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.
You can also edit, quick edit, delete and view while hovering the title of a post.
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.
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.
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.
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.
You can also edit, view, delete, edit with visual composer while hovering the title of page.
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.
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.
Bunner Slider ContentAdd image for Slider background from media library.
Note: don't forget to save changes!
Title blockAdd title to section.
Note: don't forget to save changes!
ProductsAdd products to section.
Note: don't forget to save changes!
Box imageAdd blocks with images.
Note: don't forget to save changes!
Accordion ContentContent creation accordion.
Note: don't forget to save changes!
TeamAdd team block to the page.
Note: don't forget to save changes!
Instagram - Block SettingsAdd images from your instagram profile
Note: don't forget to save changes!
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.
You are also able to edit, view, delete, duplicate while hovering on the title of a product.
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.
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.
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.
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.
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 optionsNote: 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.
HeaderNote: 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.
FooterNote: 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.
BottomNote: 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.
SocialNote: 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 UpdateThis 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.
Demo ImporterNote: 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.
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.
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.
ReadingNote: Make sure to click on Save Changes button at the bottom of the page, after all changes are performed.
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
Beside standard Visual Composer elements, there are Floris theme shortcodes under "Floris" tab. They are used in pages content
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.
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.
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.
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.
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.
More detailed information about Max Mega Menu you may find here.
Video Tutorial of Max Mega Menu here.
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.
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.
You can also edit, duplicate, reset stats and delete while hovering the title of form.
Below select the fields (example Email Address) to add to the form builder and click on Add to Form Builder button.
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.
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.
Easy Forms for MailChimpAdd Easy Forms for MailChimp to the pages of the site.
Note: do not forget to save changes!
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.
To activate a widget drag it to a sidebar or click on it. To deactivate a widget and delete its settings, drag it back.
Creating MenuIn 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.
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.
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 BlockAdded Vimeo option for video shortcode.
Added option on category page to set title color.
Added Lightbox product zoom.
Added option to set menu background color, under theme options/styling.
HeaderAdded option for sticky header background color.
HeaderAdded option for header transparency to set value.
HeaderAdded 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 ProductAdded on product options - Product image's padding option.
Product -> Product Options WooCommerce -> Single ProductAdded on product options - Product image to cover all area or not. The same option added to Theme options/WooCommerce.
Product -> Product Options WooCommerce -> Single ProductAdded on product options: Product thumbs background color and Product background color.
Product -> Product Options GeneralAdded option to set logo dimensions & space options on Theme Settings/General.
Added option to theme options to enable/disable products review, enable/disable category names and enable/disable SKU.
Added option to Theme Options/Woocommerce to choose 1 or 2 column layout on Cart & Checkout pages.
Added optional Left column, Right Column layouts for category and shop.
Products -> CategoriesAdded option to show category banner or not and added banner height settings for category page.
Added settings 'Auto slideshow' for slider settings.
Added Mega Menu to header with select navigate position.
Creating Mega MenuIn 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.
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.
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.
More detailed information about Max Mega Menu you may find here.
Video Tutorial of Max Mega Menu here.
WooCommerce -> ShopAdded options for Backside Product.
Added options for Backside Product.
Added option to set mobile logo dimensions & space options on Theme Settings/General.
HeaderTop bar background
Single productSingle product sort options
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!