Slideshow Examples
The demos below are based on our simple tag system. Simply add the tag calls for the content in your own custom html to get the following design!
Featured Slideshow Example : Fade Effect
The JoomlaXTC HikaShop Product Wall can create mutli-effect slideshows.
Featured Slideshow No Text Example : Slide Effect
Create multi-page slides with CSS styled control with the {pages} tag.
Slide Demos 2
Slideshows with Buttons
Create multi-page slides with buttons by using the {leftbutton} {rightbutton} tags. HikaShop Product Wall offers over 50 different button styles.
Slide Demos 3
Featured Slideshow 2 Example : Slide Effect
Content slideshows for full width sites or large areasStatic Text Slideshow Example
Create slideshows with static text overlays.
Slider Demos
Slider One Example: Auto Scroll
Create multi-page slides with buttons by using the {leftbutton} {rightbutton} tags. HikaShop Product Wall offers over 50 different button styles.
Slider Two Example: Click for Scroll
Slider Three Example
Add CSS3 effects to the slides for a friendly interactive design.
Slider Four Example
Add styled pages with a little css and the {pages} tag.
Grid Examples
Grid One Example
Grid Two Example
Grid Three Example
Grid Four Example
Blog Examples
Blog One Example
Single column blog with CSS styled text overlays and date badge
Blog Two Example
The {language} tag uses the core Joomla read more for multi language sites.
Blog Three Example
Multiple columns and rows example with CSS styled date badges.
Blog Four Example
Create cutting edge blog posts with your own custom HTML and CSS or use these pre-packaged template designs
Blog Five Example
Multiple columns and rows example.
News Examples
News One Example
Use the {mainarea} and {morearea} to create two different layouts at once.
Sample Product 2
Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, tempor eget, placerat at, nibh. Vivamus eros urna, semper ac, commodo a, porta sed, enim. Duis est. Nunc luctus, sapien si
Mens Product 4
Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, tempor eget, placerat at, nibh. Vivamus eros urna, semper ac, commodo a, porta sed, enim. Duis est. Nunc luctus, sapien si
Sample Product 7
Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, tempor eget, placerat at, nibh. Vivamus eros urna, semper ac, commodo a, porta sed, enim. Duis est. Nunc luctus, sapien si
Womens Product 1
Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, tempor eget, placerat at, nibh. Vivamus eros urna, semper ac, commodo a, porta sed, enim. Duis est. Nunc luctus, sapien si
Sample Product 6
Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, tempor eget, placerat at, nibh. Vivamus eros urna, semper ac, commodo a, porta sed, enim. Duis est. Nunc luctus, sapien si
Sample Product 4
Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, tempor eget, placerat at, nibh. Vivamus eros urna, semper ac, commodo a, porta sed, enim. Duis est. Nunc luctus, sapien si
News Two Example
Multiple columns and rows example.
News Three Example
Multiple columns and rows example with CSS article wraps.
News Ticker Example
Use the mult-page slider in a single column and row to create newtickers and more.
Tooltip Examples
Tooltip One Example
Top tooltip using the {title} tag to display the article title in the tooltip.
Tooltip Two Example
Right tooltip using the {title} tag to display the article title in the tooltip.
Tooltip Three Example
Left tooltip using the {title} tag to display the article title in the tooltip.
Tooltip Four Example
Bottom tooltip using the {title} tag to display the article title in the tooltip.
PopUp One Example
Create Modal pop ups using the core Bootstrap modal to open the article intro in a modal.
List Examples
List 1 Example
A CSS3 styled list
List 2 Example
A CSS3 styled list with gutters.
List 3 Example
A standard article list with title and intro text, perfect for side bars.
List 4 Example
Create ordered lists using the {index} tag to display the numbered order.
Hero Examples
Hero Example
Hero Example 2
Creative Examples
Hexagon Example
Use CSS3 to create unique image styling and layouts.
Category Example
Use the {mainarea} and {morearea} to create featured layouts.
Category Example 2
A tabbed filtering layout. Simply add the category ID's for the categories in the mark up and CSS.
Timeline Example
A CSS3 styled timeline using content
Tabbed Example
Use the {mainarea} and {morearea} to create multiple layouts per tab.
Accordion Example
Use the {mainarea} and {morearea} to create multiple layouts per tab.
Bootstrap Examples
Hero Example
Thumbnail Example
Hover Examples
Hover Example 1
Hover Example 2
Hover Example 3
Hover Example 4
Hover Example 5
Hover Example 6
Hover Example 7
Hover Example 8
Hover Examples 2
Hover Example 9
Hover Example 10
Hover Example 11
Hover Example 12
Hover Example 13
Hover Example 14
Hover Example 15
Hover Example 16
Hover Example 17
Hover Example 18
Hover Example 19
Hover Example 20
Hover Example 21
ALL TAGS
Module template tags:
Tag Name | Tag Content |
---|---|
mainarea | Displays the selected elements using the corresponding element template tags for each one. |
leftbutton | |
rightbutton | |
pages |
Element template tags (all tags work on "more" area as well):
Tag Name | Tag Content |
---|