crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement products infinite loading

Browse Source 
Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
This commit is contained in:
Chloe
2024-05-08 16:10:44 +07:00
parent 78a79a44b7
commit b4113ac4c8
11 changed files with 263 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lib/shopify/queries/collection.ts
View File

@@ -42,14 +42,14 @@ export const getCollectionProductsQuery = /* GraphQL */ `
$sortKey: ProductCollectionSortKeys
$reverse: Boolean
$filters: [ProductFilter!]
$after: String
) {
collection(handle: $handle) {
products(sortKey: $sortKey, filters: $filters, reverse: $reverse, first: 100) {
products(sortKey: $sortKey, filters: $filters, reverse: $reverse, first: 50, after: $after) {
edges {
node {
...product
}
cursor
}
filters {
id

9
lib/shopify/queries/product.ts
View File

@@ -10,13 +10,18 @@ export const getProductQuery = /* GraphQL */ `
`;
export const getProductsQuery = /* GraphQL */ `
query getProducts($sortKey: ProductSortKeys, $reverse: Boolean, $query: String) {
products(sortKey: $sortKey, reverse: $reverse, query: $query, first: 100) {
query getProducts($sortKey: ProductSortKeys, $reverse: Boolean, $query: String, $after: String) {
products(sortKey: $sortKey, reverse: $reverse, query: $query, first: 50, after: $after) {
edges {
node {
...product
}
}
pageInfo {
endCursor
startCursor
hasNextPage
}
}
}
${productFragment}