Warble 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 Warble Pro

Warble Pro comes with our Premium Plugin FSE Pro, after you purchase Warble 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

Inserting/Adding Warble Pro Patterns

Dashboard >> Editor >> ‘+’ Toolbar (Top Left) >> Patterns >> Select Warble Pro from the dropdown menu >> Add/Insert Warble Pro Patterns accordingly

Blocks in Warble Pro

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

Warble Pro supports 13 different blocks:

1. Case Study
2. Skill Bar
3. Masonry
4. Date
5. Accordion
6. Popup Video
7. Playlist
8. Header Search
9. Header Social
10. Icons(Beta)
11. Countdown
12. Slider
13. Tabs

Patterns in Warble Pro

Patterns in Warble 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 “Warble Pro” which will display list of our Warble 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 Front end then you will see WP Admin Bar on the top of the page, click on “Edit Site” to open the Site Editor.

Patterns in Warble Pro

There are 45 Patterns in Warble Pro.
Here is the list of Patterns Warble Pro supports including patterns from FSE Pro Plugin.

1. 404 Header
2. Archive Header
3. Archive Post Header
4. Best Seller
5. Blog Header
6. CTA
7. Featured Category
8. Featured Collection
9. Featured Content
10. Footer Four Columns
11. Footer Three Columns
12. Footer With Promotional Headline
13. Footer Without Promotional Headline
14. Footer
15. Header Media
16. Hero Content With Collage Images
17. Hero Content
18. Hidden 404
19. How it Works
20. Latest Posts
21. Latest Products
22. Logo With No Title
23. Logo
24. Mobile Sticky Icon Menu
25. Modern Primary Header
26. On Sale Products
27. Our Identity
28. Our Strength
29. Portfolio
30. Post Header
31. Primary Header
32. Product Category
33. Product Reviews
34. Quick Contact Form
35. Search Header
36. Shop Header
37. Sidebar Products
38. Sidebar
39. Stats
40. Subscribe
41. Testimonials
42. Testimonial Slider
43. Testimonial With Product Image
44. Trending Products
45. WooCommerce Features

Add and Edit Menu

You can Select predefined menu and create you own customized menu.
Go to this link for Navigation Block.

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:

This video shows how to select predefined menu:

How to work with Warble Pro Blocks and Patterns

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

There are three ways to add a block using the Block Inserter (+) icon.

1. Click on the Block inserter (+) icon in the top toolbar and Click on Patterns. Browse the Patterns and select the one that you like to add.
2. Click on the Block inserter (+) icon to the right of an empty block, after that Click on the Browse All button, and finally Click on Patterns. Browse the Patterns and select the one that you like to add.
3. Click on the Block inserter (+) icon in between blocks, after that Click on the Browse All button, and finally Click on Patterns. Browse the Patterns and select the one that you like to add.

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.

Block and Pattern.

Go to this link to know more about adding blocks and patterns

WooCommerce Block supported patterns

Warble Pro 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. Best Seller
2. Featured Collection
3. Product Reviews
4. On Sale Products
5. Trending Products
6. Product Reviews

Further instruction about WooCommerce Block supported patterns are below

How to add WooCommerce products category to the pattern?

Warble 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 added

Featured Collection

 

Featured Collection allows you to show new items or products.
Here is how to add featured collection:

1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
2. Select “Warble Pro” to see list of pattern provided by Warble Pro
3. Scroll down and to find “Featured Collection, click to add Review on your website or drag and drop
4. For advance settings, click on setting button on top right to edit Content(Show description, show price), Media Settings, Image Fit, Color
5. Finally, click Save to save changes

Product Reviews

Product Reviews pattern allows you to display review of the product or service you provide. You can showcase positive feedback received to gain trust among new customer. After adding this pattern the products that have reviews will be displayed automatically.
Here is how you add Review pattern:

1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
2. Select “Warble Pro” to see list of pattern provided by Warble Pro
3. Scroll down and to find “Product Reviews”, click to add Review on your website or drag and drop
4. For advance settings, click on setting button on top right to Content (Product name, Product rating, Reviewer Name, Image, Review Date, Review Content), order Reviews by (Most recent, highest rating, lowest rating), starting number of reviews and so on
5. By default there are the 3 of reviews of product shown you can show feedback of 20 maximum
6. Finally, click Save to save changes

On Sale Products

On Sale Products patterns allows you to display products that are in sale.
Here is how you add Review pattern:

1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
2. Select “Warble Pro” to see list of pattern provided by Warble Pro
3. Scroll down and to find “On Sale Products”, click to add On Sale Products on your website or drag and drop
4. For advance settings, click on setting button on top right to edit Layout(up-to 6 columns), Rows, Content(Product Image, Product Title, Product Price, Product Rating and Add to cart button)
5. You can also edit Order By, Filter by Product Category, Filter by stock status
6. Finally, click Save to save changes

Patterns supported by Warble Pro

Header Patterns

There are 8 different headers provided by Warble Pro. Here are the list of headers. You can choose header according to your need.

1. 404 Header
2. Archive Header
3. Archive Post Header
4. Blog Header
5. Header Media
6. Post Header
7. Primary Header
8. Search Header

Here is how you add header to website:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Click select “Warble Pro” to see list of pattern provided by Warble Pro
3. Scroll down to find 8 different type of header(mentioned above), click to add desired header or drag and drop
4. After adding header, Click on Top left setting icon there you can edit the sections
5. Edit Header Accordingly you can add, images, text, cover and so on
6. Finally, click “Save” to save changes

Featured Content

Warble Pro of Featured content pattern, this pattern can be used to highlight the desired content with description and image.
Here is how you add it to your website:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Select “Warble Pro” to see list of pattern provided by Warble Pro
3. Scroll down to find Featured Content, click to add desired area or drag and drop
4. After adding About us you can edit its text, replace image according to you need
5. After adding Featured Content you can edit its text, replace image and change stats according to you need
6. For more advance option click on top left setting icon, there you can change Media & Text Setting, Media Width, Color
7. Finally, click “Save” to save changes

Hero Content

Warble Pro supports 2 Hero Content patterns, hero content has different design.
Two hero content patters are:

1. Hero Content With Collage Images
2. Hero Content

Here is how you add hero content with collage image:

1. 1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
   2. Select “Warble Pro” to see list of pattern provided by Warble Pro
   3. Scroll down to find Hero Content with Collage Images, click to add or drag and drop in desired area there you can customizer such as columns, styles, typography, dimensions and border
   4. Edit Hero Content with collage image accordingly you can add/edit, images, text, cover, button and so on
   5. By default there are 2 columns in this section and made up-to 6 columns
   6. Finally click “Save”, to save changes

Testimonials

Testimonials Patterns allows you to display feedback of your customers. Warble Pro supports 3 testimonials patterns.

1. Testimonials
2. Testimonial Slider
3. Testimonial With Product Image

Here is how you add Testimonials:

1. 1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
   2. Select “Warble Pro” to see list of pattern provided by Warble Pro
   3. Scroll down to find Testimonials or Testimonial Defalt, click to add or drag and drop in desired area
   4. After adding hero content, Click on Top left setting icon there you can customizer various section such as Media Setting,Overlay Opacity, Typography, Dimensions your choice
   5. Edit Testimonial Accordingly you can add/edit, images, text, cover, and so on
   6. Finally click “Save”, to save changes

Footer

Warble Pro support 4 Footer sections that you can display right above your default footer. In the pattern, by default, there are four columns and you can use the columns to add quick information, useful links, recent posts and also your contact info including your social icons. Further option to add footer with and without promotional headline.
The 4 Footer patters they are:

• Footer Four Columns
• Footer Three Columns
• Footer With Promotional Headline
• Footer Without Promotional Headline

1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
2. Select “Warble Pro” to see list of pattern provided by Warble Pro
3. Scroll down and to find “Footer With Four Columns”, click to add Footer With Four Columns on your website or drag and drop
4. Edit Footer With Four Columns accordingly by changing text, social links, 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 Clicking on content or Table of content (List View)

1. Step of Duplication By Clicking on content:

1. • Add the desired pattern, then click on the section you want to duplicate
   • Click on the section you want to duplicate, after clicking tool bar will open and click the three buttons
   • After clicking on the three dots menu on the tool bar, click on the “Duplicate” option to replicate your desired section or design
   • Edit the section accordingly
   • Click on “Save” button to save your changes

2. Steps of Duplication by using List View:

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

Templates in Warble Pro

You can find 32 Templates provided by Warble Pro. You can customize these templates if you feel like changing anything on a certain template and wish to see those changes across your site.

1. All Archives
2. Archive Products: This template displays any archive, including posts by a single author, category, tag, taxonomy, custom post type, and date.
3. Archive Product(Full Width)
4. Archive Product(Sidebar on Left)
5. Archive Product (Sidebar on Right
6. Blank: The blank template can be used for displaying the contents of a post or page
7. Blog Home
8. Blog Page(No Sidebar Full Width)
9. Blog Page(Sidebar on Left)
10. Blog Page(Sidebar on Right)
11. Cart
12. Checkout
13. Front Page
14. Index
15. Order Confirmation
16. Page(With Products)
17. Page: 404
18. Page: Cart
19. Page: Checkout
20. Pages
21. Product Search Results
22. Products by Attribute
23. Products by Category
24. Products by Tag
25. Search Results
26. Single Page(No Sidebar Full Width)
27. Single Page(Sidebar on Left)
28. Single Page(Sidebar on Right)
29. Single Post(No Sidebar Left)
30. Single Post(Sidebar on Right)
31. Single Posts
32. Single Product

Template Parts in Warble Pro

There are 14 Template Parts in Warble Pro.

1. All Products
2. Page Content
3. Post Content
4. Sidebar Products
5. Sidebar
6. Product Gallery
7. Modern Primary Header
8. Primary Header
9. Checkout Header
10. Footer Three Columns
11. Footer Four Columns
12. Footer With Promotion Headline
13. Footer Without Promotion Headline
14. Footer