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