fix: add variant name and overrides for JSON LD

Author: dylandepass

src/templates/json/JSONTemplate.js

@@ -134,6 +134,7 @@ export class JSONTemplate {
         '@type': 'Offer',
         sku: v.sku,
         mpn,
+        name: v.name,
         url: offerUrl,
         image: v.images?.[0]?.url ?? image,
         availability: v.inStock ? 'InStock' : 'OutOfStock',

src/templates/json/overrides/index.js

@@ -16,4 +16,6 @@
 export default {
   'thepixel--bul-eds': (await import('./thepixel--bul-eds.js')).default,
   'wilson-ecommerce--wilson': (await import('./wilson-ecommerce--wilson.js')).default,
+  'visualcomfort--adobe-edge': (await import('./visualcomfort--adobe-edge.js')).default,
+  'visualcomfort--adobe-edge-stage': (await import('./visualcomfort--adobe-edge.js')).default,
 };

src/templates/json/overrides/visualcomfort--adobe-edge.js

@@ -0,0 +1,48 @@
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { JSONTemplate } from '../JSONTemplate.js';
+
+export default class extends JSONTemplate {
+  // eslint-disable-next-line class-methods-use-this
+  renderBrand() {
+    return {
+      brand: {
+        '@type': 'Brand',
+        name: this.product.attributeMap?.brand ?? 'Visual Comfort',
+      },
+    };
+  }
+
+  renderOffers() {
+    const baseOffers = super.renderOffers();
+    return baseOffers.map((o) => ({
+      ...o,
+      shippingDetails: {
+        '@type': 'OfferShippingDetails',
+        shippingDestination: {
+          '@type': 'DefinedRegion',
+          addressCountry: {
+            '@type': 'Country',
+            name: 'US',
+          },
+        },
+        deliveryTime: {
+          '@type': 'ShippingDeliveryTime',
+          businessDays: {
+            '@type': 'OpeningHoursSpecification',
+          },
+        },
+      },
+    }));
+  }
+}

test/templates/html/index.test.js

@@ -94,6 +94,7 @@ describe('Render Product HTML', () => {
       assert.strictEqual(offer.sku, variant.sku, `Offer SKU for variant ${variant.sku} does not match`);
       assert.strictEqual(offer.url, productTemplate.constructProductURL(variant), 'JSON-LD offer URL does not match');
       assert.strictEqual(offer.price, variant.prices.final.amount, `Offer price for variant ${variant.sku} does not match`);
+      assert.strictEqual(offer.name, variant.name, `Offer name for variant ${variant.sku} does not match`);
       assert.strictEqual(offer.priceCurrency, variant.prices.final.currency, `Offer priceCurrency for variant ${variant.sku} does not match`);
       assert.strictEqual(offer.availability, variant.inStock ? 'InStock' : 'OutOfStock', `Offer availability for variant ${variant.sku} does not match`);
       assert.strictEqual(offer.image, variant.images[0].url || '', `Offer image for variant ${variant.sku} does not match`);
@@ -129,6 +130,7 @@ describe('Render Product HTML', () => {
       assert.strictEqual(offer.sku, product.sku, `Offer SKU for variant ${product.sku} does not match`);
       assert.strictEqual(offer.url, productTemplate.constructProductURL(), 'JSON-LD offer URL does not match');
       assert.strictEqual(offer.price, product.prices.final.amount, `Offer price for variant ${product.sku} does not match`);
+      assert.strictEqual(offer.name, product.name, `Offer name for variant ${product.sku} does not match`);
       assert.strictEqual(offer.priceCurrency, product.prices.final.currency, `Offer priceCurrency for variant ${product.sku} does not match`);
       assert.strictEqual(offer.availability, product.inStock ? 'InStock' : 'OutOfStock', `Offer availability for variant ${product.sku} does not match`);
       assert.strictEqual(offer.image, product.images[0].url || '', `Offer image for variant ${product.sku} does not match`);