Home > widget-integration > ProductItemImageSettings

ProductItemImageSettings type

Signature:

export type ProductItemImageSettings = {
	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?: ProductItemInfoSettings;
		productSaleLabel?: ProductItemLabelSettings;
		productSoldOutLabel?: ProductItemLabelSettings;
		productCustomLabelByTag?: ProductItemLabelSettings;
		rating?: boolean;
		[swatches: `swatches.${number}`]: ProductSwatchItemSettings;
		qvBtn?: ProductItemCTASettings;
		selectOptionBtn?: ProductItemCTASettings;
		goToDetailBtn?: ProductItemCTASettings;
	};
	grid?: ProductImageGrid;
};

References: ProductItemInfoSettings, ProductItemLabelSettings, ProductSwatchItemSettings, ProductItemCTASettings, ProductImageGrid