Merge pull request #1060 from searchspring/variant-option-backgroundi…

…mageurl Variant Option `backgroundimageurl`
searchspring · May 28, 2024 · f76b195 · f76b195
2 parents 58f1b1c + 0d3779c
commit f76b195
Showing 1 changed file with 19 additions and 16 deletions.
diff --git a/packages/snap-store-mobx/src/Search/Stores/SearchResultStore.ts b/packages/snap-store-mobx/src/Search/Stores/SearchResultStore.ts
@@ -119,16 +119,20 @@ export class Banner {
 export type VariantData = {
 	mappings: SearchResponseModelResultMappings;
 	attributes: Record<string, unknown>;
-	options: Record<
-		string,
-		{
-			value: string;
-			attributeId?: string;
-			optionId?: string;
-		}
-	>;
+	options: VariantDataOptions;
 };
 
+export type VariantDataOptions = Record<
+	string,
+	{
+		value: string;
+		background?: string;
+		backgroundImageUrl?: string;
+		attributeId?: string;
+		optionId?: string;
+	}
+>;
+
 type ProductMinimal = {
 	id: string;
 	attributes: Record<string, unknown>;
@@ -505,6 +509,12 @@ export class VariantSelection {
 
 					if (this.config.thumbnailBackgroundImages) {
 						mappedValue.backgroundImageUrl = thumbnailImageUrl;
+					} else if (variant.options[this.field].backgroundImageUrl) {
+						mappedValue.backgroundImageUrl = variant.options[this.field].backgroundImageUrl;
+					}
+
+					if (variant.options[this.field].background) {
+						mappedValue.background = variant.options[this.field].background;
 					}
 
 					if (this.config.mappings && this.config.mappings && this.config.mappings[value.toString().toLowerCase()]) {
@@ -580,14 +590,7 @@ export class Variant {
 	public type = 'variant';
 	public available: boolean;
 	public attributes: Record<string, unknown> = {};
-	public options: Record<
-		string,
-		{
-			value: string;
-			attributeId?: string;
-			optionId?: string;
-		}
-	>;
+	public options: VariantDataOptions;
 
 	public mappings: SearchResponseModelResultMappings = {
 		core: {},