# Evergreen Echoes

[Evergreen Echoes](https://3dpinecones.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a botanical home decor shop with ornaments, wreaths, sculptures, and candle holders before a real Shopify store is ready. The catalog includes pinecone ornaments, wreaths, sculptures, bookends, candle holders, and decorative vessels. There are 24 products across four collections. Every product has three variants through a single option, and four products have compare-at prices.

mock.shop is an auth-free Shopify Storefront GraphQL API backed by sample reference stores. Find out more about [mock.shop sample stores](https://www.shopify.com/blog/mock-shop).

## When to use this store

Choose Evergreen Echoes when you want to build a small home decor or gift shop with variety across decorative categories and straightforward single-option variant selectors.

Use Evergreen Echoes for:

- A small home decor or gift shop with ornaments, wreaths, and botanical accent pieces
- Single-option variant selectors across different option types (Size, Color, Length, Style, Finish, or Scent)
- Collection browsing across four thematic groupings with six products each

Choose another mock.shop store if you need a larger product catalog, multi-option variant combinations, or apparel with size and color selectors together. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example Evergreen Echoes query

Here’s an example GraphQL `POST` request that retrieves options and variant prices for one product from <https://3dpinecones.mock.shop/api>:

```bash
curl https://3dpinecones.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"acorn-brown-pinecone-ornament\") { id title options { name values } variants(first: 20) { pageInfo { hasNextPage } nodes { id title selectedOptions { name value } price { amount currencyCode } compareAtPrice { amount currencyCode } availableForSale } } } }"}'
```

This query retrieves Acorn Brown pinecone ornament, including option values, variant IDs, selected options, availability, and current and compare-at prices. Use the selected variant’s ID and price when adding it to a cart.

The endpoint doesn't require authentication or an access token. Read <https://3dpinecones.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

Build a botanical home decor or gift shop with product pages, themed collections, and single-option selectors. The Acorn Brown pinecone ornament has Small, Medium, and Large Size choices at the same price. Other items use options such as Finish, Color, Length, Style, or Scent, so read the option name from the product rather than using one fixed label. Four collections each contain six products, keeping collection browsing manageable. Four products have compare-at prices for testing price displays alongside full-price items. The catalog also includes wreaths, sculptures, and decorative vessels, not only pinecone ornaments.

Preview the catalog in a storefront by opening <https://3dpinecones.hydrogen.mock.shop> in a browser.

![Evergreen Echoes product page for the Acorn Brown pinecone ornament, $49, showing two ornament images, a Size selector with Small selected, and an Add to cart button](images/evergreen-echoes-acorn-brown-pinecone-ornament-20260911.webp)

## Build with an AI coding tool

To build a home decor storefront with Evergreen Echoes using Claude, ChatGPT, Cursor, Lovable, or another AI assistant, copy the prompt below. It gives the assistant the store domain and directs it to the catalog instructions before it starts writing code.

```text
Build me a Hydrogen storefront using 3dpinecones.mock.shop as the store domain. Setup instructions: 3dpinecones.mock.shop/llms.txt
```

Shopify also provides a [mock.shop starter project](https://github.com/Shopify/mock-shop-starter): a Hydrogen storefront with product pages, collection browsing, and a working cart already connected to mock.shop. You or your AI coding tool can customize this code instead of building those pieces from scratch.

Follow the repository’s setup instructions, then set `PUBLIC_STORE_DOMAIN=3dpinecones.mock.shop` in `.env` and restart the dev server to use Evergreen Echoes’ catalog. Leave `PUBLIC_STOREFRONT_API_TOKEN` empty; mock.shop doesn’t require a token.

## Move to a real Shopify store

mock.shop uses fictional, read-only catalog data. Cart operations work, and checkout is mocked: no payment is taken and no real order is placed. The Customer Account API isn’t supported.

When you’re ready to launch, point your storefront at a Shopify store and add that store’s public Storefront API token. If you don’t have a Shopify store yet, [start a Shopify free trial](https://www.shopify.com/free-trial) to create one.

Read the [mock.shop developer documentation](https://shopify.dev/docs/storefronts/headless/mock-shop) for setup and migration details.

## Store facts

| | |
|---|---|
| Store handle | `3dpinecones` |
| Catalog model | Botanical home decor with single-option variants |
| Products | 24 |
| Collections | 4 |
| Categories | 9 |
| Variants per product | 3 |
| Compare-at prices | 4 products |
| Requires shipping | All products |
| API endpoint | <https://3dpinecones.mock.shop/api> |
| Store instructions | <https://3dpinecones.mock.shop/llms.txt> |
| Browser preview | <https://3dpinecones.hydrogen.mock.shop> |