Retrieve a Product in Storefront

In this guide, you'll learn how to retrieve a product and its details in the storefront.

How to Retrieve a Product in Storefront?#

There are two ways to retrieve a product:

• Retrieve a product by its ID. This method is straightforward and useful when you only have access to the product's ID.
• Retrieve a product by its handle field. This is useful if you're creating human-readable URLs in your storefront.

Retrieve a Product by ID#

To retrieve a product by its ID, send a request to the Retrieve Product API route:

The response has a product field, which is a product object.

Retrieve a Product by Handle#

To retrieve a product by its handle, send a request to the List Products API route passing it the handle query parameter:

Features in Product Details Page#

In a product's details page, you want to allow the customer to choose a variant, see its price, and add it to the cart.

The following guides will help you add these features into your storefront:

• Select a variant
• Show variant price
• Retrieve variant's inventory quantity
• Add a product to the cart