The home page used within our demo can be easily re-created through the inVogue demo import option.
Please note that doing this will overwrite any existing content on that page so its advised to first create a new blank page; when creating a new page remember to assign the inVogue – Home Template to this page.
From the WordPress admin menu navigate to the inVogue settings page and then to the Demo tab. From here you will have the option to assign the structure of the home page to any already existing page. From the drop downs below the ‘Demo layout selector’ heading first select the page you would like the structure added to, in this example the page is named ‘Home’. From the second drop down select the ‘Home Default’ option to use the same structure as our demo page. You can then click the ‘Apply Shortcode’ button.
Note that this will create the structure of the page for you but will not use the same content as on the demo page. Section headings will be added in but all content such as products and posts will be from your sites content.
Once the shortcode has been applied, on the inVogue settings page, you can navigate to the Home Slider tab to create the slider which will be used on the home page within the header.
You can now navigate to this page and edit it in order to customize the content and change any titles and text.
The sections used within the home page demo are, from top to bottom;
- Heading
- Products – listed from a specific category with the ‘Contained Multiple Row with Loader’ layout
- Heading
- Banner Advert
- Products – listed from a specific category with the ‘Contained Carousel’
- Heading
- Blog posts from a specific category
- Promo Slider – containing specific products
- Basic Image Carousel – using the ‘Full row Carousel’ layout
