The frontpage of the Accent Pro theme has four widget areas:
- Home Dotted
- Home Products
- Home Countdown
- Home Latest Post
Home Dotted
This is the first widget area below the hero banners. This widget has a dotted border. To create a layout similar to the demo, place a text widget with the following HTML code.
Home Products
This is the first widget area below the hero banners.
To display products, you can either use the WooCommerce widget or a WooCommerce shortcode.
WooCommerce widget
The WooCommerce widget is pre-styled for rows of four products (4, 8, 12 etc.). If you want to display another number of products, you may use the WooCommerce shortcode. Check the screenshot for the settings of the Accent Pro demo.
WooCommerce shortcode
WooCommerce comes with several shortcodes that can be used to insert content in widget areas. A list of all options is found here.
For example, if you want to show five product on a row, use the following shortcode and place it in a text widget. In this text widget, adjust the number if you want to display another number of products.
Home Countdown
For the countdown widget, you need to install the Genesis Countdown plugin. Documentation for the setup of the plugin can be found here. To display the Countdown widget on the homepage, drag the Countdown widget to the Countdown widget area. For settings, navigate to Genesis > Countdown.
Home Latest Posts
The Latest Post widget is pre-styled for three, six or nine posts. Below, you find a screenshot of the settings of the Featured Posts widget used in the Accent Pro demo.