Lensation Pro

How to Install Theme?

Go to this link.

Updating theme to latest version

Go to this link to update you theme

Frequently Asked Question

Before starting please visit our Frequently Asked Question link, to know more about Full Site Editing Themes

Installing Required Plugin for Lensation Pro

Lensation Pro comes with our Premium Plugin FSE Pro, after you purchase Lensation Pro the plugin comes bundled with theme. As most of the blocks and patterns are inherited with the pro plugin we have bundled the theme and plugin together.You can install and activate it with clicking few buttons

1. After installation of theme, go to WordPress Dashboard, there you will find notice “This theme requires the following plugin: FSE Pro”, click on “Begin Install Button” as shown in the picture below:

2. Then Click on “Install” button

3. After Installation of FSE PRO Plugin click on “Return to Dashboard Button” to enter license key
4. Get your product license key from the My Account Page. Activating your license key is mandatory.
5. Enter plugin’s license key from Plugins -> FSE Pro plugin license and click on Activate License

Note: Please visit FAQ for FSE Pro Plugin if you have any confusion regarding plugin installation

Patterns in Lensation Pro

Patterns in Lensation Pro are predefined list of in built sections. Patterns are built with different type of blocks.

You can easily add patterns in any part of your website.
You will just have to click on ‘+’ sign on top left of your page or post, then you will see tab for “Pattern” click on that to see list of patterns. Under Scroll Down you will find “Lensation Pro” which will display list of our Lensation Pro pattern

Pattern are group of blocks. Once a pattern is added in editor, they are now individual blocks that can be moved edited or replaced. The pattern stops being pattern as soon as it placed in the editor. The content of patterns are always saved even if the users switches theme. It might look different in different themes.

How to Open Site Editor?

If you are on WordPress Dashboard then go to Appearance -> Editor to open the Site Editor.
If you are on Site Frontend then you will see WP Admin Bar on the top of the page, click on “Edit Site” to open the Site Editor.

Add and Edit Menu

You can Select predefined menu and create you own customized menu.
This video shows how to select predefined menu:

1. This Video show how to create your own custom menu:

2. This video shows how to select predefined menu:

Blocks in Lensation Pro

To use Blocks in Lensation Pro you will have to activate our Premium Plugin  FSE Pro Plugin.

Lensation Pro supports 13 different blocks:

1. Case Study
2. Skill Bar
3. Masonry
4. Popup Video
5. Playlist
6. Header Search
7. Header Social
8. Slider
9. Tabs
10. Icons

Patterns in Lensation Pro

There are 28 Patterns in Lensation Pro among that some patterns requires FSE Pro Plugin, you will have to activate FSE Pro.
Here is the list of Patterns Lensation Pro supports including patterns from FSE Pro Plugin.

1. Hero Content
2. Blog sidebar on Left
3. Blog Sidebar on Right
4. Contact Us
5. Contact Us with Contact Info
6. CTA
7. Featured Content
8. Header Media
9. Promotional Video
10. Portfolio
11. Services
12. Stats
13. Sidebar
14. Team Slider
15. Testimonial Slider
16. 404 Header
17. Archive Header
18. Blog Header
19. Default Footer
20. Footer with Three Columns
21. Header with social search on mobile
22. Post Header
23. Recent Blog
24. Search Header
25. Shop Header
26. Sidebar Product
27. Product On Sale
28. Latest Product

How to work with Lensation Pro Blocks and Patterns

After opening site editor, there are 3 ways you can add Blocks and Pattern in you website:

Drag and Drop

1. Click on “+” sign on the top bar to display Blocks and Pattern
2. If you want to add Blocks click on Blocks, Scroll down and to find “FSE Blocks”, choose the block you wish to add
3. If you want to add Patterns, Click on Pattern then choose “Lensation” to find all the patterns provided by Lensation Pro
4. Simply Drag and Drop your block/pattern to desired site area
5. Make necessary changes
6. Finally, Click “SAVE” to save changes

Top Tool Bar

1. Click on “+” sign on the top bar to display Blocks and Pattern
2. If you want to Block Scroll down and to find “FSE Blocks”, choose the block you wish to add
3. If you want to add Patterns, Click on pattern then choose Lensation to find all the pattern provided by Lensation Pro
4. Click on desired pattern to add
5. Make necessary changes
6. Finally, Click “SAVE” to save changes

Adding Directly

1. Click on “+” sign in the template or page to display patterns and blocks
2. Then search for block or pattern in search bar
3. Make necessary changes
4. Finally, Click “SAVE” to save changes

How to Edit Pattern Content?

First, click on the pattern content you wish to edit/customize
You can select the section/content in three ways

1. Clicking on the section itself
2. List View
3. Footer Interface Bar

Once the section is selected you can edit its content or if you want to customize the section’ properties/options, click the three dots and select your desired action. Duplicate, Remove, Copy or Add desired section before or after the current section.

Patterns supported by Lensation Pro

WooCommerce Block supported patterns

Lensation Pro now supports WooCommerce Blocks. You will have to install and activate WooCommerce Plugin to use these pattern. You can add Featured Products in these patterns.
Here are the patterns that supports WooCommerce Blocks:

1. Latest Product
2. Sidebar Product
3. Top Rated Product
4. On Sale Product

How to add WooCommerce products category to the pattern?

Lensation Pro supports WooCommerce blocks, in the above mentioned pattern you can add the products category and descriptions along with button that redirects to the products.
After activating theme, by default few patterns that supports WooCommerce will be activated. You can choose WooCommerce Featured product patterns directly from the pattern.
Here is how you display featured category to the pattern:

1. Drag and drop the pattern you want to add in the section or click on “+” Sign and add desired pattern
2. After adding WooCommerce supported pattern you will find “Featured Category” option you can search the category of the product you want to display and add
3. Finally click on done and Save changes

Sidebar Products

Sidebar Products pattern allows you to select and display product category along with the list of category in sidebar.

1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
2. Click on dropdown menu and select “Lensation Pro” to see list of pattern provided by Lensation Pro
3. Scroll down and to find “Sidebar Products”, click to add Sidebar Products on your website or drag and drop
4. To add category with sidebar, go to the front end of the page and select the category you wish to add in shop
5. Finally, click Save to save changes

Product On Sale

Lensation Pro supports Product on Sale pattern, this section allows you to display on sale products. Products on sale will automatically displayed once you add this pattern.
Here is how you add this pattern:

1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
2. Click on dropdown menu and select “Lensation Pro” to see list of pattern provided by Lensation Pro
3. Scroll down and to find “Products on sale”, click to add Products on sale on your website or drag and drop
4. For advance settings, click on setting button on top right to edit Layout(Rows and column), enable/disable Content (Product Image, Product title, Product price, Product rating, add to cart button) And so on
5. Finally, click Save to save changes

Header Media

Header Media in Lensation pro has very unique design, you can add menu, header image and text in header area.

Here is how you add header on your website:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Click on dropdown menu and select “Lensation Pro” to see list of pattern provided by Lensation Pro
3. Scroll down to find Header Media, click to add or drag and drop in desired area
4. After adding header media, Click on Top left setting icon there you can edit the sections
5. Edit Header Accordingly you can add, images, text, cover, button and so on
6. Finally click “Save”, to save changes

Services

Lensation Pro supports featured services pattern, in this pattern you can add list of services your business provide along with icons and image on side.

Here is how you add featured services on your website:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Click on dropdown menu and select “Lensation Pro” to see list of pattern provided by Lensation Pro
3. Scroll down to find Services, click to add or drag and drop in desired area
4. After adding services, Click on Top left setting icon there you can edit the sections like Media Width, Color, Custom CSS
5. Edit other section of services by click on the content from editor, it will open tool box,you can add/edit, images, text, image, button and so on
6. Finally click on Save to save changes

Portfolio

Portfolio pattern in Lensation pro allows you to showcase your work, here you can create different image gallery using tabs block and add images accordingly.
Adding Portfolio is bit different in Lensation Pro.

Here is how you add portfolio to your website:

1. 1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
   2. Search Portfolio and click to add portfolio

3. By default you can see few tabs with images, to add new tab simply click on “Add Tab”, new tab will be added click on tab itself to rename

4. After adding new tab rename it and click on “+” sign then add masonry block which will allow you to create a new image gallery (upload or add from media library

5.To delete tab you will have to delete it from right side(latest one), you will find small cross on latest tab

6. After adding tabs, Click on Top left setting icon there you can edit the sections

7. Edit columns, columns layout(up-to layout four), reset gallery and add Additional CSS if needed

8. Finally click “Save”, to save changes

Team Slider

Lensation Pro support team slider pattern, here you can add photo and description of your team members. Team slider is enabled by default.
You can easily edit and add photo text in few clicks.

Here is how you add Team Slider on your website:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Click on dropdown menu and select “Lensation Pro” to see list of pattern provided by Lensation Pro
3. Scroll down to find Team Slider, click to add or drag and drop in desired area
4. Edit section of team slider by clicking on list view option from top left, then select the Group -> Slider, make sure your setting page is aslo open on Right side
5. After adding team slider, Click on Top left setting icon there you can edit the sections like Number of Slides, Number of sliders being displayed in the view port, Autoplay Delay, Dots Position , Space Between Items, Styles, Image Dimensions, Radius
6. To change the images and content you can click on content from editor and replace or edit images and text
7. Finally click  “Save”, to save changes

Testimonials

Lensation Pro supports testimonial.Testimonial is enabled by default and it shows testimonials in slider view.
Here is how you add testimonials:

• Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
• Click on dropdown menu and select “Lensation Pro” to see list of pattern provided by Lensation Pro
• Scroll down and to find “Testimonials”, click to add this pattern or drag and drop to place it in desired area
• For more advance setting option setting icon in top right of the editor
• Finally, Click  “Save”, to save changes

Footer Three Columns

The Footer Three Columns pattern allows you to insert a section that you can display right above your default footer. In the pattern, by default, there are three columns and you can use the columns to add quick information and also your contact info including your social icons.

1. 1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
   2. Click on dropdown menu and select “Lensation Pro” to see list of pattern provided by Lensation Pro
   3. Scroll down and to find “Footer Three Columns”, click to add Footer Three Columns on your website or drag and drop
   4. Edit Footer Three Columns accordingly by changing text, social links, newsletter, add recent posts
   5. Finally click  “Save”, to save changes

How to to duplicate sections?

Duplicate section can be used if you want add similar section in your pattern.
For Example: If you want to add one more column in between your Featured Content Duplicate section can be used, as it will create similar section and you can edit the content accordingly.

Duplicate section is very easy step to add on particular sections in your pattern. It can be done in two ways via Interface Selection Footer bar or Table of content (List View)

1. Step of Duplication By Interface selection footer bar:

1. 1. 1. 1. Add the desired pattern, then click on the section you want to duplicate
         2. You will find a footer interface at bottom of you page there you can click on “Group” or “Columns” or “Image” or “Section” you want to duplicate
         3. Then click on the three dots menu on the tool bar, click on the “Duplicate” option to replicate your desired section or design
         4. Edit the section accordingly
         5. Click “Save” button to save your changes

2. Steps of Duplication by using List View

1. 1. Add the desired pattern, then click on the section you want to duplicate
   2. Open the “List View” tab from top tool bar, to open the table of content
   3. Scroll down to the section that you want to duplicate
   4. Click on three dots menu and select “Duplicate” option to replicate your desired section or design
   5. Edit the section accordingly
   6. Click “Save”, to save your changes

Templates in Lensation Pro

1. 404: Displays when no content is found
2. Archive: Displays post categories, tags, and other archives
3. Blank: The blank template can be used for displaying the contents of a post or page
4. Blog (Sidebar on Left): Display latest posts with a sidebar on the left side of the site
5. Blog (Sidebar on Right): Display latest posts with a sidebar on the right side of the site
6. Front Page: Display the homepage
7. Home: Displays posts on the homepage, or on the Posts page if a static homepage is set
8. Index: Displays Posts
9. Page: Displays a single page
10. Search: Displays search results
11. Single Page (No Sidebar Full Width)
12. Single Page (Sidebar on Left)
13. Single Page (Sidebar on Right)
14. Single Post (No Sidebar Full Width)
15. Single Post (Sidebar on Left)
16. Single Post (Sidebar on Right)
17. Single Post: Display a single post
18. Archive Product Full Width
19. Archive Product Sidebar on Left
20. Archive Product Sidebar on Right
21. Archive Product
22. Single Product

Template Parts in Lensation Pro

1. Header (Default)
2. Footer (With Four Columns)
3. Footer (With Three Columns)
4. Footer
5. Page Content
6. Post Content
7. Sidbebar