Installation
You can download Warble free theme through Dashboard > Appearance > Themes > Add New > Warble. Simply click on the ‘Install’ button and wait for a few seconds to ‘Activate’ the theme.
Frequently Asked Question
Before starting please visit our Frequently Asked Question link, to know more about Full Site Editing Themes
Inserting/Adding Warble Patterns
Dashboard >> Editor >> ‘+’ Toolbar (Top Left) >> Patterns >> Select Warble from the dropdown menu >> Add/Insert Warble Patterns accordingly
Editing Pattern Content
First, click on the pattern content you wish to edit/customize
You can select the section/content in three ways
- Clicking on the section itself
- List View
- 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.
How to work with Warble 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 and patterns using the Block Inserter (+) icon.
- Click on the Block and pattern inserter (+) icon in the top toolbar and Click on Patterns. Browse the Patterns and select the one that you like to add.
- Click on the Block and pattern 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.
- Click on the Block and pattern 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.
Go to this link to know more about adding blocks and patterns
List of Pattern supported by Warble
There are 20 patterns supported by Warble
- 404 Header
- Archive Header
- Archive Post Header
- Blog Header
- Footer Three Columns
- Footer
- Header Media
- Hidden 404
- Latest Products
- Logo With No Title
- Modern Sticky Icon Menu
- Portfolio
- Post Header
- Primary Header
- Search Header
- Shop Header
- Sidebar Products
- Sidebar
- Testimonials
WooCommerce Block supported patterns
Warble 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:
- Shop Header
- Sidebar Products
Further instruction about WooCommerce Block supported patterns are below
How to add WooCommerce products category to the pattern?
Warble 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:
- Drag and drop the pattern you want to add in the section or click on “+” Sign and add desired pattern
- 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
- Finally click on done and Save changes
Sidebar Product
Sidebar Product pattern allows you to select and display product category along with the list of category in sidebar.
- Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
- Select “Warble” to see list of pattern provided by Warble
- Scroll down and to find “Sidebar Product”, click to add Sidebar Products on your website or drag and drop
- Finally, click Save to save changes
Header Patterns
There are 7 different headers provided by Warble. Here are the list of headers. You can choose header according to your need.
- 404 Header
- Archive Header
- Archive Post Header
- Blog Header
- Primary Header
- Search Header
- Shop Header
Here is how you add header to website:
- Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
- Click select “Kiddiemart-Lite” to see list of pattern provided by Warble
- Scroll down to find 8 different type of header(mentioned above), click to add desired header or drag and drop
- After adding header, Click on Top left setting icon there you can edit the sections
- Edit Header Accordingly you can add, images, text, cover and so on
- Finally, click “Save” to save changes
Footer Three Columns
The Footer Three Columns Default 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. You can increase columns upto 6 columns.
- Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
- Select “Warble” to see list of pattern provided by Warble
- Scroll down and to find “Footer Three Columns”, click to add Footer Four Columns Default on your website or drag and drop
- Edit Footer Four Columns Default accordingly by changing text, social links, add recent posts
- For advanced setting click on setting button on top right, there you can change columns, typography, color and so on
- Finally click Save, to save changes
Portfolio
Warble supports Portfolio pattern, here you can add images and create your portfolio to showcase your work to the site visitors. By default there are two columns in portfolio.
Here is how you add Portfolio in your website:
- Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
- Select “Warble Pro” to see list of pattern provided by Warble Pro
- Scroll down to find Portfolio, click to add or drag and drop in desired area,there you can customizer such as columns, styles, typography, dimensions and border
- Edit Portofio image by clicking on the default image and replace it accordingly you can add/edit, images.
- By default there are 2 columns in this section and to add more portfolio images simply duplicate the existing image
- Finally click “Save”, to save changes
Testimonials
Testimonials Patterns allows you to display feedback of your customers.
Here is how you add Testimonials:
-
- Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
- Select “Warble Pro” to see list of pattern provided by Warble Pro
- Scroll down to find Testimonials or Testimonial Default, click to add or drag and drop in desired area
- After adding hero content, Click on Top left setting icon there you can customizer various section such as Media Setting,Overlay Opacity, Typography, Dimensions of your choice
- Edit Testimonial Accordingly you can add/edit, images, text, cover, and so on
- Finally click “Save”, to save changes
Templates in Warble
You can find 20 Templates provided by our Warble theme. You can customize these templates if you feel like changing anything on a certain template and wish to see those changes across your site.
- All Archives
- Archive Product
- Blank
- Blog Home
- Cart
- Checkout
- Front Page
- Index
- Order Confirmation
- Page: Cart
- Page: 404
- Page: Checkout
- Pages
- Product Search Results
- Products by Attribute
- Products by Category
- Products by Tag
- Search Results
- Single Post
- Single Product
Template Parts in Warble
There are 11 Template Parts in Warble.
- All Products
- Footer Three Columns
- Footer
- Page Content
- Post Content
- Primary Header
- Sidebar Products
- Sidebar
- Checkout Header
- Mini-Cart
- Product Gallery