BlockMag Pro

How to Install Theme?

Go to this link.

Updating theme to latest version

Go to this link to update you theme

 Frequently Asked Question

Before starting please visit our Frequently Asked Question link, to know more about Full Site Editing Themes

Installing Required Plugin for BlockMag Pro

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

Patterns in BlockMag 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 “BlockMag Pro” which will display list of our BlockMag Pro pattern

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

How to Open Site Editor?

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

Add and Edit Menu

You can Select predefined menu and create you own customized menu.
This video shows how to select predefined menu:

1. This Video show how to create your own custom menu:

2. This video shows how to select predefined menu:

Site Navigation Menu

Please visit this link for Navigation Block. You can edit existing menu or create a new one.

Blocks in BlockMag Pro

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

BlockMag Pro supports 13 different blocks:

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

Patterns in BlockMag Pro

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

1. 1. 404 Header
   2. About Us With Stats
   3. About Us
   4. Ad Full Width After Header
   5. Ad Full Width
   6. Archive Header Without BG
   7. Archive Header
   8. Blog Header Without BG
   9. Blog Header
   10. Categoriwise News
   11. Client Testimonial
   12. Cover News
   13. CTA Just Video
   14. CTA With Video
   15. CTA
   16. Featured Categories
   17. Featured Content
   18. Featured News
   19. Featured Videos
   20. Footer Default
   21. Footer Four Columns
   22. Footer Three Columns
   23. Header Default
   24. Header With Buttons
   25. Header With Cart
   26. Header With Logo Center
   27. Hidden 404
   28. How it Works
   29. Latest Products
   30. Lifestyle News
   31. Logo Slider
   32. Logo With No Title
   33. Logo
   34. Most Popular News
   35. Newsletter
   36. Portfolio
   37. Post Header Without BG
   38. Post Header
   39. Recent Blog With Sidebar
   40. Search Header
   41. Services
   42. Sidebar
   43. Stats
   44. Style News
   45. Subscribe
   46. Team Slider
   47. Team
   48. Testimonials
   49. Top Bar With Custom Trending Slider
   50. Top Bar With Custom Trending
   51. Top Bar

How to work with BlockMag 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 “BlockMag” to find all the patterns provided by BlockMag 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 BlockMag to find all the pattern provided by BlockMag 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 BlockMag Pro

AD

There are 3 Ad patterns supported by BlockMag Pro, you can post AD according to your choice there are 3 different kind of styles in each style

1. 1. 1. • Ad Full Width After Header
         • Ad Full Width section
         • Ad Full Width

Here is how you add ad pattern in your website:

1. 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 “BlockMag Pro” to see list of pattern provided by BlockMag Pro
         3. Scroll down and to find “Ad full width after Header, Ad Full Width section, Ad Full Width”, click to add it on your website or drag and drop the pattern to add it in desired place
         4. Click on the content itself to edit text, image
         5. For advance setting click on setting button on the top right here you can change styles, border, radius
         6. Finally Click Save to save changes

Featured Videos

BlockMag Pro supports featured videos pattern, here you can add YouTube videos links, add text and button.
Here is how you add featured videos to your website:

1. 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 “BlockMag Pro” to see list of pattern provided by BlockMag Pro
         3. Scroll down and to find “Featured Videos”, click to add it on your website or drag and drop the pattern to add it in desired place
         4. Click on the content itself to change default video, it will open tool box there you can click on edit button and add link of YouTube video you want to embed
            
         5. Click on “Embed” button
         6. For advance setting click on setting button on the top right
         7. Finally Click Save to save changes

Featured News

BlockMag supports Featured News pattern, this pattern support Query Loop Block. which means you can display Post Types in this pattern.
Go to this link to know more about Query Loop Block.
This section allows you to display page, post, testimonial, slider and so forth according to your need.

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 “BlockMag Pro” to see list of pattern provided by BlockMag Pro
         3. Scroll down to find “Featured News”, click to add or drag and drop in desired area
         4. You can display “Post type” in this pattern, click on list view to open “Query Loop” option, there you can select “Post type”, order by, sticky post, color, filter, columns and so on
         5. If you want to customize content in featured news, simply click on the content itself and edit text, images, button
         6. Finally click on Save to save changes

LifeStyle News

BlockMag supports LifeStyle News pattern, this pattern support Query Loop Block. which means you can display Post Types in this pattern.
Go to this link to know more about Query Loop Block.
This section allows you to display page, post, testimonial, slider and so forth according to your need.

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Click on dropdown menu and select “BlockMag Pro” to see list of pattern provided by BlockMag Pro
3. Scroll down to find “LifeStyle News”, click to add or drag and drop in desired area
4. You can display “Post type” in this pattern, click on list view to open “Query Loop” option, there you can select “Post type”, order by, sticky post, color, filter, columns and so on
5. If you want to customize content in LifeStyle news, simply click on the content itself and edit text, images, button
6. Finally click on Save to save changes

Team

BlockMag Pro supports team pattern. You can add name along with image of your team mate.
Here is how you add team to your website:

Here is how you add team 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 “BlockMag Pro” to see list of pattern provided by BlockMag Pro
         3. Scroll down to find Team, click to add or drag and drop in desired area
         4. After adding team click on the default images and text to edit, it will open tool box,you can add/edit, images, text, image, button and so on
         5. For advance setting, Click on Top left setting icon there you can edit the sections like Media Widht, Color, Custom CSS
         6. 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
         7. Finally click on Save to save changes

Most Popular News

BlockMag Pro supports Most Popular News pattern, here you can display content by choosing “Post Type”, this section supports Query Loop Block.
Go to this link to know about Query Loop Block
This section allows you to display page, post, testimonial, slider and so forth according to your need.
Here is how you add most popular news 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 “BlockMag Pro” to see list of pattern provided by BlockMag Pro
         3. Scroll down to find “Most Popular News”, click to add or drag and drop in desired area
         4. You can display “Post type” in this pattern, click on list view to open “Query Loop” option, there you can select “Post type”, order by, sticky post, color, filter, columns and so on
         5. If you want to customize content in most popular new simply click on the content itself and edit text, images, button
         6. Finally click on Save to save changes

Logo Slider

BlockMag Pro supports Logo Slider pattern, in this pattern you can add Logos of various company you work with it will display in slider view.

Here is how you add Logo Slider:

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 “BlockMag Pro” to see list of pattern provided by BlockMag Pro
         3. Scroll down to find Logo Slider, click to add or drag and drop in desired area
         4. Edit section of logo slider by click on the content from editor, it will open tool box,you can add/edit, images, text and so on
         5. For advance setting, click on list view option from top left, then click on slider option there then you can edit number of slider, number of slides being displayed in the viewport, enable/disable (Nav Arrows), enable display autoplay delay, dots postion and so on
         6. Finally click on Save to save changes

Note: Only one Logo can be displayed in Front Page, but you can add more than one logos in page and post

Services

BlockMag Pro supports services pattern, in this pattern you can add list of services your business provide along with icons, title, text and button.

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 “BlockMag Pro” to see list of pattern provided by BlockMag Pro
         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 Widht, 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 with Four 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. 1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
         2. Click on dropdown menu and select “BlockMag Pro” to see list of pattern provided by BlockMag 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.

The simplest way to duplicate section:
You can simple click on the section you want to duplicate and press (CLTR + Shift +D) to duplicate the section you want to copy.

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

You can find 20 different Templates provided by our BlockMag 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. 1. 1. 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 Page(Sidebar on Left)
         6. Blog Page (Sidebar on Right)
         7. Front Page: Displays 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 (with Products)
         11. Page: Displays a single page
         12. Search: Displays search results
         13. Single Page (No Sidebar Full Width)
         14. Single Page (Sidebar on Left)
         15. Single Page (Sidebar on Right)
         16. Single Post (No Sidebar on Full Width)
         17. Single Post(Sidebar on Left)
         18. Single Post(Sidebar on Right)
         19. Single Product
         20. Single (The default template for displaying any single post or attachment.)

Template Parts in BlockMag

There are 11 different Template Parts in BlockMag

1. 1. 1. Footer (with four columns)
      2. Header (With Top Bar And Logo Center)
      3. Footer (With Three Columns)
      4. Footer
      5. Header (With Buttons)
      6. Header (With Cart)
      7. Header (With Logo Center)
      8. Header
      9. Page Content
      10. Post Content
      11. Sidebar