diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss index 4620d15..41f2d50 100644 --- a/src/assets/css/main.scss +++ b/src/assets/css/main.scss @@ -373,6 +373,11 @@ $tiers: ( } } +.facet-list { + max-height: 240px; + overflow-y: auto; +} + /* -------------------------------------------------- Circles (Header, Buttons, etc.) -------------------------------------------------- */ diff --git a/src/assets/js/main.js b/src/assets/js/main.js new file mode 100644 index 0000000..d7ec691 --- /dev/null +++ b/src/assets/js/main.js @@ -0,0 +1,3 @@ +const filterfacet = (event) => { + console.log(event); +} \ No newline at end of file diff --git a/src/layouts/Main.astro b/src/layouts/Main.astro index 4fafcf6..f5a2a20 100644 --- a/src/layouts/Main.astro +++ b/src/layouts/Main.astro @@ -5,11 +5,11 @@ import '/src/assets/css/main.scss'; - - + \ No newline at end of file diff --git a/src/pages/partials/cards.astro b/src/pages/partials/cards.astro index e8afc37..7b1bb47 100644 --- a/src/pages/partials/cards.astro +++ b/src/pages/partials/cards.astro @@ -51,7 +51,8 @@ let searchArray = [{ collection: 'cards', filter_by: `sealed:false${filterBy ? ` && ${filterBy}` : ''}`, per_page: 20, - facet_by: Object.keys(facetFields).join(','), + facet_by: '', + max_facet_values: 0, page: Math.floor(start / 20) + 1, sort_by: '_text_match:asc, releaseDate:desc, number:asc', include_fields: '$skus(*)', @@ -65,6 +66,7 @@ if (start === 0) { filter_by: facetFilter(facet), per_page: 0, facet_by: facet, + max_facet_values: 500, page: 1, sort_by: '', include_fields: '', @@ -119,28 +121,46 @@ if (start === 0) { --- {(start === 0) && -
{facets.map((facet) => ( -
+
{facetNames(facet.field_name)}
- {facet.counts.map((count) => ( -
- -
- ))} + {(facet.counts.length > 20) && + + } +
+ {facet.counts.map((count) => ( +
+ +
+ ))} +
))}
+ } {pokemon.map((card) => (