Installation

You can download Photofocus Blocks free theme through Dashboard > Appearance > Themes > Add New > Photofocus Blocks. Simply click on the ‘Install’ button and wait for a few seconds to ‘Activate’ the theme.

Frequently Asked Question

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

Inserting/Adding Photofocus Blocks Patterns

Dashboard >> Editor >> ‘+’ Toolbar (Top Left) >> Patterns >> Select Photofocus Blocks from the dropdown menu >> Add/Insert Photofocus Blocks Patterns accordingly

Editing Pattern Content

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

  • Clicking on the section itself
  • List View
  • 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.

How to work with Photofocus Blocks Blocks – 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 and patterns using the Block Inserter (+) icon.

  1. Click on the Block and pattern 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 and pattern 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 and pattern 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

List of Pattern supported by Photofocus Blocks Blocks

There are 17 patterns supported by Photofocus Blocks Blocks

  1. 404 Header
  2. Archive Header
  3. Archive Post Header
  4. Blog Header
  5. Footer Default
  6. Header Media
  7. Header
  8. Hidden 404
  9. Latest Posts
  10. Portfolio
  11. Post Header
  12. Search Header
  13. Services
  14. Shop Header
  15. Sidebar Products
  16. Sidebar
  17. Testimonials

WooCommerce Block supported patterns

Photofocus Block 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. Shop Header
  2. Sidebar Products

Further instruction about WooCommerce Block supported patterns are below

How to add WooCommerce products category to the pattern?

Photofocus Blocks supports WooCommerce blocks, in the above mentioned pattern you can add the products category and descriptions along with button that redirects to the products.
After activating theme, by default few patterns that supports WooCommerce will be activated. You can choose WooCommerce Featured product patterns directly from the pattern.
Here is how you display featured category to the pattern:

  1. Drag and drop the pattern you want to add in the section or click on “+” Sign and add desired pattern
  2. After adding WooCommerce supported pattern you will find “Featured Category” option you can search the category of the product you want to display and add
  3. Finally click on done and Save changes

Sidebar Product

Sidebar Product pattern allows you to select and display product category along with the list of category in sidebar.

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  2. Select “PawsCentral” to see list of pattern provided by Photofocus Blocks
  3. Scroll down and to find “Sidebar Product”, click to add Sidebar Products on your website or drag and drop
  4. Finally, click Save to save changes

Header Patterns

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

  1. Header
  2. Header Media
  3. 404 Header
  4. Archive Header
  5. Archive Post Header
  6. Blog Header
  7. Post Header
  8. Search Header
  9. 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 “Photofocus Blocks” to see list of pattern provided by Photofocus Blocks
  3. Scroll down to find 8 different type of header(mentioned above), 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

Footer Default

The Footer Default pattern allows you to insert a section that you can display on your default footer. In the pattern, by default, there are footer copyright information.

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  2. Select “Photofocus Blocks” to see list of pattern provided by Photofocus Blocks
  3. Scroll down and to find “Footer Default”, click to add Footer Default on your website or drag and drop
  4. Edit Footer Default accordingly by changing text
  5. Finally click Save, to save changes

Templates in Photofocus Blocks

You can find 18 Templates provided by our Photofocus Blocks 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. All Archives
  2. Archive Product
  3. Blank
  4. Blog Home
  5. Cart
  6. Checkout
  7. Front Page
  8. Index
  9. Order Confirmation
  10. Page WooCommerce
  11. Page: 404
  12. Pages
  13. Product Search Results
  14. Products By Attribute
  15. Products By Category
  16. Products By Tag
  17. Search Results
  18. Single Page (No Sidebar Full Width)
  19. Single Post (No Sidebar Full Width)
  20. Single Posts
  21. Single Product

Template Parts in Photofocus Blocks

There are 8 Template Parts in Photofocus Blocks.

  1. Page Content
  2. All Products
  3. Post Content
  4. Scroll Down
  5. Footer Default
  6. Sidebar
  7. Sidebar Products
  8. Header