CraftyCommerce Pro is a Customizable WordPress theme powered by WordPress Full Site Editing. Crafty Commerce Pro is WordPress theme for ecommerce, designed to cater to the needs of e-commerce businesses and artisans who want to showcase their products and services in a professional and engaging manner.

With built-in blocks and patterns, templates, and template parts you can easily showcase your products. CraftyCommerce Pro allows you to personalize your store to match your brand identity with easy full site editing. You can easily customize your website in just a few clicks

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

There are 8 blocks in CraftyCommerce 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 CraftyCommerce Pro

1. Featured Slider
2. Call to Action
3. Cover With Archive Title
4. Cover with Post Title
5. Discount Code
6. Error 404
7. Feature Banner Main
8. Feature Banner One
9. Featured Banner Three
10. Feature Banner Two
11. Feature Category Two
12. Featured Category
13. Feature Product
14. Footer
15. Pricing
16. Header Three
17. Header Two
18. Header
19. Home Page Two
20. Home Page
21. Latest News
22. Latest Product
23. Main Banner
24. Our Partner
25. Popular Product
26. Product Column
27. Product Sidebar
28. Service
29. Shop Title Cover
30. Sidebar
31. Trending Product

List of Template in CraftyCommerce Pro

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

List of Template Parts in CraftyCommerce Pro

1. Product Sidbebar
2. Sidebar
3. Checkout Header
4. Header
5. Footer
6. Mini-Cart

Working with Blocks and Pattern

CraftyCommerce 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 CraftyCommerce 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 CraftyCommerce 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 “CraftyCommerce Pro” to see list of pattern provided by CraftyCommerce 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 CraftyCommerce Pro.
Here are few images to add edit menu:

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

Feature Slider

CraftyCommerce Pro support feature slider pattern, in this pattern you can show highlight of your product in slider view.
Here is how you add feature slider:

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 “CraftyCommerce Pro” to see list of pattern provided by CraftyCommerce Pro or you can search patterns from search bar itself
4. Simply drag and drop default Feature Slider to desired area
5. Then you can start editing sections of your pattern by clicking on default feature slider text
6. To replace default image you can open list view option from top left button and open the slider then replace default image
7. For more advance option click on setting icon on top right of the editor. Here you can edit, number of slides, number of slides being displayed in view oprt, enable disable controls, enable/disable autoplay, enable/disable dots(pagination)
8. Click Save after you are done editing

Feature Category

Fearue Category pattern in CraftyCommerce Pro is pattern supported by Woocommerce. Here you can display the category of products you sell.
Here is how you add feature category:

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 “CraftyCommerce Pro” to see list of pattern provided by CraftyCommerce Pro or you can search patterns from search bar itself
4. Simply drag and drop default feature category to desired area
5. Then you can select category from the list that you want to display
6. Click on the content itself to change image, text
7. For more advance option click on setting icon on top right of the editor.
8. Click Save after you are done editing

Footer

Footer in CraftyCommerce 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 “CraftyCommerce Pro” to see list of pattern provided by CraftyCommerce 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 CraftyCommerce Pro allow you to display kind of service you provide in meaningful icons. It supports 5 columns with some text.
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 “CraftyCommerce Pro” to see list of pattern provided by CraftyCommerce 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, layout, position
7. Edit as per your need
8. Click Save after you are done editing

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:

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

1. 404 Error Page
2. Service Page
3. Cases
4. Contact Info
5. Archive Title
6. Post Title
7. CTA
8. Footer
9. Header
10. Hero Content
11. Home
12. Latest News
13. Main Banner
14. Services
15. Sidebar
16. What We Do

Templates supported by FlexiVerse:

1. 404
2. Archive
3. Product Category
4. Blank
5. Blog Page(Sidebar on Left)
6. Front Page
7. Index
8. Page
9. Page(No Title/Feature Image)
10. Product Search Results
11. Search
12. Single
13. Single Product
14. Products by Category
15. Products by Tag

Template Parts by FlexiVerse:

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

How to import demo?

Download your demo content from github repository here: https://github.com/fireflythemes/demo-content.Find your theme and download xml file after you get your file,here is how you import demo content:

1. Go to Tools -> Import
2. Under WordPress Click “Run Importer”
3. Select the xml file to upload the demo
4. Demo will be imported after few minutes

How to add Pattern?

Adding Patterns in FlexiVerse is very easy, you will have to drag and drop pattern in desired area and start editing. Go to this link for more information about Block and Patterns

Here are few steps to add patterns in your website:

• Go to New/Edit, page or post
• Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
• Click on “FlexiVerse” to see list of pattern provided by FlexiVerse or you can search patterns from search bar itself
• Simply drag and drop patterns to desired area
• Then you can start editing sections of your pattern
• 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, Layouts 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

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

Service Page

Service Page pattern in FlexiVerse displays the service you provide, using this pattern you can add information about your sevice add images and button. It also comes with header.
Here is how you add edit service page:

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 “FlexiVerse” to see list of pattern provided by FlexiVerse scroll down to find Service Page
4. Simply click the service page to add
5. Then you can start editing sections of your pattern by clicking on element of the pattern itself itself
6. Click on the header to replace image and other options
7. For more advance option click on setting icon on top right of the editor. Edit as per your need
8. Click Save after you are done editing

Home

We have crafted a distinctive home pattern for FlexiVerse, comprising 7 distinct sections. This design simplifies the customization of your homepage, eliminating the need for extensive additional effort as required by other patterns. By seamlessly integrating the footer pattern, your homepage can be prepared within a few clicks, streamlining the process effectively.
Here is how you add Home 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 “FlexiVerse” to see list of pattern provided by FlexiVerse scroll down to find Home
4. Simply click the service page to add
5. Then you can start editing sections of your pattern by clicking on element of the pattern itself itself
6. Click on the header to replace image and other options
7. For more advance option click on setting icon on top right of the editor. Edit as per your need
8. Click Save after you are done editing

Footer

Footer in FlexiVerse has five 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 “FlexiVerse” to see list of pattern provided by FlexiVerse scroll down to find Footer
4. Simply click the footer to add
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

Cases

FlexiVerse embraces the Cases pattern, an exceptional approach that empowers you to exhibit your latest projects accompanied by images and titles. This content layout is organized in three rows and two columns, creating an aesthetically pleasing arrangement that beautifully showcases the images.
Here is how you add and edit default Cases:

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 “FlexiVerse” to see list of pattern provided by FlexiVerse scroll down to find Cases
4. Simply click the Cases to add
5. Then you can start editing sections of your pattern by clicking on default Cases itself, replace image, title, header and so on
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

What We Do

FlexiVerse offers a distinctive approach to the “what to do” pattern. Within FlexiVerse, we have developed a one-of-a-kind design specifically for this pattern. This design enables you to elegantly showcase the services you offer through a logo, enhancing its appeal and attractiveness to visitors.
Here is how you add What We Do:

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 “FlexiVerse” to see list of pattern provided by FlexiVerse scroll down to find What We Do
4. Simply click the What We Do to add
5. Then you can start editing sections of your pattern by clicking on default What We Do itself, replace image, title, header and so on
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

Patterns in SwiftStore

1. Cover with Archive Title
2. Cover with Post Title
3. Discount Code
4. Error 404
5. Feature Banner One
6. Feature Banner Three
7. Feature Category Two
8. Footer
9. Header
10. Home Page
11. Latest Product
12. Our Partner
13. Product Sidebar
14. Service
15. Shop Title Cover
16. Sidebar
17. Trending Product

List of Template in SwiftStore

1. 404
2. Archive
3. Product Catalog
4. Archive Product(Sidebar on Left)
5. Blank
6. Blog Page (Sidebar on Left)
7. Front Page
8. Home
9. Index
10. Page
11. Page(No Title/Feature Image)
12. Product Search Results
13. Search
14. Single
15. Single Product
16. Products by Attribute
17. Products By Category
18. Products By Tag

List of Template Parts in SwiftStore

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

How to import demo?

Download your demo content from GitHub repository here: https://github.com/fireflythemes/demo-content.Find your theme and download xml file after you get your file, here is how you import demo content:

1. Go to Tools -> Import
2. Under WordPress Click “Run Importer”
3. Select the xml file to upload the demo
4. Demo will be imported after few minutes

How to add Pattern?

Adding Patterns in SwiftStore 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 “SwiftStore” to see list of pattern provided by SwiftStore 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, Layouts 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

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

Discount Code

Discount Code pattern is simple pattern here you can provide couple code or information about discount that you provide. Here is how you add and edit discount code 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 “SwiftStore” to see list of pattern provided by SwiftStore or you can search patterns from search bar itself
4. Simply drag and drop Discount Code to desired area
5. Then you can start editing sections of your pattern by clicking on hero content itself
6. For advance setting click on setting button on top right and change other options such as color, typography
7. Click Save after you are done editing

Footer

Footer in SwiftStore has five 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 “SwiftStore” to see list of pattern provided by SwiftStore scroll down to find footer
4. Simply click the footer to add
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

Featured Category Three

Featured Category Three pattern allows you to display category of the product, here you can add link to redirect product to the same category.
Here is how you add Category:

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 “SwiftStore” to see list of pattern provided by SwiftStore or you can search patterns from search bar itself
4. Simply click featured category three to add it
5. Then you can start editing sections of your pattern by clicking on recent work itself, you can add page link in the button to redirect it to the product page
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 layout , position
7. Edit as per your need
8. Click Save after you are done editing

Header

SwiftStore supports three one header patterns Header, Here is how you add header 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 Pattern
3. Click on “SwiftStore” to see list of pattern provided by SwiftStore or you can search patterns from search bar itself
4. Simply drag and drop header
5. Then you can start editing sections of your pattern by clicking on feature category itself
6. Edit as per your need
7. Click Save after you are done editing

Swift Store Pro, the ultimate WooCommerce-ready WordPress theme designed to elevate your online store to new heights. It is a premium WordPress WooCommerce ready theme. With its WooCommerce compatibility, this WordPress theme offers a seamless integration with the leading e-commerce platform, enabling you to effortlessly set up and manage your online store.

SwiftStore Pro allows you to personalize your store to match your brand identity with easy full site editing. With 26 different patterns, template parts and template, you can easily customize your website in just a few clicks. The theme is responsive that means it looks flawless across all devices, including desktops, tablets, and mobile phones. Your customers will enjoy a smooth and intuitive browsing experience, leading to higher engagement and increased sales. Additionally, SwiftStore Pro is built with secured and updated codes, if you are confused about customization our support team is always there at your service. Get ready to accelerate your online business with SwiftStore Pro!

Patterns in SwiftStore Pro

1. Cover with Archive Title
2. Cover with Post Title
3. Discount Code
4. Error 404
5. Feature Banner Image
6. Feature Banner One
7. Feature Banner Three
8. Feature Banner Two
9. Feature Category Two
10. Feature Category
11. Feature Product
12. Footer
13. Header Three
14. Header Two
15. Header
16. Homepage Two
17. Home Page
18. Latest News
19. Latest Product
20. Our Partner
21. Product Column
22. Product Sidebar
23. Service
24. Shop Title Cover
25. Sidebar
26. Trending Product

List of Template in SwiftStore Pro

1. 404
2. Archive
3. Product Catalog
4. Archive Product(Sidebar on Left)
5. Archive Product(Sidebar on Right)
6. Blank
7. Blog Page(Full Width Grid View
8. Blog Page (Sidebar on Left)
9. Blog Page(Sidebar on Right)
10. Home
11. Index
12. Page
13. Page(No Title/Feature Image)
14. Product Search Results
15. Search
16. Single
17. Single Product
18. Products By Category
19. Products By Tag

List of Template Parts in SwiftStore Pro

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

Working With Navigation Block(Add Edit Menu)

Click Here for more information about Navigation Block

How to import demo?

Download your demo content from GitHub repository here: https://github.com/fireflythemes/demo-content.Find your theme and download xml file after you get your file, here is how you import demo content:

1. Go to Tools -> Import
2. Under WordPress Click “Run Importer”
3. Select the xml file to upload the demo
4. Demo will be imported after few minutes

How to add Pattern?

Adding Patterns in SwiftStore 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 “SwiftStore Pro” to see list of pattern provided by SwiftStore 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. Go to this link for more information about Block and Patterns
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, Layouts 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

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

Discount Code

Discount Code pattern is simple pattern here you can provide couple code or information about discount that you provide. Here is how you add and edit discount code 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 “SwiftStore Pro” to see list of pattern provided by SwiftStore Pro or you can search patterns from search bar itself
4. Simply drag and drop Discount Code to desired area
5. Then you can start editing sections of your pattern by clicking on hero content itself
6. For advance setting click on setting button on top right and change other options such as color, typography
7. Click Save after you are done editing

Footer

Footer in SwiftStore Pro has five 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 “SwiftStore Pro” to see list of pattern provided by SwiftStore Pro scroll down to find footer
4. Simply click the footer to add
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

Featured Category Two

Featured Category pattern allows you to display category of the product, here you can add link to redirect product to the same category.
Here is how you add Category:

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 “SwiftStore Pro” to see list of pattern provided by SwiftStore Pro or you can search patterns from search bar itself
4. Simply click featured category two to add it
5. Then you can start editing sections of your pattern by clicking on recent work itself, you can add page link in the button to redirect it to the product page
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 layout , position
7. Edit as per your need
8. Click Save after you are done editing

Feature Category

Featured category pattern allows you to display product categories you created in WooCommerce.
Here is how you add feature category 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 “SwiftStore Pro” to see list of pattern provided by SwiftStore Pro or you can search patterns from search bar itself
4. Simply drag and drop feature category to desired area
5. Then you can start editing sections of your pattern by clicking on feature category itself, there you can find list of categories click on the category you wish to display
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

Header

SwiftStore Pro supports three header patterns Header, Header two and header three. All three header has different styles and elements present you can choose it according to your need:

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 “SwiftStore Pro” to see list of pattern provided by SwiftStore Pro or you can search patterns from search bar itself
4. Simply drag and drop header you want add
5. Then you can start editing sections of your pattern by clicking on feature category itself
6. Edit as per your need
7. Click Save after you are done editing

You can open site editor and start customizing block patterns. You can easily drag and drop patterns provided by theme and start editing. We have added pre-define pattern which are perfect to create beautiful website in no time.

List of Patterns in Hyakutake

1. 404 Error Page
2. Archive Title
3. Cases
4. Default Footer
5. Default Header
6. Hero Content
7. Latest News
8. Main Banner
9. Post Title
10. Services
11. Sidebar

List of Template in Hyakutake

1. Archive: Displays post categories, tags, and other archives
2. Search: Displays search results
3. No Cover Page Header
4. 404: Displays when no content is found
5. Blank
6. Single: The default template for displaying any single post or attachment.
7. Index: Displays posts
8. Home: Displays posts on the homepage, or on the Posts page if a static homepage is set
9. Page
10. No Cover Page Header

List of Template Parts in Hyakutake

1. Sidber
2. Header
3. Footer

How to add Pattern?

Adding Patterns in Hyakutake 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 “Hyakutake” to see list of pattern provided by Hyakutake 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

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

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 “Hyakutake” to see list of pattern provided by Hyakutake 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, typoghraphy, radius. Edit as per your need
7. Click Save after you are done editing

Default Footer

Default footer in Hyakutake 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 “Hyakutake” to see list of pattern provided by Hyakutake 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 Hyakutake 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 “Hyakutake” to see list of pattern provided by Hyakutake 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 setion 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

Cases

Cases pattern is another very important pattern offered by Hyakutake. In this section you can add image along with description and link in know more button.
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 “Hyakutake” to see list of pattern provided by Hyakutake or you can search patterns from search bar itself
4. Simply drag and drop cases pattern to desired area
5. Then you can start editing sections of your pattern by clicking on cases itself, you can replace the image and text by clicking on the section
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 media width, color, typography, settings like stack on mobile, crop image to fill entire column
7. Edit as per your need
8. Click Save after you are done editing

Hyakutake 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.

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

There are 8 blocks in Hyakutake Pro 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 Hyakutake Pro

1. 404 Error Page
2. Archive Title
3. Call to Action
4. Cases
5. Cases Carousel
6. Default Footer
7. Default Header
8. Hero Content
9. Key Feature
10. Latest News
11. Main Banner
12. Main Slider
13. Post Title
14. Recent Work Carousel
15. Services
16. Services Carousel
17. Sidebar
18. Skills
19. Tabs
20. Teams
21. Testimonials Carousel

List of Template in Hyakutake Pro

1. Blank
2. Archive: Displays post categories, tags, and other archives.
3. Home: Displays posts on the homepage, or on the Posts page if a static homepage is set.
4. Page: Displays a single page
5. Search: Displays search results
6. Single
7. Index
8. 404
9. No Cover Page Header

List of Template Parts in Hyakutake Pro

1. Sidber
2. Header
3. Footer

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 seach 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 Hyakutake 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 Hyakutake 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 “Hyakutake Pro” to see list of pattern provided by Hyakutake 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

We have listed few instructions of the main Patterns supported by Hyakutake 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 “Hyakutake Pro” to see list of pattern provided by Hyakutake 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, typoghraphy, radius. Edit as per your need
7. Click Save after you are done editing

Default Footer

Default footer in Hyakutake 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 “Hyakutake Pro” to see list of pattern provided by Hyakutake 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

Cases

Hyakutake Pro supports Cases pattern. This pattern allows you to display text with images. You can add description of product or project you are working in.
Here is how you add and edit Cases:

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 “Hyakutake Pro” to see list of pattern provided by Hyakutake Pro or you can search patterns from search bar itself
4. Simply drag and drop Cases to desired area
5. Then you can start editing sections of your pattern by clicking on cases itself, after clicking you will find tool box where you can replace the images and edit text accordingly
6. For more advance option click on setting icon on top right of the editor, there you can edit, columns gutter, columns layout(up to layout four)
7. Click Save after you are done editing

Cases Carousel

Hyakutake Pro supports Cases Carousel pattern. This pattern allows you to display text with images which comes in slider format, the image along with the description slides in some seconds. You can add description of product or project you are working in.
Here is how you add and edit Cases:

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 “Hyakutake Pro” to see list of pattern provided by Hyakutake Pro or you can search patterns from search bar itself
4. Simply drag and drop Cases Carousel to desired area
5. Then you can start editing sections of your pattern by clicking on cases carousel itself, after clicking you will find tool box where you can replace the images and edit text accordingly
6. For more advance option click on setting icon on top right of the editor
7. Click Save after you are done editing

Main Slider

Hyakutake Pro supports Main Slider pattern. This pattern allows you to display slider in header area.
Here is how you add and edit Main Slider:

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 “Hyakutake Pro” to see list of pattern provided by Hyakutake Pro or you can search patterns from search bar itself
4. Simply drag and drop Main Slider to desired area
5. Then you can start editing sections of your pattern by clicking on Main Slider itself, after clicking you will find tool box where you can replace the images and edit text accordingly
6. To add another slide, click on list view option and you can go inside Group -> Slides, from there you can duplicate existing slide to create new slide, you can add sliders as many sliders as you want
7. For more advance option click on setting icon on top right of the editor
8. Click Save after you are done editing

Services

Services pattern in Hyakutake 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 “Hyakutake Pro” to see list of pattern provided by Hyakutake 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 setion such to open editor such as styles, Image dimenstions, layout,color , typograpgy, media settings, opacity, dimensions
7. Edit as per your need
8. Click Save after you are done editing

Skills

Skills pattern in Hyakutake Pro allows you to display skills in percentage. You can add other information along with skills.
Here is how you add skills pattern and edit 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 “Hyakutake Pro” to see list of pattern provided by Hyakutake 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 skill itself
6. For more advance option click on setting icon on top right of the editor, there you can edit skill bar styles from default or style two, edit numbers (in percentage), change bar shape
7. Edit as per your need
8. Click Save after you are done editing

JetBlack FSE 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.

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 JetBlack FSE Pro

There are 8 blocks in JetBlack FSE Pro 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 JetBlack FSE Pro

1. 404 Error Page
2. Archive Title
3. Default Footer
4. Default Header
5. Call To Action
6. Gallery Masonry
7. Hero Content
8. Hero Content Two
9. Key Feature
10. Latest News
11. Main Banner
12. Main Slider
13. Post Title
14. Recent Works
15. Recent Work Carousel
16. Services Carousel
17. Services
18. Sidebar
19. Skills
20. Tabs
21. Teams
22. Testimonials Carousel
23. What We Do

List of Template in JetBlack FSE Pro

1. Home
2. Single Post
3. Archive
4. Index
5. Search
6. Page
7. 404
8. No Cover Page Header
9. Blank

List of Template Parts in JetBlack FSE Pro

1. Sidebar
2. Header
3. Footer

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 JetBlack FSE 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 JetBlack FSE 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 “JetBlack FSE Pro” to see list of pattern provided by JetBlack FSE 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

We have listed few instructions of the main Patterns supported by JetBlack FSE 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 “JetBlack FSE Pro” to see list of pattern provided by JetBlack FSE 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

Default Footer

Default footer in JetBlack FSE 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 “JetBlack FSE Pro” to see list of pattern provided by JetBlack FSE 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

Gallery Masonry

JetBlack FSE Pro supports gallery masonry pattern. This pattern allows you to display photos in collage view, you can add different pictures in this section.
Here is how you add and edit Gallery Masonry:

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 “JetBlack FSE Pro” to see list of pattern provided by JetBlack FSE Pro or you can search patterns from search bar itself
4. Simply drag and drop Gallery Masonry to desired area
5. Then you can start editing sections of your pattern by clicking on gallery masonry itself, after clicking you will find “Add More Images” button add images or remove as per your need
6. For more advance option click on setting icon on top right of the editor, there you can edit, columns gutter, columns layout(up to layout four)
7. Click Save after you are done editing

Key Feature

JetBlack FSE Pro supports Key Feature pattern. This pattern allows you to display photos along with some text. You can add short informations.
Here is how you add and edit Key Feature:

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 “JetBlack FSE Pro” to see list of pattern provided by JetBlack FSE Pro or you can search patterns from search bar itself
4. Simply drag and drop key feature to desired area
5. Then you can start editing sections of your pattern by clicking on key feature itself, click on image to replace image and other text content too
6. For more advance option click on setting icon on top right of the editor, there you can edit color, typography of the pattern
7. Click Save after you are done editing

Recent Works

Recent Works pattern allow you to display your recent project or assignments to your visitor. If has 3 columns where you can display image, add some text.
Here is how you add and edit recent works:

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 “JetBlack FSE Pro” to see list of pattern provided by JetBlack FSE Pro or you can search patterns from search bar itself
4. Simply drag and drop recent works to desired area
5. Then you can start editing sections of your pattern by clicking on recent work 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 color , typography, media settings, opacity, dimensions
7. Edit as per your need
8. Click Save after you are done editing

Services

Services pattern in JetBlack FSE 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 “JetBlack FSE Pro” to see list of pattern provided by JetBlack FSE 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

Skills pattern in JetBlack FSE Pro allows you to display skills in percentage. You can add other information along with skills.
Here is how you add skills pattern and edit 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 “JetBlack FSE Pro” to see list of pattern provided by JetBlack FSE 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 skill itself
6. For more advance option click on setting icon on top right of the editor, there you can edit skill bar styles from default or style two, edit numbers (in percentage), change bar shape
7. Edit as per your need
8. Click Save after you are done editing

What we Do

What we do pattern is another very important pattern offered by JetBlack FSE 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 “JetBlack FSE Pro” to see list of pattern provided by JetBlack FSE 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

JetBlack FSE 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.

You can open site editor and start customizing block patterns. You can easily drag and drop patterns provided by theme and start editing. We have added pre-define pattern which are perfect to create beautiful website in no time.

List of Patterns in JetBlack FSE

1. 404 Error Page
2. Archive Title
3. Default Footer
4. Default Header
5. Hero Content
6. Latest News
7. Main Banner
8. Post Title
9. Recent Works
10. Services
11. Sidebar
12. What We Do

List of Template in JetBlack FSE

1. Single Post
2. Home
3. Search
4. No Cover Page Header
5. 404
6. Index
7. Blank
8. Page
9. Archive

List of Template Parts in JetBlack FSE

1. Sidebar
2. Header
3. Footer

How to add Pattern?

Adding Patterns in JetBlack FSE 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 “JetBlack FSE” to see list of pattern provided by JetBlack FSE 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

We have listed few instructions of the main Patterns supported by JetBlack FSE:

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 “JetBlack FSE” to see list of pattern provided by JetBlack FSE 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, typoghraphy, radius. Edit as per your need
7. Click Save after you are done editing

Default Footer

Default footer in JetBlack FSE 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 “JetBlack FSE” to see list of pattern provided by JetBlack FSE 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

Recent Works

Recent Works pattern allow you to display your recent project or assignments to your visitor. If has 3 columns where you can display image, add some text.
Here is how you add and edit recent works:

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 “JetBlack FSE” to see list of pattern provided by JetBlack FSE or you can search patterns from search bar itself
4. Simply drag and drop recent works to desired area
5. Then you can start editing sections of your pattern by clicking on recent work 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 color , typography, media settings, opacity, dimensions
7. Edit as per your need
8. Click Save after you are done editing

Services

Services pattern in JetBlack FSE 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 “JetBlack FSE” to see list of pattern provided by JetBlack FSE 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 setion 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

What we Do

What we do pattern is another very important pattern offered by JetBlack FSE. 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 “JetBlack FSE” to see list of pattern provided by JetBlack FSE 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

For importing demo data for free themes, see this: https://fireflythemes.com/documentation/demo-import-for-free-themes/

Add Logo

• Go to Appearance > Customize > Site Identity
• Click in “Select Logo”, you can upload a new file or use media library
• Then click publish to save your logo

Menu

Elite Commerce supports Primary Menu and Social Menu.

• Go to Appearance > Customize > Menu > View All Location
• You can add and edit Primary menu and Social Menu as per your requirement
• Here you can enable/disable primary menu and search on primary menu
• Then click publish to save your menus

Slider

Elite Commerce supports Page as Slider. Follow following steps to add sliders to you website:

• Go to Appearance > Customize > Sections > Slider
• Enable slider by clicking on “Visible on” button you can either show slider on entire pages or homepage/frontpage
• Under “Number” select the number of pages you want to display as slider
• Then select pages under Page #1, Page #2, Page #3 and so on
• Slider advance option to enable/disable Autoplay
• Then click publish to save your slider

Product Categories

For this option install and activate WooCommerce Plugin.

• Go to Appearance > Customize > Sections > Product Categories
• Enable product categories by clicking on “Visible on” entire pages or homepage/frontpage
• Under “Pick Product Categories” Select the categories you want to display in this section
• Change Section Title and Section Top Subtitle
• Then click publish to save your product categories

Products Listing

For this option install and activate WooCommerce Plugin.

• Go to Appearance > Customize > Sections > Product Listing
• Enable product listing by clicking on “Visible on” entire pages or homepage/frontpage
• Choose “Order By”, “Product Filter”, “Order” as per your need
• Add SKUs and Pick Product categories
• Change Section Title, Section Top Subtitle, Number, No of column, enable/disable paginate
• Then click publish to save your product listing

Promotion Headline

Here is how you add promotion headline to your theme:

• Go to Appearance > Customize > Sections > Promotion Headline
• Enable promotion headline by clicking on “Visible on” button you can either show promotion headline on entire pages or homepage/frontpage
• Under “Select Page” select the pages you want to display as Promotion Headline
• Then click publish to save your promotion headline

Testimonials

Here are steps to add testimonials in your theme:

• Go to Appearance > Customize > Sections > Testimonials
• Enable Testimonials by clicking on “Visible on”, on entire pages or homepage/frontpage
• Under “Number” select number of testimonials you want to display
• Then Select pages to display as testimonials
• You can edit section top sub-title, section title, and section subtitle under their respective field
• Finally, click publish to save your testimonials

What We Do

Elite Commerce supports what we do section, you can choose page as what we do. Here are steps to add what do we do section in your website:

• Go to Appearance > Customize > Sections > What We Do
• Enable What We Do by clicking on “Visible on” button you can either show what we do on entire pages or homepage/frontpage
• Under “Number” select the numbers of items to display as what we do section
• Under Item#1 Select pages, add icon class and image accordingly
• You can edit Section Top Sub-title, Section Title and Section Subtitle under their respective field
• Finally, click publish to save your what we do section

Breadcrumb

Breadcrumb option indicate the current page’s location within a navigational hierarchy. This theme supports option to enable or disable breadcrumb.

• Go to Appearance > Customize > Theme Options > Breadcrumb
• Enable or Disable as per your requirement
• Then click publish to save

Excerpt Option

Excerpt Option is used to show the words of your content. Default length of content is 20words.

• Go to Appearance > Customize > Theme Options > Excerpt Option
• Change Excerpt Length (words) and Continue Reading Text as per your requirement
• Then click publish to save changes

Header Options

Header Options in Elite Commerce allows you to add different information about your business/company in header.

• Go to Appearance > Customize > Theme Options > Header Options
• Fill Text, Email, Phone, Address, Open hours, Button Text, Button Link in respective fields
• Then click publish to save

Layout

Elite Commerce supports different layouts for different pages

Default Layout

There are 2 different types of default layouts, Right Sidebar and No sidebar: Full Width. Default Layout sets the layout for entire website

Homepage/Archive Layout

There are 2 different Homepage/Archive Layout Right Sidebar and No sidebar: Full Width. Homepage/Archive Layout set the layout for homepage and archive pages

WooCommerce Pages Layout

There are 2 different type WooCommerce pages layout, No Sidebar:Full Width and Right sidebar for your WooCommerce pages

For importing demo data for free themes, see this: https://fireflythemes.com/documentation/demo-import-for-free-themes/

Add Logo

• Go to Appearance > Customize > Site Identity
• Click in “Select Logo”, you can upload a new file or use media library
• Then click publish to save your logo

Menu

Business Capital Construction supports Primary Menu and Social Menu.

• Go to Appearance > Customize > Menu > View All Location
• You can add and edit Primary menu and Social Menu as per your requirement
• Here you can enable/disable primary menu and search on primary menu
• Then click publish to save your menus

Hero Content

Hero Content presents an overview of the site’s most important content. Business Capital Construction page as Hero Content. Here are steps to add hero content:

• Go to Appearance > Customize > Sections > Hero Content
• Enable hero content by clicking on “Visible on” button you can either show slider on entire pages or homepage/frontpage or entire site
• Under “Select Page” choose page you want to display as hero content
• Change Top Subtitle as per your requirement
• Then click publish to save your hero content

Contact Form

Business Capital Construction supports Page as Contact Form. Here you can install contact form and add contact form shortcode in page you want to display as contact form.
Here is how you add conact form:

• Go to Appearance > Customize > Sections > Contact Form
• Enable contact form by clicking on “Visible on” button you can either show on entire pages or homepage/frontpage
• Then choose page as Contact Form under “Select Page” option
• Then click Publish to save your contact form

Fetured Grid

Business Capital Construction supports page as Featured Grid . Here are steps to it:

• Go to Appearance => Customize => Sections => Featured Grid
• Enable Fetured Grid by clicking on “Visible on” button you can either show slider on entire pages or homepage/frontpage or entire site
• Under “Number” choose the number of items you want to show in featured grid
• Under “Select Page” choose page you want to display as Featured grid
• Add Button text and button link too
• Change Top Section title and Section Subtitle as per your requirement
• Then click publish to save your Featured Grid

Slider

Business Capital Construction supports Page as Slider. Follow following steps to add sliders to you website:

• Go to Appearance > Customize > Sections > Slider
• Enable slider by clicking on “Visible on” button you can either show slider on entire pages or homepage/frontpage
• Under “Number” select the number of pages you want to display as slider
• Then select pages under Item #1, Item #2, Item #3 and so on
• Then click publish to save your slider

Testimonials

Testimonials section helps your audiance to know what your goods and services are like. Select Page as testimonial.
Here are steps to add testimonials in your theme:

• Go to Appearance > Customize > Sections > Testimonials
• Enable Testimonials by clicking on “Visible on” button you can either show slider on entire pages or homepage/frontpage
• Under “Number” select number of testimonials you want to display
• Then under “Select page” select pages to display as testimonials
• You can edit section top sub-title, section title, and section subtitle under their respective field
• Finally, click publish to save your testimonials

What We Do

Business Capital Construction supports what we do section, you can choose page as what we do. Here are steps to add what do we do section in your website:

• Go to Appearance > Customize > Sections > What We Do Enable What We Do by clicking on “Visible on” button you can either show slider on entire pages or homepage/frontpage
• Under “Number” select the numbers of items to display as what we do section
• Then Select pages accordingly, you can add icon class too in each pages under “Icon Class”
• You can edit Section Top Sub-title, Section Title and Section Subtitle under their respective field
• Finally, click publish to save your what we do section

Breadcrumb

Breadcrumb option indicate the current page’s location within a navigational hierarchy. This theme supports option to enable or disable breadcrumb.

• Go to Appearance > Customize > Theme Options > Breadcrumb
• Enable or Disable as per your requirement
• Then click publish to save

Excerpt Option

Excerpt Option is used to show the words of your content. Default length of content is 30words.

• Go to Appearance > Customize > Theme Options > Excerpt Option
• Change Excerpt Length (words) and Continue Reading Text as per your requirement
• Then click publish to save changes

Header Options

Header Options in Business Capital Construction allows you to add unique header text. There are three header styles to choose from.

• Go to Appearance > Customize > Theme Options > Header Options
• Choose header top color as dark or light
• Fill in Email, Phone, Address, Open Hours, Button text and Button link to display as header
• Then click publish to save

Layout

Business Capital Construction supports different layouts for different pages

Default Layout

There are 2 different types of default layouts, Right Sidebar and No sidebar:Full Width. Default Layout sets the layout for entire website

Homepage/Archive Layout

There are 2 different Homepage/Archive Layout Right Sidebar and No sidebar:Full Width. Homepage/Archive Layout set the layout for homepage and archive pages

For importing demo data for free themes, see this: https://fireflythemes.com/documentation/demo-import-for-free-themes/

Add Logo

• Go to Appearance > Customize > Site Identity
• Click in “Select Logo”, you can upload a new file or use media library
• Then click publish to save your logo

Menu

Elite Business Corporate supports Primary Menu and Social Menu.

• Go to Appearance > Customize > Menu > View All Location
• You can add and edit Primary menu and Social Menu as per your requirement
• Here you can enable/disable primary menu and search on primary menu
• Then click publish to save your menus

Hero Content

Hero Content presents an overview of the site’s most important content. Elite Business Corporate page as Hero Content. Here are steps to add hero content:

• Go to Appearance > Customize > Sections > Hero Content
• Enable hero content by clicking on “Visible on” button you can either show slider on entire pages or homepage/frontpage or entire site
• Under “Select Page” choose page you want to display as hero content
• Change Top Subtitle as per your requirement
• Then click publish to save your hero content

Featured Content

Elite Business Corporate support page as Featured Content. Here are steps to add featured content:

• Go to Appearance > Customize > Sections > Featured Content
• Enable featured content by clicking on “Visible on” button you can either show on entire pages or homepage/frontpage
• Under “Number” change the number of featured content you want to display
• Then choose page as featured content under “Select Page” option
• You can edit Section Top Sub-title, Section Title, Section Subtitle, Button Text and Button Link under their respective field
• Then click Publish to save your featured content

Slider

Elite Business Corporate supports Page as Slider. Follow following steps to add sliders to you website:

• Go to Appearance > Customize > Sections > Slider
• Enable slider by clicking on “Visible on” button you can either show slider on entire pages or homepage/frontpage
• Under “Number” select the number of pages you want to display as slider
• Then select pages under Item #1, Item #2, Item #3 and so on
• Then click publish to save your slider

Portfolio

Elite Business Corporate supports Page as Portfolio. Here are steps to add portfolio section:

• Go to Appearance > Customize > Sections > Portfolio
• Enable portfolio by clicking on “Visible on” button you can either show on entire pages or homepage/frontpage
• Under “Number” Select the number of portfolio you want to display
• Then Select pages to display portfolio accordingly
• You can edit Section Top Sub-title, Section Title, Section Subtitle under respective field
• Finally, click publish to save your portfolio

Testimonials

Testimonials section helps your audience to know what your goods and services are like. You can add customers testimonials to grow trust among you customers. Select content type as page, post, category, tags or custom as testimonial.
Here are steps to add testimonials in your theme:

• Go to Appearance > Customize > Sections > Testimonials
• Enable Testimonials by clicking on “Visible on” button you can either show slider on entire pages or homepage/frontpage
• Under “Number” select number of testimonials you want to display
• Then Select pages to display as testimonials
• You can edit section top sub-title, section title, and section subtitle under their respective field
• Finally, click publish to save your testimonials

What We Do

Elite Business Corporate supports what we do section, you can choose page as what we do. Here are steps to add what do we do section in your website:

• Go to Appearance > Customize > Sections > What We Do Enable What We Do by clicking on “Visible on” button you can either show slider on entire pages or homepage/frontpage
• Under “Number” select the numbers of items to display as what we do section
• Then Select pages accordingly
• You can edit Section Top Sub-title, Section Title and Section Subtitle under their respective field
• Finally, click publish to save your what we do section

Breadcrumb

Breadcrumb option indicate the current page’s location within a navigational hierarchy. This theme supports option to enable or disable breadcrumb.

• Go to Appearance > Customize > Theme Options > Breadcrumb
• Enable or Disable as per your requirement
• Then click publish to save

Excerpt Option

Excerpt Option is used to show the words of your content. Default length of content is 20words.

• Go to Appearance > Customize > Theme Options > Excerpt Option
• Change Excerpt Length (words) and Continue Reading Text as per your requirement
• Then click publish to save changes

Header Options

Header Options in Elite Business Corporate allows you to add different information about your business/company in header.

• Go to Appearance > Customize > Theme Options > Header Options
• Fill Text, Email, Phone, Address, Open hours, Button Text, Button Link in respective fields
• Then click publish to save

Layout

Elite Business Corporate supports different layouts for different pages

Site Layout

Select site layout as “Fluid” or “Boxed” under Site Layout option, which will set layout for the entire website

Default Layout

There are 2 different types of default layouts, Right Sidebar and No sidebar: Full Width. Default Layout sets the layout for entire website

Homepage/Archive Layout

There are 2 different Homepage/Archive Layout Right Sidebar and No sidebar: Full Width. Homepage/Archive Layout set the layout for homepage and archive pages