WooCommerce Categories

Using WooCommerce Categories elementor widget show your shop categories in smart way.

Content Tab

Layout

  • Columns: Select how many column want to show

  • Categories Count: Select how many categories want to show

Query

  • Source: Set how the query should perform.

    • Manual Selection: If selected this one then we have to also select the categories manually.

    • By Parent: If selected this, then we can also select the parent category to show only child categories from parent category.

  • Hide Empty: Controls if category is empty then hide that one.

  • Hide Product Count: Controls the product count number show or hide.

  • Order By: Rearrange categories as per slug, description and count.

  • Order: Rearrange categories as ascending or descending.

Set the Wrapper Link that are applicable to this widget.

Hover Effect

Set the Hover Effect that are applicable to this widget.

Style Tab

Products

  • Columns Gap: Set column gap

  • Rows Gap: Set row gap

  • Alignment: Align the content to the left, right, center

  • Image:

    • Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved

    • Border Radius: Set the border radius to control corner roundness

    • Padding: Set the image Padding

  • Title

    • Color: Choose the color of the title text

    • Typography: Change the typography options for the title text

  • Count

    • Color: Choose the color of the count text

    • Typography: Change the typography options for the count text

Transform

Set the Transform that are applicable to this widget.

Background Overlay

Set the Background Overlay that are applicable to this widget.

Advanced Tab

Set the Advanced options that are applicable to this widget

Last updated