x

apps/website/src/app/[lang]/products/[slug]/page.tsx

@@ -11,7 +11,7 @@ import ProductGallery from '@/components/ProductGallery'
 import ProductStickyPurchaseBar from '@/components/ProductStickyPurchaseBar'
 import DynamicPageRenderer from '@/components/dynamic/DynamicPageRenderer'
 import ProductCard from '@/components/ProductCard'
-import { getCategoriesResult, getProduct, getProductDetailSectionsResult, getProductResult, getProductReviewsResult, getProductsResult, type ProductReview } from '@/lib/cms'
+import { getCategoriesResult, getProduct, getProductDetailSectionsResult, getProductResult, getProductReviewsResult, getProductsResult, getStoreSettingsResult, type ProductReview } from '@/lib/cms'
 import { resolveCategoryName, resolveLocalized } from '@/lib/localization'
 import { extractIdFromSlug, generateProductSlug } from '@/lib/slugify'
 import type { ProductAttribute } from '@homaroma/types'
@@ -386,15 +386,17 @@ export default async function ProductDetailPage({ params }: { params: Promise<{
   const { slug, lang } = await params
   const id = extractIdFromSlug(slug)
   console.log(`[DEBUG-PRODUCT] slug="${slug}", id="${id}", lang="${lang}"`)
-  const [productResult, categoriesResult, detailSectionsResult, reviewsResult] = await Promise.all([
+  const [productResult, categoriesResult, detailSectionsResult, reviewsResult, settingsResult] = await Promise.all([
     getProductResult(id, lang),
     getCategoriesResult(lang),
     getProductDetailSectionsResult(id, lang),
     getProductReviewsResult(id),
+    getStoreSettingsResult(lang),
   ])
   const categories = categoriesResult.ok ? categoriesResult.data : []
   const cmsSections = detailSectionsResult.ok ? detailSectionsResult.data : []
   const reviews = reviewsResult.ok ? reviewsResult.data : []
+  const settings = settingsResult.ok ? settingsResult.data : null
   const activeLayoutSections = cmsSections.filter((section) => section.isActive)
 
   if (!detailSectionsResult.ok && detailSectionsResult.status !== 404) {
@@ -553,7 +555,7 @@ export default async function ProductDetailPage({ params }: { params: Promise<{
               {payload.layoutMode === 'sticky_gallery' && payload.showStickyPurchaseBarAfterMain !== false && (
                 <>
                   <div id={`product-main-end-${section.id}`} aria-hidden="true" className="h-px" />
-                  <ProductStickyPurchaseBar product={product} triggerId={`product-main-end-${section.id}`} />
+                  <ProductStickyPurchaseBar product={product} triggerId={`product-main-end-${section.id}`} settings={settings} />
                 </>
               )}
             </div>