GK Image Show is a widget which can be used to create awesome header.
The slide images are configured in the Media library:
Every slide have few important elements:
The title (*)Â is used to identify the slide but we will describe it later. In general, we recommend to use a simple name like â€śheaderXâ€ť where X is a number of the slide. Other marked elements are also important:
1.Â The â€śCaptionâ€ť is used to store the slide caption. (main header)
2. The â€śAlternative Textâ€ť is used to store the slide URL of the button.
You can use following syntax:
where first parameter is used to generate Font Awesome icon (check the Typography to get more icon names), the second „Get the app“ is for the button text, then after the „]“ char, you have to specify the URL.
[icon-mobile-phone,Get the app]#1
3. The â€śDescriptionâ€ť is used to generate the second header. You can also use the followingÂ syntax to achieve small additional information under the button.
__ Your text __
First of all you have to specify used slides â€“ you have to put media titles separated with comma â€“ as you can see we have named our slides as â€śheader1â€ł and „header2“.
Next two options define position and width of text block.
The â€śPaginationâ€ť option enables the pagination under the slider.
Next three options are strictly connected with the animation speed (speed of the slides transition), interval (time between two slides) and autoanimation (if you need to autoanimate your slides).