December 3, 2024

Product Categories

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