Home > widget-integration > AppService > templateSettings

AppService.templateSettings property

Signature:

get templateSettings(): {
		additionalElementSettings?: {
			customSortingList?: string;
			enableCollectionSearch?: boolean;
		};
		appPreferenceSettings: {
			watermark: boolean;
		};
		currentAppIntegration: {};
		filterSettings: {
			activeScrollToTop: boolean;
			availableAfterFiltering: boolean;
			changeMobileButtonLabel: boolean;
			filterLayout: "vertical" | "horizontal";
			filterTreeHorizontalStyle: "style1" | "style2" | "style3" | "style-expand";
			filterTreeMobileStyle: "style1" | "style2" | "style2-fullwidth" | "style3" | "style3-fullwidth";
			filterTreeVerticalStyle: "style-default" | "style-off-canvas" | "style-expand";
			isShortenUrlParam: boolean;
			keepToggleState: boolean;
			productAndVariantAvailable: boolean;
			showFilterOptionCount: boolean;
			showLoading: boolean;
			showOutOfStockOption: boolean;
			showRefineBy: boolean;
			showSingleOption: boolean;
			showVariantImageBasedOnSelectedFilter: string;
			sortingAvailableFirst: boolean;
			stickyFilterOnDesktop: boolean;
			stickyFilterOnMobile: boolean;
			style?: {
				filterMobileButtonBackgroundColor: string;
				filterMobileButtonFontFamily: string;
				filterMobileButtonFontSize: number | string;
				filterMobileButtonFontTransform: string;
				filterMobileButtonFontWeight: number | string;
				filterMobileButtonTextColor: string;
				filterOptionFontFamily: string;
				filterOptionFontSize: number | string;
				filterOptionTextColor: string;
				filterTitleFontFamily: string;
				filterTitleFontSize: number | string;
				filterTitleFontTransform: "none" | "capitalize" | "uppercase" | "lowercase";
				filterTitleFontWeight: number | string;
				filterTitleTextColor: string;
			};
			generalSettings: {
				addCollectionToProductUrl: boolean;
				breakpointdesktop: string;
				breakpointmobile: string;
				breakpointtabletlandscapemax: string;
				breakpointtabletlandscapetmin: string;
				breakpointtabletportraitmax: string;
				breakpointtabletportraitmin: string;
			};
			preOrderSettings?: {
				buttonText?: string;
				deliveryText?: string;
				showDeliveryText?: boolean;
			};
			searchSettings?: {
				enableFuzzySearch?: boolean;
				enableDefaultResult?: boolean;
				showSuggestionLoading?: boolean;
				showSearchBtnMobile?: boolean;
				removePriceDecimal?: boolean;
				highlightSuggestionResult?: boolean;
				openProductNewTab?: boolean;
				suggestionMode?: "prod" | "test";
				reduceMinMatch?: boolean;
				fullMinMatch?: boolean;
				enablePlusCharacterSearch?: boolean;
				suggestionMaxHeight?: number;
				suggestionDymLimit?: number;
				skipFields?: Array<string>;
				showVariantsAsProduct?: boolean;
				extraParamsISWToSearchPage?: string;
				suggestionStyle?: "style1" | "style2" | "style3";
				suggestionMobileStyle?: "style1" | "style2";
				suggestionMobileProductItemType?: "list" | "grid";
				suggestionStyle1ProductItemType?: "list" | "grid";
				suggestionStyle1ProductPosition?: "none";
				suggestionStyle1ProductPerRow?: 1 | 2;
				suggestionStyle2ProductItemType?: "list" | "grid";
				suggestionStyle2ProductPosition?: "left" | "right";
				suggestionStyle2ProductPerRow?: 1 | 2;
				suggestionStyle3ProductItemType?: "list" | "grid";
				suggestionStyle3ProductPosition?: "left" | "right";
				suggestionStyle3ProductPerRow?: 2 | 3;
				showSearchBtnStyle3?: boolean;
				readonly suggestionBlocks: Array<{
					type: "suggestions" | "collections" | "pages" | "products";
					label: string;
					status: "active" | "disabled";
					number: number;
				}>;
				productAvailable: boolean;
				showSuggestionProductVendor: boolean;
				showSuggestionProductPrice: boolean;
				showSuggestionProductSalePrice: boolean;
				showSuggestionProductImage: boolean;
				showSuggestionProductSku: boolean;
				searchBoxOnclick: Readonly<{
					recentSearch: {
						label: string;
						status: boolean;
						number: number;
					};
					searchTermSuggestion: {
						label: string;
						status: boolean;
						data: Array<string>;
					};
					productSuggestion: {
						label: string;
						status: boolean;
						data: Array<string | number>;
					};
				}>;
				searchPanelBlocks: Readonly<{
					products: {
						label: string;
						pageSize: number | string;
						active: boolean;
						displayImage: boolean;
					};
					collections: {
						label: string;
						pageSize: number | string;
						active: boolean;
						displayImage: boolean;
						displayDescription: boolean;
					};
					pages: {
						label: string;
						pageSize: number | string;
						active: boolean;
						displayImage: boolean;
						displayExcerpt: boolean;
					};
					searchTermSuggestions: {
						label: string;
						type: string;
						active: boolean;
						searchTermList: Array<string>;
					};
					mostPopularProducts: {
						label: string;
						type: string;
						active: boolean;
						productList: Array<string>;
					};
					searchEmptyResultMessages: {
						label: string;
						active: boolean;
					};
					searchTips: {
						label: string;
						active: boolean;
						searchTips: string;
					};
				}>;
				readonly suggestionNoResult: {
					search_terms: {
						label: string;
						status: boolean;
						data: Array<string>;
						backup?: Array<string>;
					};
					products: {
						label: string;
						status: boolean;
						data: Array<string | number>;
						backup?: Array<string | number>;
					};
				};
			};
			srcThemeNameLib: string;
			themeName: string;
			themeSettings: {
				productItems: {
					general: {};
					productImg: {};
					productInfo: {};
					ctaButtons: {};
				};
				additionalElements: {};
				quickView: {};
				cart: {};
				productList: {};
				searchPage: {};
				filterTree: {};
				isw: {};
			};
		};
		searchSettings: {};
		themeSettings: {
			productItems: {
				general: {
					borderColor?: string;
					borderColorOnHover?: string;
					backgroundColor?: string;
					backgroundColorOnHover?: string;
					borderLayout?: "noBorder" | "noPadding" | "hasPadding" | "noPaddingImage";
					buttonWithSpacing?: boolean;
				};
				productImg: {
					aspectRatioType?: "natural" | "square" | "portrait" | "landscape" | "manual" | "auto";
					manualAspectRatio?: `${number}/${number}`;
					cropPosition?: "top" | "center" | "bottom";
					hoverEffect?: "reveal-second-image" | "zoom-in" | "reveal-second-image-and-zoom-in";
					elements?: {
						productInfo?: {
							elements?: {
								[swatches: `swatches.${number}`]: {
									displayOptionsCount?: number;
									shape?: "circle" | "box";
									swatchBy?: "color" | "text" | "image" | "product-image";
									changeProductImageOn?: "hover" | "click";
									showOptionValueOnHovering?: boolean;
									swatchType: string;
								};
								title?: {
									color?: string;
									textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
									fontFamily?: string;
									fontStyle?: string;
									fontWeight?: string | number;
									fontSize?: string | number;
								};
								vendor?: {
									color?: string;
									textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
									fontFamily?: string;
									fontStyle?: string;
									fontWeight?: string | number;
									fontSize?: string | number;
								};
								price?: {
									color?: string;
									textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
									fontFamily?: string;
									fontStyle?: string;
									fontWeight?: string | number;
									fontSize?: string | number;
								} & {
									showCentAsSuperscript?: boolean;
									showCurrencyCodes?: boolean;
									showMultiVariantPrice?: string;
									priceColor?: string;
									priceFontFamily?: string;
									priceFontStyle?: string;
									priceFontWeight?: string | number;
									priceFontSize?: string | number;
									salePriceColor?: string;
									salePriceFontFamily?: string;
									salePriceFontStyle?: string;
									salePriceFontWeight?: string | number;
									salePriceFontSize?: string | number;
									compareAtPriceColor?: string;
									compareAtPriceFontSize?: string | number;
									compareAtPriceFontStyle?: string;
									compareAtPriceFontWeight?: string | number;
									compareAtPriceFontFamily?: string;
									compareAtPricePosition?: "top" | "left" | "right" | "bottom";
									removePriceDecimal?: boolean;
									showSavingDisplay?: boolean;
									savingDisplayColor?: string;
								};
								inventoryStatus?: {
									color?: string;
									textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
									fontFamily?: string;
									fontStyle?: string;
									fontWeight?: string | number;
									fontSize?: string | number;
								} & {
									inStockColor?: string;
									lowStockColor?: string;
									soldOutColor?: string;
									lowInventoryThreshold?: number;
								};
								qvBtn?: {
									showOnHovering?: boolean;
									showOn?: "desktopAndMobile" | "desktopOnly";
									imgSrc?: string;
									iconPosition?: "left" | "right";
									backgroundColor?: string;
									backgroundColorOnHover?: string;
									borderColor?: string;
									borderColorOnHover?: string;
									textColor?: string;
									textColorOnHover?: string;
									fontFamily?: string;
									fontStyle?: string;
									fontSize?: number;
									fontWeight?: string | number;
									shape?: "rectangle" | "round" | "circle" | "square";
									width?: string;
									height?: string;
									alignment?: "left" | "center" | "right";
									textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
									action?: "popup" | "quickAddToCart" | "productPage";
									displayType?: "textWithIcon" | "text" | "icon";
								};
								selectOptionBtn?: {
									showOnHovering?: boolean;
									showOn?: "desktopAndMobile" | "desktopOnly";
									imgSrc?: string;
									iconPosition?: "left" | "right";
									backgroundColor?: string;
									backgroundColorOnHover?: string;
									borderColor?: string;
									borderColorOnHover?: string;
									textColor?: string;
									textColorOnHover?: string;
									fontFamily?: string;
									fontStyle?: string;
									fontSize?: number;
									fontWeight?: string | number;
									shape?: "rectangle" | "round" | "circle" | "square";
									width?: string;
									height?: string;
									alignment?: "left" | "center" | "right";
									textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
									action?: "popup" | "quickAddToCart" | "productPage";
									displayType?: "textWithIcon" | "text" | "icon";
								};
								goToDetailBtn?: {
									showOnHovering?: boolean;
									showOn?: "desktopAndMobile" | "desktopOnly";
									imgSrc?: string;
									iconPosition?: "left" | "right";
									backgroundColor?: string;
									backgroundColorOnHover?: string;
									borderColor?: string;
									borderColorOnHover?: string;
									textColor?: string;
									textColorOnHover?: string;
									fontFamily?: string;
									fontStyle?: string;
									fontSize?: number;
									fontWeight?: string | number;
									shape?: "rectangle" | "round" | "circle" | "square";
									width?: string;
									height?: string;
									alignment?: "left" | "center" | "right";
									textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
									action?: "popup" | "quickAddToCart" | "productPage";
									displayType?: "textWithIcon" | "text" | "icon";
								};
								rating?: boolean;
							};
							padding?: string | number;
							textAlign?: "left" | "center" | "right";
						};
						productSaleLabel?: {
							hideOtherLabelsWhenSoldOut?: boolean;
							shape?: "rectangle" | "rounded-rectangle" | "circle";
							displayType?: "text" | "image";
							color?: string;
							backgroundColor?: string;
							imgSrc?: string;
						};
						productSoldOutLabel?: {
							hideOtherLabelsWhenSoldOut?: boolean;
							shape?: "rectangle" | "rounded-rectangle" | "circle";
							displayType?: "text" | "image";
							color?: string;
							backgroundColor?: string;
							imgSrc?: string;
						};
						productCustomLabelByTag?: {
							hideOtherLabelsWhenSoldOut?: boolean;
							shape?: "rectangle" | "rounded-rectangle" | "circle";
							displayType?: "text" | "image";
							color?: string;
							backgroundColor?: string;
							imgSrc?: string;
						};
						rating?: boolean;
						[swatches: `swatches.${number}`]: {
							displayOptionsCount?: number;
							shape?: "circle" | "box";
							swatchBy?: "color" | "text" | "image" | "product-image";
							changeProductImageOn?: "hover" | "click";
							showOptionValueOnHovering?: boolean;
							swatchType: string;
						};
						qvBtn?: {
							showOnHovering?: boolean;
							showOn?: "desktopAndMobile" | "desktopOnly";
							imgSrc?: string;
							iconPosition?: "left" | "right";
							backgroundColor?: string;
							backgroundColorOnHover?: string;
							borderColor?: string;
							borderColorOnHover?: string;
							textColor?: string;
							textColorOnHover?: string;
							fontFamily?: string;
							fontStyle?: string;
							fontSize?: number;
							fontWeight?: string | number;
							shape?: "rectangle" | "round" | "circle" | "square";
							width?: string;
							height?: string;
							alignment?: "left" | "center" | "right";
							textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
							action?: "popup" | "quickAddToCart" | "productPage";
							displayType?: "textWithIcon" | "text" | "icon";
						};
						selectOptionBtn?: {
							showOnHovering?: boolean;
							showOn?: "desktopAndMobile" | "desktopOnly";
							imgSrc?: string;
							iconPosition?: "left" | "right";
							backgroundColor?: string;
							backgroundColorOnHover?: string;
							borderColor?: string;
							borderColorOnHover?: string;
							textColor?: string;
							textColorOnHover?: string;
							fontFamily?: string;
							fontStyle?: string;
							fontSize?: number;
							fontWeight?: string | number;
							shape?: "rectangle" | "round" | "circle" | "square";
							width?: string;
							height?: string;
							alignment?: "left" | "center" | "right";
							textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
							action?: "popup" | "quickAddToCart" | "productPage";
							displayType?: "textWithIcon" | "text" | "icon";
						};
						goToDetailBtn?: {
							showOnHovering?: boolean;
							showOn?: "desktopAndMobile" | "desktopOnly";
							imgSrc?: string;
							iconPosition?: "left" | "right";
							backgroundColor?: string;
							backgroundColorOnHover?: string;
							borderColor?: string;
							borderColorOnHover?: string;
							textColor?: string;
							textColorOnHover?: string;
							fontFamily?: string;
							fontStyle?: string;
							fontSize?: number;
							fontWeight?: string | number;
							shape?: "rectangle" | "round" | "circle" | "square";
							width?: string;
							height?: string;
							alignment?: "left" | "center" | "right";
							textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
							action?: "popup" | "quickAddToCart" | "productPage";
							displayType?: "textWithIcon" | "text" | "icon";
						};
					};
					grid?: {
						top?: {
							direction?: "vertical" | "horizontal";
							elements: {
								left?: (`swatches.${number}` | "saleLabel" | "soldOutLabel" | "customLabelByTag" | "rating" | "qvBtn" | "selectOptionBtn" | "goToDetailBtn")[];
								center?: (`swatches.${number}` | "saleLabel" | "soldOutLabel" | "customLabelByTag" | "rating" | "qvBtn" | "selectOptionBtn" | "goToDetailBtn")[];
								right?: (`swatches.${number}` | "saleLabel" | "soldOutLabel" | "customLabelByTag" | "rating" | "qvBtn" | "selectOptionBtn" | "goToDetailBtn")[];
							};
						};
						middle?: {
							direction?: "vertical" | "horizontal";
							elements: {
								left?: (`swatches.${number}` | "saleLabel" | "soldOutLabel" | "customLabelByTag" | "rating" | "qvBtn" | "selectOptionBtn" | "goToDetailBtn")[];
								center?: (`swatches.${number}` | "saleLabel" | "soldOutLabel" | "customLabelByTag" | "rating" | "qvBtn" | "selectOptionBtn" | "goToDetailBtn")[];
								right?: (`swatches.${number}` | "saleLabel" | "soldOutLabel" | "customLabelByTag" | "rating" | "qvBtn" | "selectOptionBtn" | "goToDetailBtn")[];
							};
						};
						bottom?: {
							direction?: "vertical" | "horizontal";
							elements: {
								left?: (`swatches.${number}` | "saleLabel" | "soldOutLabel" | "customLabelByTag" | "rating" | "qvBtn" | "selectOptionBtn" | "goToDetailBtn")[];
								center?: (`swatches.${number}` | "saleLabel" | "soldOutLabel" | "customLabelByTag" | "rating" | "qvBtn" | "selectOptionBtn" | "goToDetailBtn")[];
								right?: (`swatches.${number}` | "saleLabel" | "soldOutLabel" | "customLabelByTag" | "rating" | "qvBtn" | "selectOptionBtn" | "goToDetailBtn")[];
							};
						};
					};
				};
				productInfo?: {
					elements?: {
						[swatches: `swatches.${number}`]: {
							displayOptionsCount?: number;
							shape?: "circle" | "box";
							swatchBy?: "color" | "text" | "image" | "product-image";
							changeProductImageOn?: "hover" | "click";
							showOptionValueOnHovering?: boolean;
							swatchType: string;
						};
						title?: {
							color?: string;
							textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
							fontFamily?: string;
							fontStyle?: string;
							fontWeight?: string | number;
							fontSize?: string | number;
						};
						vendor?: {
							color?: string;
							textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
							fontFamily?: string;
							fontStyle?: string;
							fontWeight?: string | number;
							fontSize?: string | number;
						};
						price?: {
							color?: string;
							textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
							fontFamily?: string;
							fontStyle?: string;
							fontWeight?: string | number;
							fontSize?: string | number;
						} & {
							showCentAsSuperscript?: boolean;
							showCurrencyCodes?: boolean;
							showMultiVariantPrice?: string;
							priceColor?: string;
							priceFontFamily?: string;
							priceFontStyle?: string;
							priceFontWeight?: string | number;
							priceFontSize?: string | number;
							salePriceColor?: string;
							salePriceFontFamily?: string;
							salePriceFontStyle?: string;
							salePriceFontWeight?: string | number;
							salePriceFontSize?: string | number;
							compareAtPriceColor?: string;
							compareAtPriceFontSize?: string | number;
							compareAtPriceFontStyle?: string;
							compareAtPriceFontWeight?: string | number;
							compareAtPriceFontFamily?: string;
							compareAtPricePosition?: "top" | "left" | "right" | "bottom";
							removePriceDecimal?: boolean;
							showSavingDisplay?: boolean;
							savingDisplayColor?: string;
						};
						inventoryStatus?: {
							color?: string;
							textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
							fontFamily?: string;
							fontStyle?: string;
							fontWeight?: string | number;
							fontSize?: string | number;
						} & {
							inStockColor?: string;
							lowStockColor?: string;
							soldOutColor?: string;
							lowInventoryThreshold?: number;
						};
						qvBtn?: {
							showOnHovering?: boolean;
							showOn?: "desktopAndMobile" | "desktopOnly";
							imgSrc?: string;
							iconPosition?: "left" | "right";
							backgroundColor?: string;
							backgroundColorOnHover?: string;
							borderColor?: string;
							borderColorOnHover?: string;
							textColor?: string;
							textColorOnHover?: string;
							fontFamily?: string;
							fontStyle?: string;
							fontSize?: number;
							fontWeight?: string | number;
							shape?: "rectangle" | "round" | "circle" | "square";
							width?: string;
							height?: string;
							alignment?: "left" | "center" | "right";
							textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
							action?: "popup" | "quickAddToCart" | "productPage";
							displayType?: "textWithIcon" | "text" | "icon";
						};
						selectOptionBtn?: {
							showOnHovering?: boolean;
							showOn?: "desktopAndMobile" | "desktopOnly";
							imgSrc?: string;
							iconPosition?: "left" | "right";
							backgroundColor?: string;
							backgroundColorOnHover?: string;
							borderColor?: string;
							borderColorOnHover?: string;
							textColor?: string;
							textColorOnHover?: string;
							fontFamily?: string;
							fontStyle?: string;
							fontSize?: number;
							fontWeight?: string | number;
							shape?: "rectangle" | "round" | "circle" | "square";
							width?: string;
							height?: string;
							alignment?: "left" | "center" | "right";
							textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
							action?: "popup" | "quickAddToCart" | "productPage";
							displayType?: "textWithIcon" | "text" | "icon";
						};
						goToDetailBtn?: {
							showOnHovering?: boolean;
							showOn?: "desktopAndMobile" | "desktopOnly";
							imgSrc?: string;
							iconPosition?: "left" | "right";
							backgroundColor?: string;
							backgroundColorOnHover?: string;
							borderColor?: string;
							borderColorOnHover?: string;
							textColor?: string;
							textColorOnHover?: string;
							fontFamily?: string;
							fontStyle?: string;
							fontSize?: number;
							fontWeight?: string | number;
							shape?: "rectangle" | "round" | "circle" | "square";
							width?: string;
							height?: string;
							alignment?: "left" | "center" | "right";
							textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
							action?: "popup" | "quickAddToCart" | "productPage";
							displayType?: "textWithIcon" | "text" | "icon";
						};
						rating?: boolean;
					};
					padding?: string | number;
					textAlign?: "left" | "center" | "right";
				};
				ctaButtons?: Record<string, unknown>;
			};
			additionalElements: {
				pagination: {
					paginationType?: string;
					alignment?: "left" | "right" | "center";
					number?: {
						color?: string;
						colorOnSelected?: string;
						fontFamily?: string;
						fontSize?: string | number;
						fontStyle?: string;
						fontWeight?: string | number;
						shape?: "square" | "circle";
						backgroundColor?: string;
						backgroundColorOnSelected?: string;
					};
					button?: {
						shape?: "rectangle" | "rounded-rectangle" | "square" | "circle";
						buttonType?: "text-only" | "text-with-icon" | "icon-only";
						color?: string;
						colorOnHover?: string;
						backgroundColor?: string;
						backgroundColorOnHover?: string;
						borderColor?: string;
						fontSize?: string | number;
						fontSizeScale?: number;
						fontStyle?: string;
						fontWeight?: string | number;
						fontFamily?: string;
						textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
					};
					productCount?: {
						showProductCount: boolean;
						position: "top" | "bottom";
						color: string;
					};
				};
				toolbar: {
					elements?: {
						viewAs?: {
							fontSizeScale: number;
							fontSize: string;
							color: string;
							fontFamily: string;
							fontStyle: string;
							textTransform: string;
							listType: string;
							isEnable: boolean;
							fontWeight: string;
							showListViewDefault?: boolean;
						};
						productCount?: {
							fontSizeScale: number;
							fontSize: string;
							color: string;
							fontFamily: string;
							fontStyle: string;
							textTransform: string;
							isEnable: boolean;
							fontWeight: string;
						};
						showLimitList?: {
							fontSizeScale: number;
							fontSize: string;
							color: string;
							fontFamily: string;
							fontStyle: string;
							textTransform: string;
							isEnable: boolean;
							fontWeight: string;
						};
						sorting?: {
							fontSizeScale: number;
							fontSize: string;
							color: string;
							fontFamily: string;
							fontStyle: string;
							textTransform: string;
							isEnable: boolean;
							fontWeight: string;
						};
					};
					layout: "1_1" | "1_2" | "1_3" | "2_1" | "2_2" | "2_3" | "2_4" | "3_1" | "3_2" | "3_3" | "3_4" | "4_1" | "4_2";
					filterText: {
						color: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						textTransform: string;
						fontSize: string;
						fontWeight: string;
					};
					refineByText: {
						color: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						textTransform: string;
						fontSize: string;
						fontWeight: string;
					};
				};
				collectionHeader: {
					isEnable: boolean;
					layout: 1 | 2 | 3 | 4;
					contentPosition?: "top-left" | "top-center" | "top-right" | "middle-left" | "middle-center" | "middle-right" | "bottom-left" | "bottom-center" | "bottom-right";
					elements?: {
						collectionImage?: {
							size?: "small" | "medium" | "large" | "original";
							parallaxEffect?: boolean;
							directionParallax?: "vertical" | "horizontal";
							isEnable?: boolean;
						};
						collectionTitle?: {
							isEnable?: boolean;
							collectionTitleColor?: string;
							fontFamily?: string;
							fontStyle?: string;
							fontWeight?: string | number;
							fontSize?: string | number;
							textAlign?: string;
							textTransform?: string;
						};
						breadCrumb?: {
							showCollectionTitle?: boolean;
							showCollectionList?: boolean;
							showPagination?: boolean;
							placement?: string;
							alignment?: string;
							fontSizeScale?: number;
							fontFamily?: string;
							fontStyle?: string;
							textTransform?: string;
							color?: string;
							isEnable?: boolean;
							fontWeight?: string;
						};
						productCount?: {
							fontSizeScale?: number;
							fontFamily?: string;
							fontStyle?: string;
							textTransform?: string;
							color?: string;
							isEnable?: boolean;
							fontWeight?: string;
						};
						collectionDescription?: {
							fontSize: string | null;
							isEnable: boolean;
						};
					};
				};
			};
			quickView: {
				showProductImage?: boolean;
				thumbnailPosition?: "topLeft" | "bottomCenter";
				isEnableProductVendor?: boolean;
				buttonOverall?: {
					fontFamily?: string;
					fontStyle?: string;
					fontSize?: number;
					fontSizeScale?: number;
					fontWeight?: string | number;
					shape?: "rectangle" | "round";
				};
				buyItNowBtn?: {
					color?: string;
					hoverColor?: string;
					backgroundColor?: string;
					hoverBackgroundColor?: string;
					borderColor?: string;
					hoverBorderColor?: string;
					textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
				} & {
					enable?: boolean;
				};
				addToCartBtn?: {
					color?: string;
					hoverColor?: string;
					backgroundColor?: string;
					hoverBackgroundColor?: string;
					borderColor?: string;
					hoverBorderColor?: string;
					textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
				};
			};
			cart: {
				enableCart?: boolean;
				cartStyle?: "none" | "popup" | "side";
				autoOpenAjaxCartOnAddToCart?: boolean;
				showCurrencyCodes?: boolean;
				enableWidgetRecommendation?: boolean;
				widgetRecommendationId?: string;
				generalLayout?: {
					fontFamily?: string;
					fontStyle?: string;
					fontSize?: number;
					fontWeight?: string | number;
					shape?: "rectangle" | "round";
				};
				checkoutBtn?: {
					color?: string;
					hoverColor?: string;
					backgroundColor?: string;
					hoverBackgroundColor?: string;
					borderColor?: string;
					hoverBorderColor?: string;
					textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
				};
				viewCartBtn?: {
					color?: string;
					hoverColor?: string;
					backgroundColor?: string;
					hoverBackgroundColor?: string;
					borderColor?: string;
					hoverBorderColor?: string;
					textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
				};
			};
			productList: {
				productsPerPage?: number;
				productsPerRowOnDesktop?: number;
				productsPerRowOnMobile?: number;
			};
			searchPage: {
				headerBackground: string;
				elements: {
					searchHeaderText: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					placeholderSearch: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					scopedSuggestionLabel: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					} & {
						backgroundColor: string;
					};
					scopedSuggestionItem: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					} & {
						backgroundColor: string;
					};
					titleTab: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					productCount: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					collectionAndPageTabTitle: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					collectionAndPageTabDescription: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					tipForYou: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					line: {
						color: string;
					};
				};
			};
			filterTree: {
				elements: {
					refineBy: {
						color: string;
					};
					filterTitle: {
						color: string;
						textTransform?: string;
						fontSizeScale?: number;
						fontFamily?: string;
						fontStyle?: string;
						fontSize?: string;
						fontWeight?: string;
					};
					filterOption: {
						color: string;
						textTransform?: string;
						fontSizeScale?: number;
						fontFamily?: string;
						fontStyle?: string;
						fontSize?: string;
						fontWeight?: string;
					};
					productCount: {
						color: string;
						textTransform?: string;
						fontSizeScale?: number;
						fontFamily?: string;
						fontStyle?: string;
						fontSize?: string;
						fontWeight?: string;
					};
					line: {
						color: string;
					};
					checkbox: {
						color: string;
					};
					searchBox: {
						color: string;
					};
				};
			};
			isw: {
				backgroundSuggestion: string;
				backgroundProducts: string;
				hoverBackgroundSuggestion: string;
				hoverBackgroundProducts: string;
				elements: {
					titleMultiElement: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					results: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					didYouMean: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					didYouMeanResults: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					} & {
						backgroundColor: string;
					};
					productTitle: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					productVendor: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					productPrice: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					productSalePrice: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					productCompareAtPrice: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					productSKU: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					};
					viewAllBtn: {
						color: string;
						textTransform: string;
						fontSizeScale: number;
						fontFamily: string;
						fontStyle: string;
						fontSize: string;
						fontWeight: string;
					} & {
						backgroundColor: string;
						hoverBackgroundColor: string;
					};
				};
			};
		};
	};