Add product categories + shop sidebar filters, fix CTA button alignment

Products now carry an optional categories relationship (backend: new product-categories collection mirroring the blog's categories pattern, migration applied and deployed). The shop page gains a left sidebar (styled like AccountNav) with a dual-handle price slider, category checkboxes, and an availability toggle — all instant-apply via searchParams, same union-filter semantics as the blog's category chips. Uncategorized products always match every category filter rather than disappearing. Also fixes CTA buttons sitting at different heights across sibling cards when one product's title wraps to two lines — MerklisteGrid.tsx and RelatedProducts.tsx get the same h-full/flex-1 spacer pattern ProductGrid.tsx already used.
2026-08-01 08:15:58 +00:00
parent f95feafb1a
commit 557f6a1abc
8 changed files with 228 additions and 89 deletions
@@ -88,6 +88,11 @@ export function MerklisteGrid({
                  {!kleinunternehmer && <span className="text-label text-text-muted">inkl. {taxRate}% MwSt.</span>}
                </p>
              </div>
+              {/* flex-1 spacer — pins every card's button to the same Y
+                  regardless of whether `product.name` wraps to one or two
+                  lines (see ProductGrid.tsx's identical spacer). */}
+              <div className="flex-1" />
+
              {/* No className override — AddToCartInlineButton's `className`
                  prop REPLACES its whole default styling (`?? defaultClass`,
                  not a merge), so passing just "w-full" here previously threw