High Life

Installation

You can download High Life free theme through Dashboard > Appearance > Themes > Add New > High Life. 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 High Life Patterns

Dashboard >> Editor >> ‘+’ Toolbar (Top Left) >> Patterns >> Select High Life from the dropdown menu >> Add/Insert High Life 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 High Life 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 High Life

There are 20 patterns supported by High Life

1. 404 Header
2. Archive Header
3. Archive Post Header
4. Blog Header
5. Featured Category
6. Footer Three Columns
7. Footer
8. Header Media
9. Hero Content with Collage Image
10. Hidden 404
11. Modern Sticky Icon Menu
12. Post Header
13. Primary Header
14. Quick Contact Form
15. Search Header
16. Shop Header
17. Sidebar Products
18. Sidebar
19. Trending Products

WooCommerce Block supported patterns

High Life 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
3. Trending Products

Further instruction about WooCommerce Block supported patterns are below

How to add WooCommerce products category to the pattern?

High Life 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 “High Life” to see list of pattern provided by High Life
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

Trending Products

Trending Products patterns allows you to showcase products that are trending on your site.
Here is how you add trending product pattern:

1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
2. Select “High Life” to see list of pattern provided by High Life
3. Scroll down and to find “Trending Products”, click to add Review on your website or drag and drop
4. Then select the category of product under each section
5. For advance settings, click on setting button on top right to edit Content(Show description, show price), Media Settings, Image Fit, Color
6. Finally, click Save to save changes

Header Patterns

There are 7 different headers provided by High Life. Here are the list of headers. You can choose header according to your need.

1. 404 Header
2. Archive Header
3. Archive Post Header
4. Blog Header
5. Post Header
6. Primary Header
7. Search 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 “High Life” to see list of pattern provided by High Life
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 Three Columns

The Footer Three Columns Default 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. You can increase columns up to 6 columns.

1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
2. Select “High Life” to see list of pattern provided by High Life
3. Scroll down and to find “Footer Three Columns”, click to add Footer Four Columns Default on your website or drag and drop
4. Edit Footer Four Columns Default accordingly by changing text, social links, add recent posts
5. For advanced setting click on setting button on top right, there you can change columns, typography, color and so on
6. Finally click Save, to save changes

Hero Content with Collage Image

High Life supports Hero Content with Collage Image, it allows you to highlight any product or news, along with that you can images on side.
Here is how you add Hero content with Collage Image pattern:

1. 1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
   2. Select “High Life Pro” to see list of pattern provided by High Life Pro
   3. Scroll down to find Hero Content with Collage Images, click to add or drag and drop in desired area there you can customizer such as columns, styles, typography, dimensions and border
   4. Edit Hero Content with collage image accordingly you can add/edit, images, text, cover, button and so on
   5. By default there are 2 columns in this section and made up-to 6 columns
   6. Finally click “Save”, to save changes

 

Templates in High Life

You can find 29 Templates provided by our High Life 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. Archive Product(Full Width)
4. Archive Product(Sidebar on Left)
5. Archive Product(Sidebar on Right)
6. Blank: The blank template can be used for displaying the contents of a post or page
7. Blog Home
8. Blog Page(No Sidebar Full Width)
9. Blog Page(Sidebar on Right)
10. Cart
11. Checkout
12. Front Page
13. Index
14. Order Confirmation
15. Page(With Products)
16. Page:404
17. Pages
18. Product Search Results
19. Products by Attribute
20. Products by Tag
21. Search Results
22. Single Page(No Sidebar on Full Width)
23. Single Page (Sidebar on Left)
24. Single Page (Sidebar on Right)
25. Single Post (No Sidebar Full Width)
26. Single Post (Sidebar on Left)
27. Single Post (Sidebar on Right)
28. Single Post
29. Single Product

Template Parts in High Life

There are 10 Template Parts in High Life.

1. All Products
2. Page Content
3. Post Content
4. Sidebar Products
5. Sidebar
6. Mini-Cart
7. Header Top
8. Footer Three Columns
9. Footer
10. Primary Header