cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Fixes quirks with featured and related products. (#978)

Browse Source
This commit is contained in:
Michael Novotny 2023-04-21 11:19:08 -05:00 committed by GitHub
parent 7de3ae5583
commit 8ff670d7d6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/product/[handle]/page.tsx
View File

@ -99,7 +99,7 @@ export default async function ProductPage({ params }: { params: { handle: string
async function RelatedProducts({ id }: { id: string }) { async function RelatedProducts({ id }: { id: string }) {
const relatedProducts = await getProductRecommendations(id); const relatedProducts = await getProductRecommendations(id);
if (!relatedProducts) return null; if (!relatedProducts.length) return null;
return ( return (
<div className="px-4 py-8"> <div className="px-4 py-8">

2
components/grid/three-items.tsx
View File

@ -37,7 +37,7 @@ function ThreeItemGridItem({
export async function ThreeItemGrid() { export async function ThreeItemGrid() {
// Collections that start with `hidden-*` are hidden from the search page. // Collections that start with `hidden-*` are hidden from the search page.
const homepageItems = await getCollectionProducts('hidden-homepage-featured-items', 3); const homepageItems = await getCollectionProducts('hidden-homepage-featured-items');
if (!homepageItems[0] || !homepageItems[1] || !homepageItems[2]) return null; if (!homepageItems[0] || !homepageItems[1] || !homepageItems[2]) return null;

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

@ -36,9 +36,9 @@ export const getCollectionsQuery = /* GraphQL */ `
`; `;
export const getCollectionProductsQuery = /* GraphQL */ ` export const getCollectionProductsQuery = /* GraphQL */ `
query getCollectionProducts($handle: String!, $first: Int = 100) { query getCollectionProducts($handle: String!) {
collection(handle: $handle) { collection(handle: $handle) {
products(first: $first) { products(first: 100) {
edges { edges {
node { node {
...product ...product

1
lib/shopify/types.ts
View File

@ -199,7 +199,6 @@ export type ShopifyCollectionProductsOperation = {
}; };
variables: { variables: {
handle: string; handle: string;
first?: number;
}; };
}; };