[ux_banner height=\”360px\” bg=\”71675\” 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]