Home > widget-integration > AppService
AppService class
Signature:
export declare class AppService
Properties
|
Property |
Modifiers |
Type |
Description |
|---|---|---|---|
|
|
{} | ||
|
|
{ filterTreeIcon?: string; filterTreeIconClose?: string; filterTreeMobileStyle: "style1" | "style2" | "style2-fullwidth" | "style3" | "style3-fullwidth"; filterTreeMobileFullWidth: boolean; filterTreeMobileIcon?: string; filterTreeVerticalStyle: "style-default" | "style-off-canvas" | "style-expand"; filterTreeHorizontalStyle: "style1" | "style2" | "style3" | "style-expand"; filterHorizontalColumn: "1" | "2" | "3" | "full"; filterHorizontalOptionsAlign: "left" | "center" | "right"; filterLayout: "vertical" | "horizontal"; collapseOnPCByDefault?: boolean; collapseOnMobileByDefault?: boolean; keepScrollState?: boolean; keepToggleState?: boolean; keepTabOpenState?: boolean; stickyFilterOnDesktop?: boolean; stickyFilterOnMobile?: boolean; showFilterOptionCount?: boolean; showRefineBy?: boolean; showSingleOption?: boolean; showOutOfStockOption?: boolean; productAndVariantAvailable?: boolean; changeMobileButtonLabel?: boolean; requestInstantly?: boolean; urlScheme?: 0 | 1 | 2; isShortenUrlParam?: boolean; shortenUrlParamList?: Array<string>; productAvailable?: boolean; variantAvailable?: boolean; availableAfterFiltering?: boolean; showVariantImageBasedOnSelectedFilter?: string; startViewMore?: { list: number; box: number; swatch: number; }; startViewMoreH?: { list: number; box: number; swatch: number; }; showLoading?: boolean; showMobileLoading?: boolean; removePriceDecimal?: boolean; shortenPipsRange?: boolean; formatPipsRange?: Array<{ node: number; symbol: string; fix: number; suffix: 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; }; activeScrollToTop?: boolean; styleScrollToTop?: "style1" | "style2"; swatch_extension?: string; swatchImageVersion?: string; swatch_settings?: Record<string, { colorCodes?: string[]; backgroundColor?: string; backgroundImage?: string; hasSwatchSetting?: boolean; imageUrl?: string; name: string; swatchBorder?: string; type: "one_color" | "image"; }>; filterEverywhereCollectionId?: number; limit?: number; showVariantsAsProduct?: boolean; priceMode?: string; tagMode?: string; sortingAvailableFirst?: boolean; vendorParam: "pf_v_vendor"; typeParam: "pf_pt_product_type"; filterPrefixParam: "pf_" | string; sortManualValues?: boolean; precisionFormatLabelSlider: number; precisionFormatLabelPriceList: number; filterAvoidStickyHeader: string[]; enableRenderFilterOptionItemWhenExpand: boolean; ignoreCharacterURL?: (url: string) => string; } | ||
|
(money: number | string, options?: { format?: string; withTrailingZeros?: boolean; showCentAsSuperscript?: boolean; removePriceDecimal?: boolean; removeDecimalPoint?: boolean; showCurrencyCodes?: boolean; }) => string | |||
|
|
{ debug: (...args: any[]) => void; info: (...args: any[]) => void; warn: (...args: any[]) => void; error: (...args: any[]) => void; } | ||
|
| |||
|
| |||
|
|
{ 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; }; }; }; }; } | ||
|
|
{ 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; }; }; }; } | ||
|
|
Record<string, string | Record<string, string>> |
Methods
|
Method |
Modifiers |
Description |
|---|---|---|
|
Formats price with shop-specific settings from TAE config Wrapper around formatCurrency that applies theme settings automatically | ||