Introduction
First of all, Themes Flat thank you for choosing to buy our theme!
In this document, we provide all kinds of good information with all the details you need to use our theme. It is recommended you read it thoroughly to fully leverage the Orvana theme's capabilities. Please also make sure to check out our Video Tutorials as they explain everything covered in here in greater depth. We hope you have fun and enjoy working with our theme!
- Theme version: 1.0.0
- Created date: January 30, 2026
- Update date: January 30, 2026
- Author: Themesflat
In order to ensure a smooth and easy working experience with Orvana, we have created a complete user manual. However, if you have
any issues that go beyond the scope of this guide or are having problems with our theme, we will be happy to help! Please contact
us via our helpdesk or email and we will respond as soon as possible! Thank you so much for purchasing our theme!
Email: helpdeskthemesflat@gmail.com
Create ticket id : https://themesflat.ticksy.com/
Getting Started
Requirements
- PHP 8.0 or higher
Recommended
Required must have
- upload_max_filesize = 512M
- post_max_size = 516M
- max_execution_time = 300
- max_input_time = 300
- memory_limit = 512M
Besides, need more
- Elementor
- Contact Form 7
- Orvana Addon
- WooCommerce
- One Click Demo Import
- MC4WP: Mailchimp for WordPress
- FOX - Currency Switcher Professional for WooCommerce
- WCBoost - Products Compare
- WCBoost - Variation Swatches
- WCBoost - Wishlist
WordPress Information
To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex. Below are all the useful links for WordPress information.
- [WordPress Codex] - General info about WordPress and how to install on your server.
- [First Steps With WordPress] - General info about multiple topics about WordPress.
- [FAQ New To WordPress] - The most popular FAQ’s regarding WordPress.
Theme Installation via WordPress
After purchase and download we have file themename.zip. Continue we need to extract files. You will find 3 folders: 1. theme, 2. theme-child, 3. documentation.
Please follow the steps below to install the theme.
Watch the video One Click Install Demo
Install by WordPress Theme Manager
This is probably the simplest way for most users. Here are the steps you need to take:
-
Step 1 - Login to your WordPress Dashboard.
-
Step 2 - Go to Appearance > Themes. Then click Add New button at the
top of the screen.
-
Step 3 - Click on the Upload button at the top.
-
Step 4 - Click Choose File and select the
themename.zipfile.
-
Step 5 - Click Install and wait a moment.
-
Step 6 - Once installed, click Activate to enable the theme.
-
Step 7 - A notice will appear at the top of the dashboard. Click Begin installing
plugins.
The theme requires these plugins: Contact Form 7, Elementor, orvana Addon, WooCommerce, One Click Demo Import, MC4WP: Mailchimp for WordPress, WCBoost - Products Compare, WCBoost - Variation Swatches, WCBoost - Wishlist.
Recommended: WPML, FOX - Currency Switcher Professional for WooCommerce.
-
Step 8 - Go to Dashboard > Appearance > Install Plugins. Check all required plugins and
activate them.
-
Go to Appearance > Import Demo Data
-
Click Continue & Import
And Wait
After installing the Main theme, if you want to use the Child theme, please install it the same way as above.
Install through FTP upload
If you want to install via FTP, here are the steps:
- Using an FTP client, login to your server.
- Navigate to the
/wp-content/themes/directory. - Upload the orvana theme folder into that directory.
Once installation is complete, your orvana theme will be ready to use.
Theme Option
To start customizing the theme, in the Admin page please go to Dashboard > Appearance > Customize.
Please remember to click Save & Publish after customizing to save changes.
These are global settings, so they affect the entire site. However, they can be overridden per post or page.
General
-
Site Information
To customize the theme, navigate to: Dashboard → Appearance → Customize → General → Site Identity
- Site Title: Set or update your website’s title.
- Tagline: A short description that summarizes your site.
- Site Icon: The icon that appears in browser tabs, bookmarks, and WordPress mobile apps.
-
Site Display
To customize the theme, navigate to: Dashboard → Appearance → Customize → General → Go Top, Preload, Social
- Enable Smooth Scroll: Toggle smooth scrolling on or off.
- Enable Preload: Show a preloader while navigating between pages.
- Go To Top Button: Enable or disable the "Back to Top" button for user convenience.
-
Login:
To customize the theme, navigate to: Dashboard → Appearance → Customize → General → Login
- Login Facebook: Enable login via Facebook.
- Login Google: Enable login via Google.
- Text: Customize your setting on register form.
Header
To set up the default Header Style, navigate to Dashboard → Appearance → Customize → Header.
Announcement Bar
Announcement Bar: Enable or disable the announcement bar.
Style:Choose style off announcement( Marquee or Slider).
- Marquee Style
- Slider Style
Top Bar
Top bar: Enable or disable the top bar.
Left Items: Select the items you want to display on the left side of the screen.
Center Items: Select the items you want to display on the center of the screen.
Right Items: Select the items you want to display on the right side of the screen.
Information
The place where you enter information for the items in the top bar: address, phone, email, etc.
Custom Logo
Upload Your Logo: Drag or select your new logo.
Upload Logo for Mobile: Drag or select your new mobile logo.
Logo Size: Choose the desired logo size.
Navigation
Header Options
Header Style: Select a default header style.
Header Absolute: Enable or disable absolute positioning.
Header Sticky: Enable or disable sticky behavior for the header.
Search Box: Show or hide the search box in the header.
Header Login/Register: Enable or disable login/register links.
Header Wishlist: Enable or disable the wishlist icon.
Header Cart: Enable or disable the shopping cart icon.
Search Popup
Custom Menu
To create or customize a menu layout, go to Dashboard → Appearance → Customize → Menus.
Select an existing menu to edit or create a new one.
Drag and drop menu items to reorder.
Page Title & Breadcrumb
Page Title Style
To customize the page title layout, go to Dashboard → Appearance → Customize → Page Title → Page Title.
Use the available settings to adjust the page title style
Breadcrumb
Enable Breadcrumbs: Show or hide breadcrumb navigation.
Breadcrumb Prefix: Text displayed before the breadcrumb trail.
Breadcrumb Separator: Character used to separate breadcrumb items.
Typography & Color
To customize typography & color settings, go to Dashboard → Appearance → Customize → Typography & Color.
Main Color
To customize the page title style layout, please navigate to Dashboard → Appearance → Customize → Typography & Color → Main Color.
Topbar
Customize the color background, font family, size, weight, and color for topbar.
Menu Font
Customize the color background, font family, size, weight, and color for the main menu and submenus.
Submenu:
Button:
Menu Font
Customize the font family, size, weight, and color for body text.
Blockquote Typography
Page Title
Customize the font family, size, weight, and color for Page Title.
Breadcrumb Typography: Customize the font family, size, weight, and color for Breadcrumb.
Blog Post
Customize the font family, size, weight, and color for Blog include: Blog Archive Title, Blog Archive Meta, Blog Single.
Sidebar Widget Title
Customize the font family, size, weight, and color for Sidebar Widget Title.
Footer Widget Title
Customize the font family, size, weight, and color for Footer Widget Title.
Footer
Customize the font family, size, weight, and color for Footer.
Bottom
Customize the font family, size, weight, and color for Page Title.
Heading Font
Adjust the font settings for all heading levels (H1–H6).
Button
Adjust the font settings for Button.
Pagination
Adjust the font settings for all pagination.
Footer
To edit the default footer, navigate to Dashboard > Appearance > Customize > Footer.
-
Menu Footer
Go to Dashboard > Appearance > Widgets to edit the footer menu.
-
Bottom
You can edit the contents of the bottom section here.
WooCommerce:
1. Cart
Cart Page
Step 1: From the admin dashboard, navigate to WooCommerce → Settings → Advanced → Cart Page.
Step 2: Enable Quick View. You can also customize the appearance under Style Options.
Step 3: Click Save Changes after finishing your setup.
Shipping
Step 1: From the admin dashboard, navigate to WooCommerce → Settings → Advanced → Shipping.
Step 2: Set up Shipping Zones.
Step 3: Create a Free Shipping method and define the minimum order amount.
Coupons
To enable coupons in the Cart Drawer, Cart Page, and Checkout Page, go to WooCommerce → Settings → General and check the Enable coupons option.
2. Order
From the admin dashboard, navigate to WooCommerce → Orders.
You can view total orders on a daily, weekly, or monthly basis.
3. Coupons
From the admin dashboard, navigate to Marketing → Coupons.
Click the Add coupon button to create a new coupon.
Fill in the required information and click Publish to save the coupon.
4. Top Categories
To enable this feature, go to Customize → Shop → Top Categories
5. Shop Page Title
To enable this feature, go to Customize → Shop → Shop Page Title
6. Catalog Toolbar
To enable this feature, go to Customize → Shop → Catalog Toolbar
7. Shop Layout
To enable this feature, go to Customize → Shop → Shop Layout
8. Product Card
To enable this feature, go to Customize → Shop → Product Card
9. Product Badges
To enable this feature, go to Customize → Shop → Product Badges
ECommerce Features
1. Sale Countdown Timer
-
Step 1: From the admin dashboard, navigate to Products → All Products.
-
Step 2: Select the product you want to apply the sale countdown timer to.
-
Step 3: In the Product data section, select Simple product as the product type.
-
Step 4: In the General tab, click Schedule next to the Sale price field, then set the sale price and its valid date range.
For Products with Variations:
-
Step 3: In the Product data section, select Variable product as the product type.
-
Step 4: In the General tab, click Schedule next to the Sale price field, then set the sale price and its valid date range.
-
Step 5: Configure the sale price, valid time range, and any other necessary details for each variation.
Step 6: Click Save changes after finishing your edits.
2. Products Frequently Bought Together
-
To enable this feature, go to Customize → Single Product → Buy Together
In this section, you can choose the display style (grid or list) and position (left or right).
-
Select the product, then go to the Linked Product tab in the Product data section.
-
Search for and add products to this section.
-
Click Update to save your changes.
3. Product Comparison
To enable this feature, install and activate the WCBoost – Compare plugin.
After activation, a new settings section called Products Compare will appear under WooCommerce → Settings → Products → General. Use this section to configure how the comparison feature is displayed.
Click Update to save your settings.
4. Product Wishlist
To enable this feature, install and activate the WCBoost – Wishlist plugin.
Once activated, a new Wishlist tab will appear under WooCommerce → Settings. This tab lets you configure how the wishlist is displayed.
Click Save Options when you're done.
5. Product Currency
To enable this feature, install and activate the FOX - Currency Switcher Professional for WooCommerce plugin.
To change your shop's currency settings, go to WooCommerce → Settings → General → Currency Options, then select your desired currency from the dropdown menu.
Click Save Options after completing the setup.
6. Product Variation Swatches
Note: If you want to display the correct Attribute Type, you must set the Type first.
Create Variations
-
Step 1: From the admin dashboard, navigate to Products → Attributes.
-
Step 2: Fill in the attribute name (such as Size, Color, Image, etc.).
-
Step 3: Determine how the attribute values are displayed using Type.
You can display your attribute in 4 types:
-
Select Option
-
Colors
-
Label
-
Images
-
Select Option
-
Step 4: Click Add attribute when you're done. Then click on Configure terms to add new terms. The field will appear.
You can now use this attribute when creating new products or apply it to existing ones.
Set Up Variation Swatches for Products
-
Step 1: From the admin dashboard, navigate to Products → All Products.
-
Step 2: Select the product you want to configure. In the Product data section, choose Variable product as the type.
-
Step 3: Go to the Attributes tab and add the attribute you created earlier.
-
Step 4: Enter attribute values, click Add new, and check both Visible on the product page and Used for variations. Then click Save Attributes.
-
Step 5: Go to the Variations tab, click Generate variations from all attributes, and confirm.
-
Step 6: All variations will now be generated. Select a default variation if desired and choose which attributes to show in the catalog.
-
Step 7: Click each variation to set its image, price, sale countdown, and other relevant details.
-
Step 8: Click Save changes and then click Update to save the product.
7. Product Gallery
Product Layout
To enable this feature, go to Customize → Single Product → Product Gallery → Layout and choose your preferred image layout.
Product Image Zoom
Enable zoom functionality to let customers view product details such as texture, color, and materials more clearly.
Product Lightbox
This feature opens product images in a lightbox, allowing users to see them in full size without leaving the page.
Product Variation Images Gallery
Show variation-specific images that automatically update when a customer selects a new option. This creates a more interactive and visually engaging experience.
-
Step 1: Install and activate the WCBoost – Variation Swatches plugin that comes with the theme.
-
Step 2: Enable the Variation Images Gallery feature.
-
Step 3: Go to Products → Variations and create image attributes.
-
Step 4: In the Product → Variations tab, upload images for each variation.
Product Video
Add videos to showcase products in action, increase engagement, and build customer trust.
To enable product videos, navigate to the Product Video tab, then add the video URL and a thumbnail image.
Product 3D Viewer
Provide a 360° or 3D interactive view, allowing customers to explore your product from every angle.
To enable this feature, go to the Product 3D Viewer tab and add the 3D model URL along with a thumbnail image.
8. Visitor Count
Display real-time viewer counts on product pages to create urgency and boost engagement.e.
To enable this feature, go to Customize → Single Product → People View
9. Progress Sale
Creates a sense of scarcity, encouraging purchases (urgency/FOMO).
To enable this feature, go to Customize → Single Product → Progress Sale
The progress bar will only appear if you’ve set a product quantity and the item has had some purchases.
12. Buy X Get Y
The Buy X Get Y feature lets you run promotions that reward customers with free or discounted items—helping attract more buyers and boost conversions.
To enable this feature, go to Customize → Single Product → Buy X Get Y
Choose the product you want to discount and specify the quantity.
13. Short Description
To enable this feature, go to Customize → Single Product → Short Description
14. Ask A Question
To enable this feature, go to Customize → Single Product → Ask A Question
15. Extra Description
To enable this feature, go to Customize → Single Product → Extra Description
16. Production Options
To enable this feature, go to Customize → Single Product → Single Production Options
17. Product Tab
To Change Tab Style, go to Customize → Single Product → Product Tab
18. Out of Stock Notification
To Change Tab Style, go to Customize → Single Product → Out of Stock Notification
19. Related Products
To Change Tab Style, go to Customize → Single Product → Related Product
20. Recently Products
To Change Tab Style, go to Customize → Single Product → Recently Product
Mobile
1. Announcement Bar
To enable/disable this feature, go to Customize → Mobile → Announcement Bar
2. Header
To enable this feature, go to Customize → Mobile → Header
3. Product Card
To enable this feature, go to Customize → Mobile → Product Card
4. Mobile Info
To enable this feature, go to Customize → Mobile → Mobile Info
5. Navbar Mobile
To enable this feature, go to Customize → Mobile → Navbar Mobile
Pages
1. Create a Page
Step 1: Go to Pages in your admin sidebar and click Add New.
Step 2: Enter a page title, then in the Page Attributes box on the right, choose a Template.
2. Change Page Title
Step 1: Go to Pages → All Pages, hover over the page you want to update, and click Quick Edit.
Step 2: Update the page title and clear the current slug. Click Update to auto-generate a new slug.
You can also modify parent, template, status, etc. For more options, click Edit instead of Quick Edit.
3. Page Options
After creating a page, you can configure display options for it on the front end.
Example:
If the default header is Header Default, but you set Header Style 01 in Settings → TF Header → Header Style, and override it with Header Style 03 in the page options, then Header Style 03 will be used.
Step 1: Open the page in the editor and click Edit with Elementor.
Step 2: In the top center of the page, click the Settings icon.
Step 3: In Page Settings → TF Header, select your desired Header Style.
You can also adjust settings for the Logo, Topbar, Header, Page Title, Sidebars, and Footer.
Menus
How to Create a Menu
Step 1: Go to Appearance → Menu in the admin sidebar, then click Create a new menu.
Step 2: Enter a name for your menu and click Create Menu.
Step 3: Select the desired items from the left panel, click Add to Menu, then click Save Menu.
How to Create a Mega Menu
Step 1: Go to Appearance → Menu and click Create a new menu.
Step 2: Select existing menu items or add custom links.
Step 3: Click Enable Mega Menu.
If you haven’t created a Mega Menu template, go to Mega Menu and add a new template.
Customize your Mega Menu using elements from the sidebar, then click Publish.
Step 4: Once your Mega Menu is ready, return to Appearance → Menu. Click Enable Mega Menu, then set the width, position, and assign the Mega Menu template.
Step 5: Don’t forget to click Save Changes.
Blog Post
To Customize Post you go to: Dashboard -> Appearance -> Customize -> Content
-
Blog archive
- Sidebar Position: Select sidebar position on the posts page (No Sidebar/Left/Right)
- Blog Layout: Select layout style for List (List/Grid)
- Post Grid Columns: Choose to display the number of columns of the article
- List Sidebar: In the dropdown box, select the sidebar you want to display on posts page
- Post Content Elements: Drag and drop elements to re-order.
- Post Excepts Length: This option is only available when you turn on "Auto Post Excepts". It uses to limit the content length which is shown on posts page
- Social Share: Enable or disable Social Share
- Read More Text: You can modify the text of Read more button here
- Meta Elements: Drag and drop elements to re-order.
-
Blog Single
- Post Navigator: Enabled Post Navigator or not
- Related Posts: Enabled Related Posts or not
- Related Posts Style: Choose Related Posts Style (Blog List or Blog Grid)
- Columns Of Related Posts: Choose 2 Columns, 3 Columns, 4 Columns
- Number Of Related Posts: Number Of Related Posts
Themesflat Addons
NOTE: To use all widgets of Themesflat Addons, select the page you want to edit or create a new page, then choose Edit with Elementor > Elementor > Themesflat Addons.
I. Orvana Addons
-
Orvana Product Grid
You can build it using orvana Addons.
You can customize it in the Content and Style sections.
-
Orvana Product Tab Carousel
You can build it using orvana Addons.
You can customize it in the Content and Style sections.
-
Orvana Product Category Grid
You can build it using orvana Addons.
You can customize it in the Content and Style sections.
-
Orvana Product Lookbook
You can build it using Orvana Addons.
You can customize it in the Content and Style sections.
-
Orvana Product Featured
You can build it using Orvana Addons.
You can customize it in the Content and Style sections.
II. Orvana Addons Core
-
Orvana History
You can build it using Orvana Addons Core.
You can customize it in the Content and Style sections.
-
Orvana Certified
You can build it using Orvana Addons Core.
You can customize it in the Content and Style sections.
-
Orvana Pricing Table
You build it at Orvana Addons Core
You can customize at Content and Style
-
Orvana Tab
You build it at Orvana Addons Core
You can customize at Content and Style
-
Orvana Blog
You build it at Orvana Addons Core
You can customize at Content and Style
-
Orvana Accordion
You build it at Orvana Addons Core
You can customize at Content and Style
-
Orvana Heading
You build it at Orvana Addons Core
You can customize at Content and Style
-
Orvana Banner
You build it at Orvana Addons Core
You can customize at Content and Style
-
Orvana Banner Discounts
You build it at Orvana Addons Core
You can customize at Content and Style
-
Orvana Image Box
You build it at Orvana Addons Core
You can customize at Content and Style
-
Orvana Button
You build it at Orvana Addons Core
You can customize at Content and Style
-
Orvana Instagram
You build it at Orvana Addons Core
You can customize at Content and Style
-
Orvana Video
You build it at Orvana Addons Core
You can customize at Content and Style
-
Orvana Icon Box
You build it at Orvana Addons Core
You can customize at Content and Style
-
Orvana Team
You build it at Orvana Addons Core
You can customize at Content and Style
-
Orvana Countdown
You build it at Orvana Addons Core
You can customize at Content and Style
-
Orvana Testimonial
You build it at Orvana Addons Core
You can customize at Content and Style
-
Orvana Nav Menu
You build it at Orvana Addons Core
You can customize at Content and Style
There are many more widgets for you to choose, everything is so simple when you just need drag and drop. Wish you have a great website!