TURBO for Developers

Home > widget-integration > QuickViewController

QuickViewController class

Signature:

export declare class QuickViewController extends Controller

Extends: Controller

Constructors

Constructor	Modifiers	Description
(constructor)(domHelper, dtoHelper, wcagHelper, appService, cartAPI, productAPI, swatchService, cartController, slickHelper, combinedProductListingController, combinedProductListingsService)		Constructs a new instance of the `QuickViewController` class

Properties

Property	Modifiers	Type
appService	`protected`	AppService
buttonQuickviewFocus	`protected`	HTMLElement \| null
cartAPI	`protected`	CartAPI
cartController	`protected`	CartController
combinedProductListingController	`protected`	CombinedProductListingsController
combinedProductListingsService	`protected`	CombinedProductListingsService
domHelper	`protected`	DomHelper
dtoHelper	`protected`	DTOHelper
productAPI	`protected`	ProductAPI
QUICK_VIEW_CLOSE_AFTER_ADD_DELAY	`protected` `readonly`	(not declared)
slickHelper	`protected`	SlickHelper
sliderRef	`protected`	JQuery<HTMLElement> \| null
state	`protected`	Signal<QuickViewState>
swatchService	`protected`	ProductSwatchService
wcagHelper	`protected`	WCAGHelper

Methods

Method	Modifiers	Description
applySwatchSettings(modal, optionsWithValues)	`protected`
autoSelectFirstAvailableVariant(modal, variants)	`protected`
buildProductDetailUrl(handle, locale, addCollectionToProductUrl)	`protected`
close()
dispatchOpenEvent(productId)	`protected`
fetchQuickViewHtml(productId)	`protected`
focusCartModal()	`protected`
getPreOrderButtonText(variant)	`protected`
getPreOrderNoteText(variant)	`protected`
getSellingPlanId(variant)	`protected`
goToSlide(index)
handleSliderNavigation(index, images, thumbItems)	`protected`
handleSwatchSelect(modal, option, variants)	`protected`
hideImageSection(html)	`protected`
initAddToCartButton(modal)	`protected`
initBuyNowButton(modal)	`protected`
initCloseHandlers(modal)	`protected`
initModal()	`protected`
initPreorderButton(modal)	`protected`
initQuantityInput(modal)	`protected`
initSelectedOption(option, variants)	`protected`
initSlider()	`protected`
initSwatchSelection(modal, variants, optionsWithValues)	`protected`
initThumbnailEvents()	`protected`
initThumbnailNavigation(modal, images)	`protected`
initWCAGSupport(modal)	`protected`
injectHtml(html)	`protected`
isPreOrderVariant(variant)	`protected`
open(action, triggerElement)
parseProductData(modal)	`protected`
selectThumbnail(index)	`protected`
updateAddToCartButton(modal, selectedVariant)	`protected`
updateDetailLink(modal, productData, selectedVariant)	`protected`
updateLabels(modal, selectedVariant)	`protected`
updateNavigationButtons(modal, imageCount)	`protected`
updatePreOrderUI(modal, selectedVariant)	`protected`
updatePrice(modal, selectedVariant)	`protected`
updateSliderForVariant(modal, images, selectedVariant)	`protected`
updateSoldOutLabels(modal, variants)	`protected`
updateSoldOutOption(modal, _option, variants)	`protected`
updateUI(modal, productData, images)	`protected`