Euphony Blocks Pro

How to install theme?

Go to this link

How to update theme to the latest version?

Go to this link

Frequently Asked Question

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

Installing Required Plugin for Euphony Blocks Pro

Euphony Blocks Pro comes with our Premium Plugin FSE Pro. After you purchase Euphony Blocks 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

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.
Go to this link for Navigation Block

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.

How to work with Euphony Blocks Pro Blocks and Patterns

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

There are three ways to add a block using the Block Inserter (+) icon.

1. Click on the Block inserter (+) icon in the top toolbar and Click on Patterns. Browse the Patterns and select the one that you like to add.
2. Click on the Block inserter (+) icon to the right of an empty block, after that Click on the Browse All button, and finally Click on Patterns. Browse the Patterns and select the one that you like to add.
3. Click on the Block inserter (+) icon in between blocks, after that Click on the Browse All button, and finally Click on Patterns. Browse the Patterns and select the one that you like to add.

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

Go to this link to know more about adding blocks and patterns

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. 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 in Euphony Blocks Pro

Patterns in Euphony Blocks 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 “Euphony Blocks Pro” which will display list of our Euphony Blocks 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.

There are 69 Patterns in Euphony Blocks Pro.

Here is the list of Patterns Euphony Blocks Pro supports including patterns from FSE Pro Plugin.

1. 404 Header
2. Archive Header
3. Blog Header
4. Cart Header
5. Checkout Header
6. Contact
7. CTA
8. Events
9. Featured Content Default
10. Featured Content Two
11. Featured Content
12. Featured Slider
13. Featured Videos
14. Footer Default
15. Footer Four Columns
16. Footer Three Columns
17. Footer
18. Gallery
19. Header Media
20. Header Normal
21. Header With Banner
22. Header
23. Hero Content With Accordion
24. Hero Content
25. Hidden 404
26. Hidden Archive
27. Hidden Post
28. Hidden Search
29. How It Works
30. Logo Slider
31. Logo
32. Music on Apps
33. Music Playlist
34. Order Confirmation Header
35. Portfolio – Cover
36. Portfolio With Category – Cover
37. Portfolio With Category
38. Portfolio
39. Post Header
40. Product Category
41. Product Reviews
42. On Sale Products
43. Recent Products
44. Top Rated Products
45. Best Selling Products
46. Promotional Contact
47. Promotional Video
48. Quick Contact Form
49. Quick Contact
50. Recent Blog Posts
51. Search Header
52. Services Default
53. Services Two
54. Services
55. Shop Header
56. Sidebar Products
57. Sidebar
58. Stats Default
59. Stats Two
60. Stats With Background Image
61. Stats
62. Sticky Playlist
63. Subscribe
64. Team Default
65. Team Two
66. Team
67. Testimonial Default
68. Testimonials Three Columns
69. Testimonials
70. WooCommerce Features

Header Patterns

There are 14 different headers provided by Euphony Blocks Pro. Here are the list of headers. You can choose header according to your need.

1. Header
2. Header Media
3. Header Normal
4. Header With Banner
5. 404 Header
6. Archive Header
7. Archive Header With Background
8. Blog Header
9. Cart Header
10. Checkout Header
11. Order Confirmation Header
12. Post Header
13. Search Header
14. Shop Header

Here is how you add header to website:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Click select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down to find 10 different type of header(mentioned above) or type “Header” in Search box, click to add desired header or drag and drop
4. After adding header, Click on Top left setting icon there you can edit the sections
5. Edit Header Accordingly you can add, images, text, cover and so on
6. Finally, click “Save” to save changes

Header Media

Euphony Blocks Pro supports Header Media pattern, using this pattern you can add image in your header area along with featured image, button, header media text.

Here is how you edit header media:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Click on dropdown menu and select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down to find “Header Media” or type “Header Media” in Search box
4. Click to add or drag and drop in desired area
5. Click on the content of header media itself to replace images, text and button. You can add and replace header media such as image, text, link as per your need
6. Finally click on Save to save changes

Music Playlist

Euphony Blocks Pro supports Music Playlist pattern, this pattern allows you to display the your music playlist to your audience in the most amazing way possible. By default it will load the Playlist Cover, Title, Description and sample music. You can edit all those as per your need.

Here is how you add Music Playlist:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down to find “Music Playlist” or type “Music Playlist” in Search box
4. Click to add or drag and drop in desired area
5. Edit Music Playlist, you can add/edit, images, text, music, button and so on
6. Finally click “Save”, to save changes

Sticky Playlist

Euphony Blocks Pro supports Sticky Playlist pattern, this pattern allows you to display the your music playlist to the bottom of the page.

Here is how you add Sticky Playlist:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down to find “Sticky Playlist” or type “Sticky Playlist” in Search box
4. Click to add or drag and drop in desired area. It will load the default playlist
5. Edit Sticky Playlist, Click on the default playlist, then you can add music using “Upload” button and manage the existing music using “Media Library” button
   
6. Finally click “Save”, to save changes

Hero Content

Euphony Blocks Pro supports Hero Content pattern, this pattern allows you to display the best assets of your website to your audience in the most amazing way possible. So, you can set the media and words side by side for a richer layout. Also, add the title, tagline, content, and button for the section. Display your best assets and customize them the way you want.

Here is how you add Hero Content:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down to find “Hero Content” or type “Hero Content” in Search box
4. Click to add or drag and drop in desired area
5. After adding hero content, Click on Top left setting icon there you can customizer various section such as Media Setting, Overlay Opacity, Typography, Dimensions of your choice
6. Edit Hero Content Accordingly you can add/edit, images, text, cover, button and so on
7. Finally click “Save”, to save changes

Events

Euphony Blocks Pro supports Events pattern, this pattern allows you to display the Upcoming Events to your audience in the most amazing way possible. So, you can set the media and words side by side for a richer layout. Also, add the title, tagline, content, and button for the section. Display your best assets and customize them the way you want.

Here is how you add Events:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down to find “Events” or type “Eventst” in Search box
4. Click to add or drag and drop in desired area
5. Edit Events accordingly. You can add/edit, images, text, cover, button and so on
6. Finally click “Save”, to save changes

Gallery

Euphony Blocks Pro supports Gallery pattern, this pattern allows you to display images to your audience in the most amazing way possible. So, you can set the media. Display your best assets and customize them the way you want.

Here is how you add Gallery:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down to find “Gallery” or type “Gallery” in Search box
4. Click to add or drag and drop in desired area
5. Edit Gallery accordingly. You can add/edit images and links
6. Finally click “Save”, to save changes

Featured Videos

Euphony Blocks Pro supports Featured Videos pattern, this pattern allows you to display the your video to your audience in the most amazing way possible. By default it will load the default video. You can edit all those as per your need.

Here is how you add Featured Videos:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down to find “Featured Videos” or type “Featured Videos” in Search box
4. Click to add or drag and drop in desired area
5. Edit Featured Videos, you can add/edit, Video, text, and so on
   
6. Finally click “Save”, to save changes

Services

Services allows you to display your services. Euphony Blocks Pro supports 3 Services patterns.

1. Services Default
2. Services Two
3. Services

Here is how you add Services Default:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down to find “Services Default” or type “Services Default” in Search box
4. Click to add or drag and drop in desired area
   
5. Edit Services Accordingly you can add/edit, images, text, links, and so on
6. Finally click “Save”, to save changes

Promotional Videos

Euphony Blocks Pro supports Promotional Videos pattern, this pattern allows you to display the your promotional video to your audience in the most amazing way possible. By default it will load the cover image, paragraph text, image and Popup video. You can edit all those as per your need.

Here is how you add Promotional Videos:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down to find “Featured Videos” or type “Featured Videos” in Search box
4. Click to add or drag and drop in desired area
5. Edit Promotional Videos, you can add/edit, Cover Image, Text, Image, Popup Video and so on
   
6. Finally click “Save”, to save changes

Team (Band Members)

Euphony Blocks Pro supports Team pattern, this pattern allows you to display the your team / band members to your audience in the most amazing way possible.

1. Team
2. Team Two
3. Team Default

Here is how you add Team:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down to find “Team” or type “Team” in Search box
4. Click to add or drag and drop in desired area
5. Edit Team Accordingly you can add/edit, images, text, link, and so on
6. Finally click “Save”, to save changes

Portfolio

Portfolio Patterns allows you to display your Portfolio. Euphony Blocks Pro supports 4 Portfolio patterns.

1. Portfolio
2. Portfolio – Cover
3. Portfolio With Category
4. Portfolio With Category – Cover

Here is how you add Portfolio:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down to find “Portfolio” or type “Portfolio” in Search box
4. Click to add or drag and drop in desired area
5. 
6. By Default, it will load Portfolio Title and Recent Posts, then you can edit those as per your need
7. But if you want to change the Portfolio Type, then Click on “Query Loop” and from the Settings panel, change the “Post Type”.
   
8. Finally click “Save”, to save changes

Testimonial



Testimonial Patterns allows you to display feedback of your customers. Euphony Blocks Pro supports 3 Testimonial patterns.

1. Testimonial Default
2. Testimonials Three Columns
3. Testimonials

Here is how you add Testimonial Default:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down to find “Testimonial Default” or type “Testimonial Default” in Search box
4. Click to add or drag and drop in desired area
   
5. Edit Testimonial Accordingly you can add/edit, images, text, cover, and so on
6. Finally click “Save”, to save changes

Music on Apps



Euphony Blocks Pro supports Music on Apps pattern, this pattern allows you to display your Apps to your audience.

Here is how you add Music on Apps:

1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
2. Select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down to find “Music on Apps” or type “Music on Apps” in Search box
4. Click to add or drag and drop in desired area
5. Edit Music on Apps accordingly. You can add/edit Cover Images, Image, Text, Apps image and links
6. Finally click “Save”, to save changes

Footer Patterns



Footer Patterns allows you to display Footer content. Euphony Blocks Pro supports 4 Footer patterns.

1. Footer
2. Footer Default
3. Footer Four Columns
4. Footer Three Columns

Footer Default



The Footer Default pattern allows you to insert a section that you can display footer 3 columns content and footer copyright. In the pattern, by default, there are three columns and you can use the columns to add quick information, useful links, recent posts, your contact info including your social icons, and also footer copyright content.

1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
2. Select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down and to find “Footer Default” or type “Footer ” in Search box
4. Click to add or drag and drop in desired area
5. Edit Footer accordingly by changing text, social links, add recent posts
6. Finally click Save, to save changes

Logo Pattern



Euphony Blocks Pro Supports Logo pattern, this pattern can be used to display logos of different brands you are associate with.
Here is how you add Logo Patterns:

1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
2. Click on dropdown menu and select “Euphony Blocks Pro” to see list of pattern provided by Euphony Blocks Pro
3. Scroll down and to find “Logo” or type “Logo” in Search box
4. Click to add or drag and drop in desired area
5. Replace Logo by clicking on the Logo content itself, change logos as per your requirement
6. For advance setting click on the setting icon on the top right of the page to edit style, image dimensions, border
7. Finally click Save, to save changes

WooCommerce Block Supported Patterns

Euphony Blocks Pro supports WooCommerce Blocks. You will have to install and activate WooCommerce Plugin to use these pattern. You can add Featured Products in these patterns.

Here are the patterns that supports WooCommerce Blocks:

1. Product Category
2. Product Review
3. Best Selling Products
4. On Sale Products
5. Recent Products
6. Top Rated Products
7. Sidebar Products
8. Cart Header
9. Checkout Header
10. WooCommerce Features

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 Clicking on content or Table of content (List View)

1. Step of Duplication By Clicking on content:

1. Add the desired pattern, then click on the section you want to duplicate
2. Click on the section you want to duplicate, after clicking tool bar will open and click the three buttons
3. After clicking 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. 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 Euphony Blocks Pro



You can find 30 Templates provided by Euphony Blocks Pro. 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. All Archives
2. Archive Product
3. Archive Product (Full Width)
4. Archive Product (Sidebar on Left)
5. Archive Product (Sidebar on Right)
6. Blank
7. Blog Home
8. Blog Page (No Sidebar Full Width)
9. Blog Page (No Sidebar)
10. Blog Page (Sidebar on Left)
11. Blog Page (Sidebar on Right)
12. Checkout
13. Front Page
14. Index
15. Order Confirmation
16. Page: 404
17. Pages
18. Product Search Results
19. Products By Attribute
20. Products By Category
21. Products By Tag
22. Search Results
23. Single Page (No Sidebar Full Width)
24. Single Page (No Sidebar)
25. Single Page (Sidebar on Left)
26. Single Post (No Sidebar Full Width)
27. Single Post (No Sidebar)
28. Single Post (Sidebar on Left)
29. Single Posts
30. Single Product

Editing Templates

1. From your WordPress Dashboard, go to “Appearance => Editor”
2. Click on “Templates => Euphony Blocks Pro”, it will load all Templates
   
3. Now, you can use the Search Bar to search for any above mentioned template or just scroll to view existing template
4. After searching the template, click on it to load that template on Editor. Template consist of Template Part, Patterns and Blocks
5. If you want to see the List of Template Part, Patterns and Blocks used in the template, then click on “List View” panel. From this, you can click on the Element that you want to edit
6. Now, you can edit the desire elements and after all the changes click on “Save” button

Front Page


Euphony Blocks Pro Supports Front Page template, this template is used to display static Front Page.

1. From your WordPress Dashboard, go to “Appearance => Editor”
2. Click on “Templates”, it will load all Templates, then in Search Box type “Front Page”
   
3. Click on “Front Page” template and will load the Front Page template
4. If you want to see the List of Template Part, Patterns and Blocks used in the template, then click on “List View” panel. From this, you can click on the Element that you want to edit
5. If you want to see the Settings of each blocks then you can click on “Settings” panel
6. Now, you can edit the desire elements and after all the changes click on “Save” button
7. Note: This template consist of Template parts like Header (with Banner”), Footer. So, if you edit block on those section then it will also update those template parts as well

Template Parts in Euphony Blocks Pro



There are 12 Template Parts in Euphony Blocks Pro.

1. Header
2. Page Content
3. Header Normal
4. All Products
5. Page Content
6. Footer Four Columns
7. Footer Three Columns
8. Header (With Banner)
9. Footer
10. Footer Default
11. Sidebar
12. Sidebar Products

Euphony Blocks Pro supports WooCommerce Template Part. You will have to install and activate WooCommerce Plugin to use these WooCommerce Template Parts.

1. Checkout Header
2. Mini-Cart

Editing Template Parts

1. From your WordPress Dashboard, go to “Appearance => Editor”
2. Click on “Patterns => All template parts”, it will load all Template Parts
3. Now, you can use the Search Bar to search for any above mentioned template parts or just scroll to view existing template parts
4. After searching the template parts, click on it to load that template parts on Editor. Template Parts consist of Patterns and Blocks
5. If you want to see the List of Patterns and Blocks used in the template parts, then click on “List View” panel. From this, you can click on the Element that you want to edit
6. Now, you can edit the desire elements and after all the changes click on “Save” button