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