Occasionally we need to use custom html to obtain the layouts shown on our demos in specific widgets. The code below is what was used on this theme. It is best to enter this code directly into the "text" tab of the page/post editor or into a text widget. Some features may require that you enable the Ion Icons (Under General) and Scroll Reveal (Under Javascripts) features in the theme options.

Image and Content Fader:

The S5 Image and Content Fader is shown on the homepage in the Custom 1 position. You can enter any custom html into each slide. Simply enter the images and into the default fields in the backend of the widget. This demo uses 1904x912 images, but you can use any image size; just make sure they are all the same size. Features like size, zoom, slide effects, and others are controlled in the widget's backend.



Slide1:


Slide2:

Product Categories Button

This is the "Custom 2" position and is designed for any menu widget. You can publish a standard WordPress one or like we have on the demo a WooCommerce menu widget to display the shops categories in an easy to navigate form always visible on page.

Product Categories:

These three widgets are all custom HTML widgets published through "Top Row 1.1 - Top Row 1.3" positions. The code below shows what we used on the demo. For the "latest in mens fashion" image you can set this in the "theme specific" area of Vertex. All the others images are included in the custom HTML code below:



Latest Arrivals in Couches:


Latest in Mens Fashion:


Best Sellers in Electronics:

Featured Products:

This is the Tab Show widget published to the Top Row 2.1 position with the widget style of " centered" and a custom class of "-products". We used the S5 TabShow - Tab #1 and S5 TabShow - Tab #2 positions and published a text widget to each of those positions with a WooCommerce shortcode to display the products. For setup instructions for S5 Tab Show please visit: http://www.shape5.com/documentation/WordPress/Extensions/S5-Tab-Show

Product Categories:

These three widgets are all custom HTML widgets published through "Top Row 3.1 - Top Row 3.3" positions. The code below shows what we used on the demo. The background images for each are set in the "theme specific" area of Vertex:



Latest in Backpacks:


Womens Glasses:


All Season Bags:

Latest New Products:

This is the Tab Show widget published to the above_columns_1 position with the widget style of " centered" and a custom class of "-products". We used the S5 TabShow - Tab #3 and S5 TabShow - Tab #4 positions and published a text widget to each of those positions with a WooCommerce shortcode to display the products. For setup instructions for S5 Tab Show please visit: http://www.shape5.com/documentation/WordPress/Extensions/S5-Tab-Show

New styles of the year are here:

The image of the couple is assigned in the backend of Vertex in the layout area under the Below Columns row. The Below Columns 1.2 position has the below code published to it. When published to this position the countdown timer automatically will show up. You can change all the settings for it in the Theme Specific area of Vertex.

Don't take our word for it:

This is the Tab Show widget published to the Bottom Row 1.1 position with the widget style of " centered" and a custom class of "-testimonial". We used the S5 TabShow - Tab #9, S5 TabShow - Tab #10 and S5 TabShow - Tab #11 positions and published a custom HTML widget with some text. We then set an image for each slide, for example the first one is "Option Image URL For Position S5 TabShow - Tab #9" under the "position selections and button options". For setup instructions for S5 Tab Show please visit: http://www.shape5.com/documentation/WordPress/Extensions/S5-Tab-Show

Newsletter Signup:

This is the S5 MailChimp widget published to the Custom 3 position.



Pre-text we used:

4 custom text widgets:

These are text widgets that are published to the Bottom Row 2.1 - Bottom Row 2.4 positions.

Confirmation Quick Contact:

These are standard menu widgets published to the Bottom Row 3.1 - Bottom Row 3.4: