Product Categories

[ux_banner height= »360px » bg= »225″ bg_overlay= »rgba(0, 0, 0, 0.16) » bg_pos= »56% 97% » parallax= »2″]

[text_box width= »63″ width__sm= »60% » text_depth= »1″]

Categories Element

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

[/text_box]

[/ux_banner]
[row]

[col]

[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 »]

[/col]

[/row]
[section bg_color= »rgb(51, 51, 51) » dark= »true »]

[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 »]

[/section]