unchained/manoon-headless
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Center Similar Products grid on product pages

Browse Source
This commit is contained in:
Unchained
2026-03-22 09:04:35 +02:00
parent 80a388cd7c
commit 140d82c7f4
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/product/ProductDetail.tsx
View File

@@ -414,8 +414,9 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
{locale === "EN" ? "Similar Products" : "Slični proizvodi"} {locale === "EN" ? "Similar Products" : "Slični proizvodi"}
</h2> </h2>
</div> </div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8 justify-center"> <div className="flex justify-center">
{relatedProducts.filter(p => p && p.id).slice(0, 4).map((relatedProduct, index) => ( <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8">
{relatedProducts.filter(p => p && p.id).slice(0, 4).map((relatedProduct, index) => (
<ProductCard <ProductCard
key={relatedProduct.id} key={relatedProduct.id}
product={relatedProduct} product={relatedProduct}