[ux_banner height= »360px » bg= »20″ 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]
