1. Purchase and My Account

How to Purchase theme?

Go to our theme page and click on the theme that you want to purchase. Once you are on the theme page, click on the “Buy Now” button which will redirect you to the checkout page. Then you can either log in to your account or if you don’t have an account, we recommend you create a user account. However, you can also checkout using as a guest.

Now, you need to select the payment method. We accept all Visa, Master, American Express, Discovery, Amazon pay, Paypal, and Stripe. After that add your billing details and click on the “Purchase” button.

After your payment has been completed, you will see a payment completion message on thank you page and you will be automatically redirected to My Account page, where you can see your downloads, license key, and invoice.

Verify User Account after ‘Guest Checkout’

Catch Themes provides you the freedom to ‘Guest Checkout’ while purchasing the themes; i.e. no email verification needed. However, if you try to create your user account after checking out as a guest, it might take up to 24 hours to verify your account. This is due to Auto Verification by our Security System. Therefore, please recheck your account only after 24 hours and if you’re facing issues or need urgent email verification, feel absolutely free to contact our Sales Team at https://catchthemes.com/contact-us/

How to Create a new User Account?

  1. Go to https://catchthemes.com/my-account/
  2. To create a new account, fill in the fields on the right side section “Register New Account”
  3. Enter your Username, Email, Password, and Confirm Password
  4. Click “Register”
  5. Wait for a confirmation email.

How to Activate and Verify User Account?

  1.  Check your registered Email Inbox
  2.  Click the confirmation link in your email
  3.  Account Activation and Verification Successful
  4. Note: Please check your spam/junk folder for email. Also, if you don’t get email confirmation then please contact us at https://catchthemes.com/contact-us/

What’s the Refund Policy?

At Catch Themes, we want to ensure that you are 100% satisfied with your purchase. If you have any technical/sales queries, feel free to contact us. However, if you feel the product(s) you purchased is not the best fit for your requirements, and you tried resolving the issues with our staff, we offer a 30-day return policy. You are subjected to a full refund within 30 days of your purchase. For a refund, please contact us using the contact form, Click Here

Note: If you have filled the dispute in Paypal or Stripe then you need to close the case in order to process the refund.

How do I download invoice or update invoice information?

To download an invoice, log in to My Account page and click on “View Invoice”. Now, you will see your invoice and then can click on “Download PDF” to download your invoice. But if you want to update invoice information then click on the “Update” button, which will redirect to the invoice information form where you can update your information and click on the “Save Billing Details & Generate Invoice” button.

How to renew or extend license key?

  1. First, log in to My Account page: Once you are on the My Account page, click on “View Licenses” and you will see the status of your license
  2. If your license key is expired then you need to click on “Renew license” and checkout. But if you want to renew it before it expires then you need to click on “Extend license” and then checkout.

2. FSE Basics

What are Block Patterns?

Block Patterns are pre-designed layouts for different sections of your site. These patterns are formed with a group of different blocks. Each block is fully customizable in case you want to build something unique. Once a pattern is added, they are now individual blocks that can be moved, edited, duplicated, or replaced.
The content of patterns are always saved even if the user switches themes. However, the design might vary.

 

What are Blocks?

Blocks are a new way in which WordPress organizes the content inside your blog Posts and Pages. You will see a new WordPress editing panel in your page/post that is block-based.

You can customize your pages using new site blocks, including Site title, logo, navigation, post title, featured image, date, categories, and tags.

Block-Based WordPress Themes

Block-based WordPress themes are basically a new type of themes that are built completely using Gutenberg blocks. These WordPress themes support Full Site Editing and your site content can be customized directly from the Front-End.

Using Templates and Template Parts

Which WordPress version supports Full Site Editing?

WordPress 5.9 and above versions support Full Site Editing.

How to change the Global Color Style/Scheme?

The Global Styles interface allows you to control the look and layout of the whole site instead of only pages and posts. You can find the interface on the sidebar of the Site Editor.

You can control your Site Typography, Color Scheme, Custom Color Palette, and Layout option with the Global Styles Interface.

Here is how you change the Global Color Style/Scheme:

    • Click on “Global style icon” on top right of the page which will display Browse Style, Typography, Color and Layout
    • You can change fonts, colors and layout by click on respective option
    • To change color scheme of whole theme choose Default (dark scheme) or Light 

    • Click on “Save” to save your changes

Note: When changing the theme style, it is recommended to clear the template customizations first. If the theme style is changed with previously-saved color values, those values will not be changed.

Add Edit Menu

You can Select a predefined menu and create your own customized menu.

Creating a New Navigation Menu: Click Here

Adding Existing Navigation Menu: Click Here

How to Open Site Editor?

From your WordPress Dashboard then go to Appearance -> Editor to open the Site Editor.
If you are on Site Front-end then you will see WP Admin Bar on the top of the page, click on Edit Site to open the Site Editor.
There you can select and edit any element you like, change their color, font, add or remove patterns etc.

How to add Custom CSS in Block Themes?

In Blocks most of the styling are controlled by a theme.json file style settings. But if you can’t customize a specific element in your Block Theme, you can add Custom CSS:

  1. Go to Site Editor
  2. Click on the website preview
  3. Click on the Styles icon
  4. Click on the three dots icon next to the section title
  5. Add your CSS code in the Additional CSS

3. Installation and Update FSE Pro Plugin

How does the payment process work? When will I get my FSE Pro Plugin?

  • To purchase the FSE Pro plugin, please visit FSE Plugin page and click on “Buy Now”. Then, you will be redirected to the Checkout page where you will need to fill in billing details and then choose the means of payment as per your convenience, you can pay through Paypal, Credit Card or Debit Card using Stripe or Paypal
  • After your payment has been completed, you will see a payment completion message on thank you page and you will be automatically redirected to your account page, where you can see and download your purchased goods.

But if you failed to purchase the Plugin through this process or have any sales questions then please contact us at https://catchthemes.com/contact-us/.

What is an FTP client and how is it used?

File Transfer Protocol (FTP) is application software which is used to transfer files between a web server and a computer over a TCP-based network, such as the Internet. We recommend FileZilla, open-source software distributed free of charge under the terms of the GNU General Public License. Put simply, an FTP client is what most website owners use when they need to download, edit, and upload their website’s files. Most FTP connections require a host name, a username, and a password. These are most often supplied by web hosting providers in the following form:

  • FTP Host: ftp.example.com
  • FTP User: us**@*****le.com or user
  • FTP Password: password

Read more information about FTP Clients in the WordPress Codex.

How to install FSE Pro Plugin?

a)Using the WordPress Administration Panel

You can download Plugins directly to your blog by using the Add New Plugins option in the Plugins sub-menu.

  1. After purchasing FSE Pro Plugin, go to My-Account page
  2. Then on the Download Section, click on File name to download your plugin fse-pro.zip file
  3. Note: Some modern browser like Safari has an auto zip extractor and will extract the zip file as soon as you download the zip file. In this case, open Safari and go to “Safari => Preferences” and in the “General” tab, uncheck Open “safe” files after downloading. This will stop Safari from automatically unzipping the files and then you can download zip file
  4. Log in to the WordPress Administration Panel
  5. Go to “Plugins => Add New”
  6. Click on “Uploads” and Browse the downloaded file fse-pro.zip from the desktop where you have it downloaded
  7. Click on “Install Now” to install the plugin

  8. After it’s installed, click on “Activate Plugin” button to Active the Plugin

b)Manual Installation using FTP

To add a new Plugin to your WordPress installation, follow these basic steps:

  1. After purchasing FSE Pro Plugin, go to My-Account page
  2. Then on the Download Section, click on File name to download your plugin fse-pro.zip file
  3. Unzip fse-pro.zip to your Desktop
  4. Using an FTP client to access your host web server. Go to /wp-content/plugins/ and make sure that you do not already have a fse-pro folder installed. If you do, then back it up and remove it from /wp-content/plugins/ before uploading your copy of Catch Under FSE Pro
  5. Upload Catch Under FSE Pro pugin to /wp-content/plugins/
  6. Activate Catch Under FSE Pro through “Plugins”, in your WordPress Dashboard

How do I update FSE Plugin to the latest version?

There are two ways you can update your theme: (A) ONE CLICK UPDATE and (B) MANUAL UPDATE.

A. ONE CLICK UPDATE

FSE Plugin can be updated by adding License Key. After purchasing the theme, you will get a license key in your email. Also you will find the license key on “View Details and Downloads” section on My Account page

Follow these steps to your plugin:

1. Go to “Plugins => FSE Pro Plugin License”
2. Add the License key under the “License Key” section
3. Click on “Save Changes” and “Activate License” buttons

Note:

  • FSE Pro plugin comes with 1 year of update subscription. So, if you do not have an active subscription, then renew your subscription to get your license key.
  • You can use the provided License Key to add a one-click theme update for only one site. For multiple sites, you will have to purchase them individually or update them individually using manual update.

If you get any problems on automatic update please feel free to contact our support forum

B. MANUAL UPDATE

I. UPDATING Plugin BY UPLOADING ZIP FILE

Starting in WordPress 5.5, it will be possible to update a plugin or theme by uploading a ZIP file. After uploading the ZIP file, a comparison table will be displayed to the user, detailing the differences between the uploaded ZIP and the version of the plugin currently installed.

II. Updating Plugins Using FTP

To update the Plugin through FTP, follow these basic steps:

  1. Download the latest version of FSE Pro Plugin from My-Account to your Desktop
  2. Unzip fse-pro.zip to your Desktop
  3. Using an FTP client to access your host web server, go to /wp-content/plugin/ and upload your new copy of FSE Pro Plugin which shall replace the old files

How to activate license key?

  1. First, you need to get your license key. There are 2 places where you can find your license key

    • Purchase Receipt: Once you purchase the FSE Pro plugin, you will receive the Purchase Receipt on your email which should contain the license key

    • My Account page: Once you are on the My Account page page, click on “View Details and Downloads“

  2. Note: Please don’t use Product Key as License key
  3. After you find the license key, login to your site WordPress admin panel

  4. Go to “Plugins => FSE Pro Plugin License”

  5. Add License key under “License Key” section
  6. Finally click on “Activate License” buttons

How to move license key from Development Site to Live Site?

  1. First, log in to My Account page: Once you are on the My Account page, click on “View Licenses” and you will see your license details.
  2. Click on “Manage Sites” and you will see the site URL, then click on “Deactivate Site”.
  3. Then you can Install the license key on your Live Site.

How to add Demo Content?

  1. First download the demo zip file from theme instructions page and unzip the file xml file
  2. Go to “Tools => Import”, from there click on “Run Import” under “WordPress”.
  3. Then click on “Browse” and select the xml file
  4. Finally, click on “Upload file and import” button

4. Blocks and Patterns

Adding Blocks and Pattern

There are 3 ways you can add Blocks an Pattern in you website

Drag and Drop

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Blocks
  2. Scroll down and to find “FSE Blocks”, choose the block you wish to add
  3. Simply Drag and Drop your block/pattern to desired site area
  4. Make necessary changes
  5. Finally, Click “SAVE” to save changes

Top tool bar

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Blocks
  2. Scroll down and to find “FSE Blocks”, choose the block you wish to add
  3. Make necessary changes
  4. Finally, Click “SAVE” to save changes

Adding Directly

  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

Adding Case Study Block

Case Study Block in FSE Pro can be used to highlight any content. You can easily customize its content such as “Background Image”, Text and also add URL

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern

  2. Scroll down and to find “Case Study”, then add Slider or you can click on “+” sign in the template or page where you want to add Case Study then search for Case Study and add it

  3. Now you can easily edit its background, change text, add URL
  4. There are three different styles you can choose for Call to action button: Fill, Outline or Plain
  5. Finally, Click “SAVE” to save changes

Reset to Default

If you want to restore default template and clear your customization. Here is how you reset to default:

List of Blocks and Pattern FSE Provides

  1. Case Study (Blocks)
  2. Slider (Blocks)
  3. PopUp Video (Blocks)
  4. Homepage One
  5. Footer Four Columns
  6. Header Media
  7. Header With Center Logo
  8. Logo
  9. Pricing Table/Two/Three
  10. Featured Content One/Two/Three
  11. Service One/Two/Three/Four
  12. Testimonial One/Two/Three

Duplicating the sections

Duplicate section can be used if you want to add a similar section in your pattern. Duplicate section is a very easy step to add on particular sections in your pattern.
For Example:  If you want to add one more column in between your Featured Content duplicate option can be used, as it will create a similar section and you can edit the content accordingly

There are two ways you can duplicate the sections

1. By clicking content itself

  • Click on the section of your pattern you want to duplicate, there you will get tools option click on 3 dots on right side and you will find duplicate option there. This image is an example :

 

2. By ListView Option

  • Select the column via ListView, then click on three dots and select Duplicate then change the content accordingly

 

Header Search Block

FSE Pro supports header search block. This block allows you to add search in your header.
To add Search in header:

  • Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  • Scroll down to find “Header Search”, then add Header search or you can click on “+” sign in the template or page where you want to add Header Search and add it
  • Now you can easily show hide and edit its button text too
  • Finally Click Save

 

Header Social Blocks

Header Social Blocks in FSE allows you to add social links on header. Here is how you add Header Social Block:

  • Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  • Scroll down to find “Header Social Block”, drag and drop to add the block or you can click on “+” sign in the template or page you want to add header social block
  • After adding header social block click on Link icon then on “+” sign to display tool bar, there you can add and edit the social media icons along with their links repectively
  • Finally Click on Save

Skills Bar

FSE Pro supports skills bar block and pattern, this feature allows you to showcase your skills in percentage. You can choose from skill pattern in two styles : Skill Bar Default and Skill Bar Alt. Here is how you add Skills Bar:

  • Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern

  • Scroll down to find “Skills Bar” or search directly from Search bar, Drag and Drop to add the block or you can click on “+” sign in the template or page you want to add header social block
  • After adding skill bar click on setting icon on top left of editor to change Number in %, Title, Bar shape, Title color

  • To Edit text click on the text itself to which will display tool bar and edit accordingly

Masonry

The newly added Masonry block allows you to add and display your gallery in an elegant manner. You can display your gallery in 1 to 4 columns. Also, you can customize the spacing between images and the max number you can enter is 50.
Here is how you add Masonry Block:

  • Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  • Scroll down to find “Masonry” or search directly from Search bar, Drag and Drop to add the block or you can click on “+” sign in the template or page you want to masonry block
  • After adding Masonry click on setting icon on top left of editor to add images under “Gallery”, edit columns gutter to change space between image and “Columns layout” up to four layouts
  • Finally Click on Save
  • To edit or delete footer social media icons, from your WordPress dashboard Go to Appearance => Editor, scroll down to footer area.
  • Click on the default social media icon to find ‘+’ sign there you can find Instagram or any other social media from search box.
  • Click to add. Here is the link of image for more details:

edit footer social media

  • To Delete the unwanted social icon simple click on three dots, and there you will find Delete option. Here is image for more details:

 

delete social media icon

Note: If you want your social media icons to show up on your website, you need to put a link for each one. If you don’t add a link, the icons won’t show on the site, but you’ll still see them in the editor.

 

5. Slider

Adding Slider Block

  • Click on “+” sign on the top bar to display Blocks and Pattern

 

  • Scroll down and to find “FSE Blocks”, then add Slider or Click on
  • Click on “+” sign then add necessary blocks like: images, text as per your requirement

  •  On setting Number of slides: Number of slides being displayed in the viewport. If slides less or equal than items, the slider won’t be initialized. Note: Default slider set to 1
  • Further option to enable/disable Controls, Autoplay and Dots/Pagination

  • Finally, Click “SAVE” to save changes

 

Add Slides in slider

After adding slider block you can easily add blocks you want to display as slider. Just click on  “+” sign and add desired blocks or pattern. As shown in these images:

After clicking on “+” sign, search for block/pattern to add new slide:

From Version 1.1.1 and above

  1. Click on “+”sign on the top bar to display Blocks and Pattern, Click on Block
  2. Scroll down to find “FSE Pro Option” there you will find Slider, drag and drop slider to add it in the editor
  3. After adding slider, Click on Top left setting icon there you can select “Number of Items”, “Number of slides being displayed in the viewport”, enable/disable control and autoplay,
  4. Number of Slider by default is 2 and your slider will be automatically added after number of slides is increased
  5. To add items in slider, click on “List View” on top left and find slider add necessary items like images, text or anything you want to display in each slider
  6. Finally, Click on Save to save Slider

6. Site Navigation Menu

Navigation Block

The Navigation Block is an advanced block that enables you to edit your site’s navigation menu. With a Navigation block, you can place a menu of links on any page to help your visitors navigate to other parts of your site. The Navigation block can be used with a block theme or a theme that has support for template editing. In a block theme, you can create new Navigation or add an existing Navigation to the template part which has the navigation block.

Adding Existing Navigation Menu

  • Access the Site Editor as mentioned above.
  • Access the template part which has a Navigation block. The screenshot below shows the Navigation Block on the Header With Cart Banner template part.
  • Click on the Navigation block and open the Settings panel.
  • If you have a menu you’ve already created with the Navigation block or one from a previous theme (including menus from any classic themes), then you can select the existing menu from the Settings panel.
  • After selecting the menu, click on the Save button.

More information on Navigation Block.

Creating a New Navigation Menu

  • Access the Site Editor as mentioned above.
  • Access the template part which has a Navigation block. The screenshot below shows the Navigation Block on the Header With Cart Banner template part.
  • Click on the Navigation block and open the Settings panel which should show the Navigation block settings. Sometimes, you need to select “Select Navigation” from the toolbar to show the Navigation settings panel.
  • From the Settings panel, click on Menu Selector and select Create New Menu.
  • This will add an empty menu, now click on the + Add Block button which will allow you to search or type the URL as needed.
  • To add submenu items, simply select the block you want to add submenu items to and, in the block toolbar, click on the submenu icon. This will automatically add a submenu item below the block you selected.
  • After adding all the necessary links, click on the Save button.
Select Navigation Button
Create New Menu
Add Menu Items
Add Submenu Button

More information on Creating a New Menu.