x

apps/website/src/app/[lang]/category/[id]/page.tsx

@@ -219,6 +219,7 @@ export default async function CategoryPage({ params }: { params: Promise<{ id: s
                 {category._count && <p className="mt-3 text-muted-text text-sm">{category._count.products} products available in this collection</p>}
               </div>
             </div>
+            {categoryThumbnailUrl && (
               <div className="relative w-48 h-48 md:w-72 md:h-72 shrink-0 rounded-3xl overflow-hidden shadow-lg border border-line-primary/5">
                 <Image
                   src={categoryThumbnailUrl}
@@ -228,6 +229,7 @@ export default async function CategoryPage({ params }: { params: Promise<{ id: s
                   className="object-cover"
                 />
               </div>
+            )}
           </div>
         </section>
       )}

apps/website/src/lib/cms-sections.ts

@@ -12,7 +12,7 @@ export function splitCmsLayoutSections(sections: PageSection[]) {
 
   return {
     announcementSections: activeSections.filter((section) => announcementTypes.has(sectionType(section))),
-    heroSections: [], // Keep for backwards compatibility with page components
-    bottomSections: activeSections.filter((section) => !announcementTypes.has(sectionType(section))),
+    heroSections: activeSections.filter((section) => heroTypes.has(sectionType(section))),
+    bottomSections: activeSections.filter((section) => !announcementTypes.has(sectionType(section)) && !heroTypes.has(sectionType(section))),
   }
 }