HikaShop Product Wall

+++++++++++++++++

The ultimate HikaShop Module

Slideshow Examples


Slideshow example with transition features.

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!


<a href="{product_page}">
<div class="npslideshow1">
<img src="{original_image_url}">
<div class="npslideshow1_txt">
<h2>{product_name}</h2>
<p>{description}</p>
</div>
</div>
</a>


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.



 1  2  3 




Slide Demos 2


Content Slideshows with multiple effects




Slideshows with Buttons

Create multi-page slides with buttons by using the {leftbutton} {rightbutton} tags. HikaShop Product Wall offers over 50 different button styles.

Buttons Bottom




Slide Demos 3


Featured Slideshow 2 Example : Slide Effect

Content slideshows for full width sites or large areas


Womens 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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Read more



Static Text Slideshow Example

Create slideshows with static text overlays.



STATIC TEXT

Slideshow Example

Bacon ipsum dolor amet leberkas drumstick kielbasa chicken cupim.

Frankfurter capicola pork loin, biltong drumstick strip steak swine turducken kielbasa.


MORE INFO



Slider Demos


Scrolling content sliders


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.



Sample Product 4

Sample Product 4

14,99 €

Mens Product 1

Mens Product 1

15,00 €

Women Product 4

Women Product 4

11,00 €

Mens Product 3

Mens Product 3

10,00 €

Sample Product 5

Sample Product 5

12,99 €

Sample Product 6

Sample Product 6

10,00 €

Mens Product 4

Mens Product 4

11,00 €

Sample Product 7

Sample Product 7

12,00 €




Slider Two Example: Click for Scroll



Sample Product 1

Sample Product 1

24,99 €

Sample Product 5

Sample Product 5

12,99 €

Sample Product 7

Sample Product 7

12,00 €

Mens Product 4

Mens Product 4

11,00 €

Mens Product 3

Mens Product 3

10,00 €

Sample Product 7

Sample Product 7

12,00 €

Sample Product 4

Sample Product 4

14,99 €

Womens Product 2

Womens Product 2

15,00 €




Slider Three Example

Add CSS3 effects to the slides for a friendly interactive design.



  • Sample Product 1

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu torto

    Sample Product 1
  • Sample Product 2

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu torto

    Sample Product 2
  • Sample Product 3

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu torto

    Sample Product 3
  • Sample Product 5

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu torto

    Sample Product 5
  • Sample Product 6

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu torto

    Sample Product 6
  • Sample Product 4

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu torto

    Sample Product 4
  • Sample Product 7

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu torto

    Sample Product 7
  • Sample Product 1

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu torto

    Sample Product 1



Slider Four Example

Add styled pages with a little css and the {pages} tag.







Grid Examples


HikaShop Product Wall gives you control over columns and rows to create stylish article grids.

Grid One Example






Grid Two Example



Mens Product 4

11,00 €
Read more

Womens Product 2

15,00 €
Read more

Sample Product 4

14,99 €
Read more

Womens Product 3

10,00 €
Read more



Grid Three Example






Grid Four Example




Blog Examples


Content layouts perfect for Product Blogs

Blog One Example

Single column blog with CSS styled text overlays and date badge



15,00 €

Womens 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

Read more
10,00 €

Womens Product 3

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

Read more
11,00 €

Women 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

Read more
15,00 €

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

Read more

Blog Two Example

The {language} tag uses the core Joomla read more for multi language sites.



Sample 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 3

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




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



11,00 €

Women 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

15,00 €

Womens 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

10,00 €

Womens Product 3

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

15,00 €

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




Blog Five Example

Multiple columns and rows example.



Sample Product 4

14,99 €

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

10,00 €

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

12,00 €

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 5

12,99 €

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 Examples


Product layouts perfect for News

News One Example

Use the {mainarea} and {morearea} to create two different layouts at once.



Women Product 4

Women Product 4

Women 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

Mens Product 1

Mens Product 1

Mens 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

Womens Product 2

Womens Product 2

Womens 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 3

Mens Product 3

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 2

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

Sample Product 1

Sample 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

Womens Product 3

Womens Product 3

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

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

Mens Product 4

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




News Two Example

Multiple columns and rows example.



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

Mens 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

Sample Product 3

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 3

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 Three Example

Multiple columns and rows example with CSS article wraps.



Mens Product 3

Mens Product 3

10,00 €

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

Womens Product 1

15,00 €

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 2

Womens Product 2

15,00 €

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 Ticker Example

Use the mult-page slider in a single column and row to create newtickers and more.







Tooltip Examples


CSS3 tooltips in multiple directions

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







Hero Examples


Great call to action examples

Hero Example



Womens Product 1

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te




Hero Example 2



Mens Product 2

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

Continue Reading More Like This




Creative Examples


Not your ordinary product layouts

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.



  • Womens Product 1

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te


    Read more
  • Sample Product 2

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te


    Read more
  • Sample Product 5

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te


    Read more
  • Sample Product 4

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te


    Read more
  • Sample Product 6

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te


    Read more
  • Sample Product 7

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te


    Read more
  • Mens Product 2

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te


    Read more
  • Women Product 4

    Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te


    Read more



Timeline Example

A CSS3 styled timeline using content



07-12-2012

Sample Product 1

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

07-12-2012

Sample Product 2

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

07-12-2012

Sample Product 3

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

12-12-2012

Sample Product 5

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

12-12-2012

Sample Product 6

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

07-12-2012

Sample Product 4

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te




Tabbed Example

Use the {mainarea} and {morearea} to create multiple layouts per tab.



{title}

Sample Product 6

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

Read more

Accordion Example

Use the {mainarea} and {morearea} to create multiple layouts per tab.



Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

Read more
Sample Product 7 Sample Product 7
Womens Product 1 Womens Product 1
Mens Product 2 Mens Product 2
Mens Product 3 Mens Product 3

Bootstrap Examples


Examples using the core Bootstrap classes

Hero Example



Sample Product 1

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

Read more




Thumbnail Example



Women Product 4

Women Product 4

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

Read more

Sample Product 3

Sample Product 3

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

Read more

Womens Product 1

Womens Product 1

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

Read more

Sample Product 6

Sample Product 6

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

Read more

Mens Product 2

Mens Product 2

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

Read more

Sample Product 7

Sample Product 7

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

Read more

Sample Product 5

Sample Product 5

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

Read more


Hover Examples


CSS3 hover style examples

Hover Example 1



Sample Product 7

Sample Product 7

12,00 €

Mens Product 1

Mens Product 1

15,00 €




Hover Example 2



{title}

Sample Product 3

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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

{title}

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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.




Hover Example 3



Sample Product 2

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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Sample Product 6

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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.




Hover Example 4



Sample Product 4

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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Womens Product 3

Womens Product 3

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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.




Hover Example 5



Sample Product 3

Sample Product 3

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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Sample Product 6

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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.




Hover Example 6



Sample Product 1

Sample 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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Sample Product 5

Sample Product 5

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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.




Hover Example 7



Mens Product 2

Mens 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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Sample Product 2

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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.




Hover Example 8



Mens Product 2

Mens 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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Sample Product 5

Sample Product 5

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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.


Hover Examples 2


css3 hover style examples

Hover Example 9



Sample Product 1

Read more

Sample Product 6

Read more

Mens Product 1

Read more

Sample Product 4

Read more




Hover Example 10



Sample Product 6

Read more

Sample Product 5

Read more

Sample Product 6

Read more

Womens Product 2

Read more




Hover Example 11



Womens Product 1

Read more

Mens Product 2

Read more

Sample Product 3

Read more

Mens Product 4

Read more




Hover Example 12



Sample Product 6

Read more

Mens Product 3

Read more

Sample Product 3

Read more

Sample Product 5

Read more




Hover Example 13



Sample Product 1

Read more

Mens Product 4

Read more

Sample Product 1

Read more

Sample Product 5

Read more




Hover Example 14



Sample Product 5

Read more

Womens Product 2

Read more

Sample Product 1

Read more

Sample Product 3

Read more




Hover Example 15



Sample Product 3

Read more

Mens Product 4

Read more

Mens Product 3

Read more

Sample Product 7

Read more




Hover Example 16



{title}

Sample Product 1

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

Read more
{title}

Sample Product 2

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

Read more



Hover Example 17



{title}

Sample Product 5

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

Read more
{title}

Sample Product 1

Mauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te

Read more



Hover Example 18






Hover Example 19






Hover Example 20



Womens Product 1

Womens Product 1

Sample Product 7

Sample Product 7

Womens Product 2

Womens Product 2

Sample Product 3

Sample Product 3

Sample Product 2

Sample Product 2

Sample Product 4

Sample Product 4




Hover Example 21



Womens Product 3

Womens Product 3

Womens Product 1

Womens Product 1

Mens Product 3

Mens Product 3

Sample Product 3

Sample Product 3

Womens Product 2

Womens Product 2

Sample Product 6

Sample Product 6





ALL TAGS


All Tags available for use in your custom mark up
This template shows the different place holder tags you can use, to include in your own templates just surround them with {} characters:

Module template tags:

Tag Name Tag Content
mainarea Displays the selected elements using the corresponding element template tags for each one.
leftbutton
rightbutton
pages  1 


Element template tags (all tags work on "more" area as well):

Tag Name Tag Content
addtocart
base_price11,00 €
brand
category_descriptionMauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te
category_imagehttp://demo.joomlaxtc.com/extensions3/media/com_hikashop/upload/fashion-beauty-model-portrait.jpg
category_nameWomen's Fashion
category_url/extensions3/component/hikashop/category/14-women-s-fashion?Itemid=1943
categoryid14
create_date m-d-Y01-27-2016
create_dateWednesday, 27 January 2016
descriptionMauris mattis tempor est. Vivamus sed nisi. Quisque arcu tortor, suscipit eu, te
end_date m-d-Y01-01-1970
end_dateThursday, 01 January 1970
id22
imageWomen Product 4
image_urlhttp://demo.joomlaxtc.com/extensions3/media/com_hikashop/upload/thumbnail_1920x1280/womens3.jpg
index1
language language_tokenRead more
original_imageWomen Product 4
original_image_urlhttp://demo.joomlaxtc.com/extensions3/media/com_hikashop/upload/womens3.jpg
product_codeSample_Product_11_copy38368098
product_height0.000
product_id22
product_imageWomen Product 4
product_image_urlhttp://demo.joomlaxtc.com/extensions3/media/com_hikashop/upload/thumbnail_400x400/womens3.jpg
product_length0.000
product_nameWomen Product 4
product_page/extensions3/component/hikashop/product/22-sample-product-11?Itemid=1943
product_price11,00 €
product_quantity-1
product_score0
product_url
product_votes0
product_weight0.000
product_width0.000
raw_category_descriptionMauris 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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
raw_descriptionMauris 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 sit amet lacinia congue, leo mi consequat felis, vitae ornare nunc sem eu sem. Curabitur congue. Cras magna augue, ullamcorper ac, tincidunt nec, pulvinar faucibus, leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
start_date m-d-Y01-01-1970
start_dateThursday, 01 January 1970
thumbnail_imageWomen Product 4
thumbnail_image_urlhttp://demo.joomlaxtc.com/extensions3/media/com_hikashop/upload/thumbnail_250x175/womens3.jpg
weight_unitkg