fbpx

Documentation: FlexiVerse Pro

FlexiVerse Pro

Flexiverse Pro is a modern, dynamic user-friendly WordPress Theme powered by FullSite Editing. Its features make it a breeze to design and launch a professional, responsive, and dynamic website that stands out in the digital landscape.

FlexiVerse Pro’s adaptability enables users to create unique and tailored web experiences suited to various industries and purposes. Embrace the versatility of Flexiverse Pro and take your web development journey to new heights.

You can open site editor and start customizing block patterns. You can easily drag and drop blocks and patterns provided by theme and start editing.

We have added pre-define pattern which are perfect to create beautiful website in no time.

You can also add blocks inside pattern which are explained below.

Blocks in FlexiVerse Pro Pro

There are 8 blocks in FlexiVerse Pro:

  1. Skills Bar
  2. Masonry
  3. Popup Video
  4. Header Search
  5. Header Social
  6. Icons
  7. Slider
  8. Tabs

List of Patterns in FlexiVerse Pro

  1. 404 Error Page
  2. Service Page
  3. Advance Slider
  4. Cases
  5. Contact Info
  6. Archive Title
  7. Post Title
  8. CTA
  9. Footer
  10. Header
  11. Hero Content
  12. Home
  13. Latest News
  14. Main Banner
  15. Pricing
  16. Services
  17. Sidebar
  18. Skills
  19. Tabs
  20. Team
  21. Testimonial Carousel
  22. What We Do

List of Template in FlexiVerse Pro

  1. All Archive
  2. Blank
  3. Blog Home
  4. Blog Page(Sidebar on Left)
  5. Cart
  6. Checkout
  7. Index
  8. Order Confirmation
  9. Page(No Title/Feature Image)
  10. Page404
  11. Pages
  12. Product Catalog
  13. Product Search Results
  14. Products by Attribute
  15. Products by Category
  16. Products by Tag
  17. Search Results
  18. Single Posts
  19. Single Product

List of Template Parts in FlexiVerse Pro

  1. Sidebar
  2. Product
  3. Checkout Header
  4. Header
  5. Footer

Working with Blocks and Pattern

FlexiVerse Pro is block based theme for WordPress full site editing. Full site editing is a set of new WordPress features that helps us edit all parts of our website: Block themes, template editing, site blocks, and global styles.
Go to this link for more information about blocks and patterns

How to add Blocks?

Adding blocks is also same as adding patterns. Furthermore, you can add block inside patterns.
Just drag and drop or click on “+” sign to open tool box search for block you want to add then edit accordingly.
Here are steps to add blocks to your website:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Blocks
  3. Scroll down to find FlexiVerse Pro Blocks or simply search blocks from search bar
  4. Then Drag and Drop block in desired area
  5. You can also add block by clicking on “+” sign in the content itself search for block you want to add
  6. Make required changes and Click save to save changes

How to add Pattern?

Adding Patterns in FlexiVerse Pro is very easy, you will have to drag and drop pattern in desired area and start editing.
Here are few steps to add patterns in your website:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “FlexiVerse Pro” to see list of pattern provided by FlexiVerse Pro or you can search patterns from search bar itself
  4. Simply drag and drop patterns to desired area
  5. Then you can start editing sections of your pattern
  6. Click Save after you are done editing

How to edit section of patterns?

Full site editing is all about editing patterns as per your convenience in editor itself. You can preview changes made in editor, no need to go to front end to load changes you made.
Here are step to edit sections of pattern after you add desired pattern to New/Edit, page or post:

  1. After adding patterns make sure you click on save
  2. Start editing section of pattern such as image, text or you can add pattern itself
  3. Simply click on pattern to start editing, after clicking on pattern tool box will appear you can change image, edit, remove certain section
  4. Click setting button on top right of the editor to edit further advance sections like Color, Typography, Dimensions and so on
  5. Finally, Click “Save” to save changes

Note:Apply this method for all Patterns, but the option provided by patterns varies according to the design of patterns

Working with Navigation Block(Add Edit Menu)

Click Here for more information about Navigation Block

For menu option click on Appearance -> Editor -> Navigation, you will find
2 predefined navigation option(Header Navigation2, Header Navigation) in FlexiVerse Pro.
Here are few images to add edit menu:

FlexiVerse Pro WordPress Theme

 

 

   

We have listed few instructions of the main Patterns supported by FlexiVerse Pro:

Hero content

Hero Content pattern display certain type section in the theme that can be highlighted. Here is how you add and edit hero content:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “FlexiVerse Pro” to see list of pattern provided by FlexiVerse Pro or you can search patterns from search bar itself
  4. Simply drag and drop Hero Content to desired area
  5. Then you can start editing sections of your pattern by clicking on hero content itself
  6. For more advance option click on setting icon on top right of the editor there you will find options like color, typography, radius. Edit as per your need
  7. Click Save after you are done editing

Footer

Footer in FlexiVerse Pro has four layout, you can add or remove pattern in the default layouts or edit the default text.
Here is how you add and edit default footer:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “FlexiVerse Pro” to see list of pattern provided by FlexiVerse Pro or you can search patterns from search bar itself
  4. Simply drag and drop default footer to desired area
  5. Then you can start editing sections of your pattern by clicking on default footer itself
  6. For more advance option click on setting icon on top right of the editor. Edit as per your need
  7. Click Save after you are done editing

Services

Services pattern in FlexiVerse Pro allow you to display kind of service you provide. It supports 3 columns with some text and know more button(add links in know more button).
Here is how you add services pattern:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “FlexiVerse Pro” to see list of pattern provided by FlexiVerse Pro or you can search patterns from search bar itself
  4. Simply drag and drop services to desired area
  5. Then you can start editing sections of your pattern by clicking on services itself
  6. For more advance option click on setting icon on top right of the editor, then click on each section such to open editor such as styles, Image dimensions, layout, color , typography, media settings, opacity, dimensions
  7. Edit as per your need
  8. Click Save after you are done editing

Skills

FlexiVerse Supports Skills pattern, here you can show your skill set in percentage alogn with Title and descrioption.

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “FlexiVerse Pro” to see list of pattern provided by FlexiVerse Pro or you can search patterns from search bar itself
  4. Simply drag and drop skills to desired area
  5. Then you can start editing sections of your pattern by clicking on services itself
  6. For more advance option click on setting icon on top right of the editor, then click on each section such to open editor such as styles, numbers in %, Color
  7. Edit as per your need
  8. Click Save after you are done editing

Tabs

Tabs pattern is a unique one supported by FlexiVerse Pro, in this pattern you can create different tabs for certain top and add content in each tab.
Here is how you add it:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “FlexiVerse Pro” to see list of pattern provided by FlexiVerse Pro or you can search patterns from search bar itself
  4. Simply drag and drop Tabs to desired area
  5. Then you can start editing sections of your pattern by clicking on services itself
  6. To add new tab in the, click on New Tabs or simply duplicate the default tab, and add desired content in the respective tab
  7. For more advance option click on setting icon on top right of the editor, then click on each section such to open editor such as styles, columns, image width
  8. Edit as per your need
  9. Click Save after you are done editing

What we Do

What we do pattern is another very important pattern offered by FlexiVerse Pro. In this section you can add small image, description and link in know more button. By default there are 3 columns in what we do section but you can add pattern in between two sections.
Here is how you add what we do pattern:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “FlexiVerse Pro” to see list of pattern provided by FlexiVerse Pro or you can search patterns from search bar itself
  4. Simply drag and drop what we do pattern to desired area
  5. Then you can start editing sections of your pattern by clicking on services itself
  6. For more advance option click on setting icon on top right of the editor, then click on each setion such to open editor such as block spacing, layout, color, typography, media settings, opacity, dimensions
  7. Edit as per your need
  8. Click Save after you are done editing