Skip to main content

Woo Categories Transform

Found in the Elementor panel under Dotjuice → Woo Categories Transform. Requires WooCommerce.

How it works​

Place this widget on any page that shows WooCommerce's product category tiles — typically your Shop page when it's set to display subcategories. It restructures the tile markup into styleable wrapper sections and applies the styling you configure below to every category tile on that page.

This widget has no Content tab — every setting lives under Style.

Box styling​

Border style, colour, width, radius, background colour, and padding for the overall category tile.

Image styling​

  • Overflow — controls whether hover transforms are clipped to the image area or allowed to spill outside it.
  • Border, radius, and — for Normal and Hover states separately — a Transform popover (rotate, scale, offset, opacity), Box Shadow, and CSS Filters.

Content styling​

  • Hide Product Count — the product count badge is hidden by default; turn this off if you'd like the count shown.
  • Position — Relative (sits naturally below the image) or Absolute (overlays directly on top of the image, positioned at the bottom).
  • Font colour, background colour, an optional background blur effect (for a frosted-glass look behind overlaid text), padding, border, and box shadow.

Setting it up​

  1. Add the widget to your Shop page (or wherever your category tiles are displayed).
  2. For an overlay-style card, set Content Position to Absolute and add a background colour with some transparency, or enable the blur effect for a frosted look.
  3. Configure hover effects under Image styling for a polished interactive feel.

Good to know​

  • Two things happen automatically once this plugin and WooCommerce are both active: the tile markup restructuring (extra wrapper elements around each category tile) happens site-wide regardless of whether this widget is placed anywhere, but the actual styling only applies once you've placed the widget on the page showing those tiles.
  • Styling isn't scoped to a single widget instance — placing the widget once styles every category tile shown on that page.
  • The product count badge is hidden by default — if you expect to see a count and it's missing, check the "Hide Product Count" setting.