> For the complete documentation index, see [llms.txt](https://sitesbyseth.gitbook.io/sitesbyseth-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sitesbyseth.gitbook.io/sitesbyseth-docs/skeleton/pages.md).

# Other pages

Beyond the homepage, collections, and products, Skeleton includes templates for every page your store needs. Here's what each one does and how to set it up.

## Cart page and cart drawer

Skeleton has two carts:

* **The cart drawer** — the slide-out panel that opens when anything is added to cart (or when the Cart button in the header is clicked). This is where the action is: milestone progress bar, free gift, upsells, order note, terms checkbox, quick payment buttons. Configure it by opening the theme editor on any page and clicking **Cart drawer** in the left panel. Full guide: [Cart drawer](/sitesbyseth-docs/skeleton/sections/cart-drawer.md).
* **The cart page** (`/cart`) — a plain full-page cart customers reach if they navigate to the cart URL directly. It lists line items with quantity steppers and remove links, an order note (toggle it under **Theme settings → Cart → Show order note field**), the subtotal, and a checkout button. To style it, open the editor's page selector and choose **Others → Cart** — the **Cart page** section has padding and color settings.

💡 Discount codes are entered at checkout — Shopify's checkout handles that, not the theme.

## Contact page

A clean contact form: name, email (required), optional phone, optional order number, and a message box.

**Where submissions go:** every submission is emailed to your store's **sender email** — set under **Settings → Notifications** in your Shopify admin. Check that address before launch.

To set it up:

1. In your admin, go to **Online Store → Pages → Add page**. Title it "Contact" and write any intro text (opening hours, expected reply time) — it appears above the form.
2. On the right, set **Template** to **contact**. Save.
3. Add the page to your menu under **Online Store → Navigation**.

Section settings (editor page selector → **Pages → Contact**):

* **Show phone field** (on by default).
* **Show order number field** (off by default) — turn on if most messages are order support.
* **Max content width** (500–1200 px, default 700).
* **Section style** — padding and colors.

## Standard pages (About, Shipping, FAQ…)

Pages created under **Online Store → Pages** with the default template render with your page title and content, centered at a readable width. Section settings: **Max content width** (500–1200 px, default 800), padding, and colors.

## Blog and articles

* **Blog page** — a grid of your posts (3 columns on desktop, 1 on mobile), each showing its cover image, title, and date. 12 posts per page with pagination.
* **Article page** — a breadcrumb back to the blog, the title, date, cover image, and your content at a comfortable 800px reading width.

Write posts under **Online Store → Blog posts**. Both templates have Section style settings (padding, colors) in the editor.

## Search

The search page shows a search field, a result count, and a grid of results — products render as product cards (with quick view), while pages and articles render as simple text cards labeled by type. 24 results per page.

The magnifying glass in the header opens an inline search bar that submits here. You can hide it with the header's **Show search** setting.

## 404 page

Shown when a visitor hits a URL that doesn't exist: a "Page not found" message with a button back to the homepage. Only Section style settings (padding, colors) to configure.

## Customer account pages

If customer accounts are enabled (**Settings → Customer accounts** in your admin), Skeleton includes matching templates for the full flow:

* **Login** and **Create account**
* **Password reset** and **account activation**
* **Account overview** — the customer's order history
* **Order detail** — items, totals, and shipping status for one order
* **Addresses** — add, edit, and delete saved addresses

These pages inherit your theme colors and typography automatically; there's nothing to configure in the editor. The header's account link appears when accounts are enabled and the header's **Show account link** setting is on.

## Gift card page

When someone buys a gift card, Shopify emails the recipient a link to this page. It shows the card value, the redemption code, a **Print** button, and an **Add to Apple Wallet** link. It picks up your theme colors and fonts automatically — nothing to set up.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://sitesbyseth.gitbook.io/sitesbyseth-docs/skeleton/pages.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.