Product Categories

[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%" position_x="50" position_y="50" 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="overlay" type="row" col_spacing="normal" columns="3" depth="1" image_height="100%"] [title style="center" text="Badge style"] [ux_product_categories style="overlay" type="row" col_spacing="normal" columns="3"] [title style="center" text="Overlay Style"] [ux_product_categories style="overlay" col_spacing="normal" columns="3" 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="row" col_spacing="normal" columns="3" depth="1" 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" col_spacing="normal" columns="3" 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="row" col_spacing="normal" columns="3" depth="1" number="5" orderby="name" image_height="100%" image_overlay="rgba(38, 38, 38, 0.16)" image_hover="color" text_size="large" text_padding="20px 20px 20px 0px"] [/section]