Catch Bells Pro

How to Install Theme?

Go to this link.

Updating theme to latest version

Go to this link to update you theme

Installing Required Plugin for Catch Bells Pro

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

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

2. Then Click on “Install” button

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

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

Patterns in Catch Bells Pro

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

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

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

How to Open Site Editor?

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

Blocks in Catch Bells Pro

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

Catch Bells Pro supports 10 different blocks:

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

Patterns in Catch Bells Pro

There are 32 Patterns in Catch Bells Pro.
Here is the list of Patterns Catch Bells Pro supports including patterns from FSE Pro Plugin.

1. 1. Contact
   2. CTA
   3. Events
   4. Featured Content
   5. Featured Post
   6. Header Media
   7. Header with Social Search
   8. Hero Content With Image
   9. Header
   10. Hero Content
   11. Logos
   12. Portfolio
   13. Services
   14. Team
   15. Testimonial
   16. 404 Header With Background
   17. Sidebar
   18. 404 Header
   19. 404 Content
   20. Archive Header
   21. Archive Header With Background
   22. CTA With Video
   23. Footer Default
   24. Footer With Three Columns
   25. Footer With Four Columns
   26. Post Header Default
   27. Post Header With Background
   28. Post Header
   29. Recent Blog
   30. Search header With Background
   31. Search Header
   32. Stats

How to work with Catch Bells Pro Blocks and Patterns

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

Drag and Drop

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

Top Tool Bar

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

Adding Directly

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

How to Edit Pattern Content?

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

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

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

Patterns supported by Catch Bells Pro

Hero Content and Hero Content with Image

Catch Bells supports Hero Content and Hero content with imgage,here you can highlight certain content of your website. If you want to add image along with hero content then you can choose Hero Content with Image.

Here is how you add hero content on your website:

1. 1. 1. 1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
         2. Click on dropdown menu and select “Catch Bells Pro” to see list of pattern provided by Catch Bells Pro
         3. Scroll down to find Hero Content or Herp Content with Image, click to add or drag and drop in desired area
         4. After adding hero content, Click on Top left setting icon there you can customizer various section such as color, layout, typography, size, radius
         5. Edit Hero Content Accordingly you can add/edit, images, text, button and so on
         6. Finally click “Save”, to save changes

Events

Catch Bells Pro supports Events here you can add the details Like Date, location and events details.

Here is how you add Events pattern to your website:

1. 1. 1. 1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
         2. Click on dropdown menu and select “Catch Bells Pro” to see list of pattern provided by Catch Bells Pro
         3. Scroll down to find Events, click to add or drag and drop in desired area
         4. Edit Events Accordingly you can add/edit, text, images links of event as per you need
         5. After editing the content of events, Click Top left setting icon there you can customize various section
         6. Finally click “Save”, to save changes

Portfolio

Portfolio pattern in Catch Bells can be used to display your work. You can add image, edit name and other text.

Here is how you add Portfolio in your website:

1. 1. 1. 1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
         2. Click on dropdown menu and select “Catch Bells Pro” to see list of pattern provided by Catch Bells Pro
         3. Scroll down to find Portfolio, click to add or drag and drop in desired area
         4. Edit Portfolio Accordingly you can add/edit, Images, Texts
         5. After editing the content of portfolio, Click Top left setting icon there you can customize various section such as portfolio columns (Up to six), color, width, radius, Addition CSS
         6. Finally click “Save”, to save changes

Testimonials

Catch Bells supports testimonials, here you can share testimonial of your customer along with their photo. Testimonial is shown in slider.

Here is how you add Testimonial on your website:

1. 1. 1. 1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
         2. Click on dropdown menu and select “Catch Bells” to see list of pattern provided by Catch Bells
         3. Scroll down to find Testimonial, click to add or drag and drop in desired area
         4. After adding testimonial, Click on Top left setting icon there you can edit the sections like Number of slides, number of slides begin displayed in viewport, enable/disable (Nav Arrows), enable/disable autoplay, Dots Position, Space between items, Custom CSS
         5. Edit other section of testimonial by click on the content from editor, it will open tool box,you can add/edit, images, text
         6. Finally click on Save to save changes

Services

 

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

Here is how you add services on your website:

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

Team

Team in Catch Bells pro allows you to show your team members with their description and picture.
Here is how you add team section in your website:

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

Footer Three Columns

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

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

How to to duplicate sections?

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

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

1. Step of Duplication By Interface selection footer bar:

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

2. Steps of Duplication by using List View

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

Templates in Catch Bells Pro

You can find 19 Templates provided by our Catch Bells 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.

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

Template Parts in Catch Bells Pro

1. Header With Social Search
2. Footer With Four Columns
3. Footer With Three Columns
4. Footer
5. Header
6. Page Content
7. Post Content
8. Sidebar