Edit Page Screen
Following are the steps to create Home v4 using page template :
- Create a new page from Pages > Add New
- In the Page Attributes meta box that is usually present below the Publish meta box, choose the page template as Homepage v4 and click on Publish or Save Draft
- You can now view this saved page and it will load Home v4 template with its default values
- When the page reloads, you will have the Home v4 page options to help you configure the blocks in Home v4
Page Content
The Page content area is the WordPress editor area which is empty by default. This is because Home v4 content is loaded via Homepage v4 template and is configurable via Home v4 Page Options. Any content added to the content area is not loaded by default. It needs to be enabled from Home v4 Page Options > General > Page Content. Once you enable it the content from the editor area will be loaded the order is determined by the priority number given.
Home v4 Page Options
General
The General Tab lists all available blocks for Home v4. It also has options to enable/disable each block and determine each blocks order of appearance in the page.
Slider block
Output
Settings
- Slider
- Slider Shortcode : Enter the shortcode for your slider – Default:
- Extra Class Name : Enter the Extra Class name – Default:
Product Block
Output
Settings
- Show Header – Check to enable Header
- Section Title – Enter the Section Title
- Section Subtitle – Enter Section Subtitle
- Background Image – Upload background image
- Products – Show product by its type
- Show Product by – Show products by IDs or SKUs
- Product IDs or SKUs – Enter products IDs or SKUs
- per_page – Enter the number of products to be displayed
- Column – Enter the number of column
- Order By – Choose the order of your products, either by date, id,
menu order, popularity, rand, rating and title. The title will arrange it based on the
alphebetical order. – Default: Name - Order – Choose the products to be displayed either in Ascending or
Descending Order – Deafult: ASC - Extra Class Name Enter extra class area for addition class.
Hero Banner
Output
Settings
- Background Image – Upload background image
- Banner Title – Enter banner title
- Banner Description – Enter the banner description
- Action Text -Enter action text
- Action Link – Enter action link
- Caption Align : Select the caption align
- Choose Text Color – Choose the text color
- Enable Fullwidth – Enable the fullwidth
- Extra Class Name : Enter the Extra Class name – Default:
Banners
Output
Settings
Banner 1
- Background Image – Upload background image
- Banner Title – Enter banner title
- Banner Link – Enter the banner link
Banner 2
- Background Image – Upload background image
- Banner Title – Enter banner title
- Banner Link – Enter the banner link
Categories Tab With Products
- Show Categories Tab – Enable or Disable categories tab
- Tab Title – Enter tab title
- Number – Enter the number of title
- hide_empty – Enable hide empty
- slugs – Enter the products slugs
- Products – Select the product to be diplayed
- per_page – Enter the number to product displayed in page
- Columns : Enter the number of products to be column
- Order By – Choose the order of your products, either by date, id,
menu order, popularity, rand, rating and title. The title will arrange it based on the
alphebetical order. – Default: Name - Order – Choose the products to be displayed either in Ascending or
Descending Order – Deafult: ASC - Extra Class Name Enter extra class area for addition class.
Category Tab with Products block
Output
Settings
- Show Category Tabs – Enable/Disable Category Tabs Defautl: Enable
- Tab Title – Enter tab title – Default: Clothing
- Category Number – Enter category number Default: 5
- Category Slug – Enter categories that should be displayed in the block
- Hide Empty? – Enable/disable if you would like to hide the category or not
- Shortcode Tags – Select shortcode tags – Default: Products
- Orderby – Choose the order of your products, either by date, id, menu order, popularity, rand, rating and title. The title will arrange it based on the alphebetical order. – Default: Title
- Order – Choose the products to be displayed either in Ascending or Descending Order – Deafult: DESC
- Limit – Total number of post to show. Default: 10
- Columns – Enter the number of post columns to be displayed – Default: 5
- Extra class name – Enter extra class name