Depict AI Documentation home page
Search...
⌘K
Ask AI
Contact us
Contact us
Search...
Navigation
Product listing pages
Complete - product listing pages
Home
Guide: Data ingestion
Guide: Depict UI integration (React)
Guide: Depict UI integration (JavaScript)
Guide: Shopify app
Guide: API integration
Other guides
Reference
Overview
Introduction
Data Ingestion
Compatibility and Browser Support for Depict Packages
Setup
Installation
Import styling
Setting up JSX
Setting up your product card
Search
Overview
Creating a search page
Configuring the search provider
Transforming and enriching display data
Adding a way to open the SearchModal
Adding the SearchPage to your site
Complete - search functionality added
Product listing pages
Overview
Choosing a source of truth
Configuring the category provider
Transforming and enriching display data
Adding the CategoryPage to your site
Complete - product listing pages
Recommendations
Rendering recommendations in a slider
Rendering recommendations in a grid
Tracking
Introduction
Importing DPC
Initialising DPC
Product Card Tracking
Product Page Tracking
Add to cart tracking
Purchase tracking
Tracking - Completed
Product listing pages
Complete - product listing pages
Now you should be able to navigate between your product listing pages and browse your products in them. Please don’t forget to
set up tracking
.
Was this page helpful?
Yes
No
Adding the CategoryPage to your site
Rendering recommendations in a slider
Assistant
Responses are generated using AI and may contain mistakes.