Product Categories

Categories Element

Create beautiful overview of your Shop categories. There is almost unlimited variations, but here are some examples.


[title style= »center » text= »Simple »]

[ux_product_categories style= »normal »]

[title style= »center » text= »Badge style »]

[ux_product_categories]

[title style= »center » text= »Overlay Style »]

[ux_product_categories style= »overlay » slider_nav_style= »simple » slider_nav_position= »outside » image_overlay= »rgba(0, 0, 0, 0.19) » image_hover= »overlay-remove-50″ image_hover_alt= »zoom »]

[title style= »center » text= »Grid style »]

[ux_product_categories style= »overlay » type= »grid » grid= »3″ columns= »3″ animate= »fadeInLeft » number= »4″ orderby= »name » image_size= »large » image_overlay= »rgba(38, 38, 38, 0.16) » text_pos= »middle » text_size= »large »]

[title style= »center » text= »Circle Style »]

[ux_product_categories style= »overlay » slider_nav_style= »simple » slider_nav_position= »outside » image_height= »100% » image_radius= »100″ image_overlay= »rgba(0, 0, 0, 0.19) » image_hover= »overlay-remove-50″ image_hover_alt= »zoom » text_pos= »middle » text_size= »large » text_hover= »bounce »]


[title style= »center » text= »Be creative! Mix and match settings »]

[ux_product_categories style= »overlay » type= »grid » grid= »13″ col_spacing= »small » columns= »3″ depth_hover= »5″ animate= »fadeInLeft » number= »5″ orderby= »name » image_size= »large » image_overlay= »rgba(38, 38, 38, 0.16) » image_hover= »color » image_hover_alt= »zoom-long » text_pos= »middle » text_size= »large »]