Product Categories

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