[ux_banner height= »360px » bg= »451″ 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]
[col]
Simple
[ux_product_categories style= »normal »]
Badge style
[ux_product_categories]
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 »]
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 »]
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]
[section bg_color= »rgb(51, 51, 51) » dark= »true »]
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]