Taxonomy List (Divi)
Categories, tags, product categories or any taxonomy for Divi 5 — by query or hand-picked with Term modules — as a list, inline links, cards or a tag cloud. In a post or archive template the current term is highlighted. Each example is labelled with its settings.
1. Lists
Taxonomy: Categories · a folder icon · post count badge at the end · slide on hover · dividers · nested child terms (Fit & Sizing and Garment Care under Style Guides) · a trailing arrow.
Categories, badge counts, dividers
Nested children, arrow, counts in brackets
Top level, by post count, descriptions
2. Cards with term images
Layout: Grid (cards), 3 columns (2 on tablets, 1 on phones) · Term image (the category’s thumbnail; a letter tile when it has none) · description · lift on hover · centred · exclude “Uncategorized”.
3. Tag cloud and inline links
Taxonomy: Tags · Cloud (pills) sized by post count, ordered by name, top 18 · inline category links with plain counts, centred.
Cloud sized by post count
Inline, centred
4. Hand-picked terms and product categories
Terms: Hand-picked — Term modules from different taxonomies, each with a custom title and its own icon or image · WooCommerce product categories with nested children.
Hand-picked with own titles, icons and images
Product categories, nested
5. Styled from the Design tab, on a dark background
Items as dark cards with a hover background · title font and hover colour · icon in a filled circle that changes on hover · badge colours · a slide.