diff --git a/components/plp/content.tsx b/components/plp/content.tsx
index d3dfefc03..b0cc6a136 100644
--- a/components/plp/content.tsx
+++ b/components/plp/content.tsx
@@ -5,12 +5,12 @@ import DynamicContent from './dynamic-content';
const Content = async ({ collection }: { collection: Collection }) => {
if (!collection.dynamicContent) {
- return ;
+ return ;
}
const content = await getMetaobject({ id: collection.dynamicContent });
if (!content) {
- return ;
+ return ;
}
return ;
diff --git a/components/plp/default-content.tsx b/components/plp/default-content.tsx
index e1da6933a..88a04a4d9 100644
--- a/components/plp/default-content.tsx
+++ b/components/plp/default-content.tsx
@@ -1,11 +1,27 @@
import Tag from 'components/tag';
import { getMetaobject } from 'lib/shopify';
+import { Collection } from 'lib/shopify/types';
import { Suspense } from 'react';
import Tabs, { TabsPlaceholder } from './tabs';
-const DefaultContent = async () => {
+const DefaultContent = async ({ collection }: { collection: Collection }) => {
+ let handle = 'default-plp-content';
+
+ if (collection.handle.startsWith('transmissions')) {
+ handle = 'transmissions-plp-content';
+ }
+ if (
+ collection.handle.startsWith('engines') ||
+ collection.handle.startsWith('remanufactured-engines')
+ ) {
+ handle = 'engines-plp-content';
+ }
+ if (collection.handle.startsWith('transfer-cases')) {
+ handle = 'transfer-cases-plp-content';
+ }
+
const defaultPLPContent = await getMetaobject({
- handle: { handle: 'default-plp-content', type: 'plp_content' }
+ handle: { handle, type: 'plp_content' }
});
if (!defaultPLPContent) {