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 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.

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 2

Sample Product 2

12,09 €

Sample Product 4

Sample Product 4

14,99 €

Womens Product 1

Womens Product 1

15,00 €

Mens Product 1

Mens Product 1

15,00 €

Mens Product 4

Mens Product 4

11,00 €

Womens Product 2

Womens Product 2

15,00 €

Sample Product 5

Sample Product 5

12,99 €

Sample Product 7

Sample Product 7

12,00 €




Slider Two Example: Click for Scroll



Mens Product 4

Mens Product 4

11,00 €

Sample Product 1

Sample Product 1

24,99 €

Sample Product 2

Sample Product 2

12,09 €

Sample Product 3

Sample Product 3

12,99 €

Sample Product 6

Sample Product 6

10,00 €

Sample Product 7

Sample Product 7

12,00 €

Womens Product 2

Womens Product 2

15,00 €

Sample Product 4

Sample Product 4

14,99 €




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



Sample Product 6

10,00 €
Read more

Sample Product 6

10,00 €
Read more

Sample Product 3

12,99 €
Read more

Sample Product 1

24,99 €
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
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
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

Blog Two Example

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



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




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



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

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

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




Blog Five Example

Multiple columns and rows example.



Mens Product 4

11,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

Sample Product 3

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

Sample Product 2

12,09 €

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.



Sample Product 1

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

Sample Product 7

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

Sample Product 2

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

Womens Product 1

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

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

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

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

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

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 si




News Two Example

Multiple columns and rows example.



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 si

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

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




News Three Example

Multiple columns and rows example with CSS article wraps.



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

Sample Product 6

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

Mens Product 4

Mens Product 4

11,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 1

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.



  • Mens Product 4

    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
  • Sample Product 2

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


    Read more
  • Mens Product 3

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


    Read more
  • Sample Product 3

    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
  • Womens Product 1

    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



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}

Mens Product 2

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 4 Sample Product 4
Mens Product 3 Mens Product 3
Womens Product 3 Womens Product 3
Sample Product 3 Sample Product 3

Bootstrap Examples


Examples using the core Bootstrap classes

Hero Example



Sample Product 5

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

Read more




Thumbnail Example



Mens Product 2

Mens Product 2

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

Mens Product 4

Mens Product 4

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

Read more

Sample Product 4

Sample Product 4

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

Sample Product 1

Sample Product 1

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

Read more

Mens Product 3

Mens Product 3

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

Read more


Hover Examples


CSS3 hover style examples

Hover Example 1



Mens Product 4

Mens Product 4

11,00 €

Mens Product 2

Mens Product 2

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}

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 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 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 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.

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 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.

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 5



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.

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



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 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 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.




Hover Example 8



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 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 Examples 2


css3 hover style examples

Hover Example 9



Women Product 4

Read more

Mens Product 4

Read more

Sample Product 2

Read more

Sample Product 5

Read more




Hover Example 10



Sample Product 1

Read more

Sample Product 5

Read more

Sample Product 4

Read more

Sample Product 7

Read more




Hover Example 11



Sample Product 4

Read more

Mens Product 3

Read more

Sample Product 1

Read more

Sample Product 5

Read more




Hover Example 12



Womens Product 2

Read more

Sample Product 5

Read more

Sample Product 1

Read more

Sample Product 2

Read more




Hover Example 13



Sample Product 2

Read more

Sample Product 7

Read more

Mens Product 4

Read more

Sample Product 2

Read more




Hover Example 14



Sample Product 3

Read more

Sample Product 1

Read more

Sample Product 2

Read more

Womens Product 1

Read more




Hover Example 15



Sample Product 7

Read more

Mens Product 3

Read more

Mens Product 1

Read more

Sample Product 5

Read more




Hover Example 16



{title}

Mens Product 2

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

Read more
{title}

Women Product 4

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

Read more



Hover Example 17



{title}

Sample Product 4

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

Read more
{title}

Sample Product 7

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

Read more



Hover Example 18






Hover Example 19






Hover Example 20



Sample Product 2

Sample Product 2

Mens Product 4

Mens Product 4

Sample Product 2

Sample Product 2

Sample Product 1

Sample Product 1

Mens Product 1

Mens Product 1

Mens Product 3

Mens Product 3




Hover Example 21



Sample Product 4

Sample Product 4

Womens Product 2

Womens Product 2

Sample Product 1

Sample Product 1

Sample Product 7

Sample Product 7

Sample Product 1

Sample Product 1

Sample Product 2

Sample Product 2





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_price15,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
id20
imageWomens Product 2
image_urlhttp://demo.joomlaxtc.com/extensions3/media/com_hikashop/upload/thumbnail_1920x1280/womens2.jpg
index1
language language_tokenRead more
original_imageWomens Product 2
original_image_urlhttp://demo.joomlaxtc.com/extensions3/media/com_hikashop/upload/womens2.jpg
product_codeSample_Product_9_copy428486334
product_height0.000
product_id20
product_imageWomens Product 2
product_image_urlhttp://demo.joomlaxtc.com/extensions3/media/com_hikashop/upload/thumbnail_400x400/womens2.jpg
product_length0.000
product_nameWomens Product 2
product_page/extensions3/component/hikashop/product/20-sample-product-9?Itemid=1943
product_price15,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_imageWomens Product 2
thumbnail_image_urlhttp://demo.joomlaxtc.com/extensions3/media/com_hikashop/upload/thumbnail_250x175/womens2.jpg
weight_unitkg