List collections content
Settings
| Setting | ID | Type | Default | Description |
|---|---|---|---|---|
| List collections class | class | text | py-3 md:py-5 | |
| Source | display_type | select | all | |
| Items per page | per_page | range | 6 | When source is all, paging will be enabled with this amount. |
| Items per row (Desktop) | per_row | range | 4 | |
| Items per row (Mobile) | per_row_mob | select | 2 | |
| Paging | show_paging | select | btn | |
| Items gap (Desktop) | gap | range | 4 | |
| Items gap (Mobile) | gap_mob | range | 2 | |
| Image ratio | card_aspect_ratio | select | 1.0 | |
| Crop image to ratio | card_crop | checkbox | true | |
| Focal point | card_crop_align | select | center center | Used to keep the subject of your image in view, when cropped to a fixed shape |
| Show product count | card_show_count | checkbox | true | |
| Title size (mobile) | card_title_size_mob | select | text-sm | |
| Title size (desktop) | card_title_size | select | text-base | |
| Title color | card_title_color_mode | select | heading-text | |
| Title custom color | card_title_color | color | #111827 | |
| Text alignment | card_text_align | text_alignment | center | |
| Overlay style | card_overlay | select | below | |
| Overlay background | card_overlay_bg | color_background | linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8) 100%) | |
| Overlay vertical | card_overlay_align | select | center |
Option values
- Source (
display_type): All (all), Block (block) - Items per row (Mobile) (
per_row_mob): 1 (1), 2 (2) - Paging (
show_paging): Show buttons (btn), Infinite scroll (ajax) - Image ratio (
card_aspect_ratio): Auto (``), Custom (3:1) (3.0), Ultrawide (21:9) (2.33), Double-width (2:1) (2.0), Widescreen/HD (16:9) (1.78), Classic/DSLR (3:2) (1.5), ISO Paper (1.4:1) (1.4), Standard Definition/SD (4:3) (1.33), Landscape (5:4) (1.25), Square (1:1) (1.0), Instagram Portrait (4:5) (0.8), Portrait Photography (3:4) (0.75), Pinterest Pin Ratio (2:3) (0.67), Portrait (9:16) (0.56) - Focal point (
card_crop_align): Top left (top left), Top center (top center), Top right (top right), Middle left (center left), Middle center (center center), Middle right (center right), Bottom left (bottom left), Bottom center (bottom center), Bottom right (bottom right) - Title size (mobile) (
card_title_size_mob): 3 Extra Small (text-3xs), 2 Extra Small (text-2xs), Extra Small (text-xs), Small (text-sm), Medium (text-base), Large (text-lg), Extra Large (text-xl), 2X Large (text-2xl), 3X Large (text-3xl), 4X Large (text-4xl), 5X Large (text-5xl), 6X Large (text-6xl), 7X Large (text-7xl), 8X Large (text-8xl), 9X Large (text-9xl) - Title size (desktop) (
card_title_size): 3 Extra Small (text-3xs), 2 Extra Small (text-2xs), Extra Small (text-xs), Small (text-sm), Medium (text-base), Large (text-lg), Extra Large (text-xl), 2X Large (text-2xl), 3X Large (text-3xl), 4X Large (text-4xl), 5X Large (text-5xl), 6X Large (text-6xl), 7X Large (text-7xl), 8X Large (text-8xl), 9X Large (text-9xl) - Title color (
card_title_color_mode): Primary (primary), Secondary (secondary), Success (success), Warning (warning), Danger (danger), Base text (base-text), Heading text (heading-text), Black (black), White (white), Gray 100 (gray-100), Gray 200 (gray-200), Gray 300 (gray-300), Gray 400 (gray-400), Gray 500 (gray-500), Gray 600 (gray-600), Gray 700 (gray-700), Gray 800 (gray-800), Gray 900 (gray-900), Random (random), Custom (custom) - Overlay style (
card_overlay): Text below (below), Over - Tint (over-full), Over - Box (over-box), Over - Text shadow (over-shadow), Over - Text shadow and tint (over-full-shadow), Over - No background (over-none) - Overlay vertical (
card_overlay_align): Top (top), Center (center), Bottom (bottom)
Presets
- List collections content