1. Where you construct your searchProvider, import and pass in the ClassicSearchModal as the searchModalComponent property.
import { ClassicSearchModal } from "@depict-ai/js-ui";

const searchProvider = new DepictSearchProvider<YourDisplay>({
  // … other properties
  searchModalComponent: ClassicSearchModal,
});
  1. Where you import the Depict UI SCSS, set the $search-modal-layout variable to "classic".
@use "@depict-ai/js-ui" with ($search-modal-layout: "classic");

Was this page helpful?

Adding looks to a product detail page (JS-UI)Switching ot the classic search modal (React-UI)