Shops details overview

Creating shop pages in the context of a marketplace is unique. For example, a custom storefront might have a dedicated homepage and discrete pages for product categories. In a marketplace, one channel app hosts multiple storefronts on a single platform. A marketplace needs to control the look and feel of multiple brands, with often a single page devoted to a shop and its products.

Shop pages surface storefront details for each shop in the marketplace. For example, render a page with the shop name, description, and a link to the storefront.

Product categories surface the product types that merchants have created in their storefront. For example, render clothing in categories like coats, handbags, and dresses.

Product sort enables buyers to order shops on the marketplace by specific criteria. For example, add the ability to sort shops on the marketplace by name.

Shop filters enable buyers to narrow shops on the marketplace by specific criteria. For example, add the ability to filter products by price range.

The app that you cloned includes code to simplify adding shop details to the marketplace.

server/graphql/resolvers.js and server/graphql/schema.js have queries to the Storefront API that you can run to retrieve shop details.

The Storefront API limits your ability to interact with shops across the marketplace. For example, you can't use the Storefront API to retrieve a product category populated with items from multiple shops. Throughout the tutorials in this section, all filtering, sorting, and other ways of parsing product data is done at the shop level, not the marketplace level.

Parsing product data across multiple shops requires product sync, which Shopify doesn't fully support out of the box.

• Learn how to include a dedicated page for each shop in a marketplace.

• Share feedback on Marketplace Kit.