> ## Documentation Index
> Fetch the complete documentation index at: https://voyager-theme.fasil.in/llms.txt
> Use this file to discover all available pages before exploring further.

# Recipes overview

> An index of the most common Voyager customizations, with direct links to the step-by-step instructions.

Every shop, eventually, asks the same handful of questions. Where do I change the announcement bar message? How do I reorder the blocks on a product page? Can I hide the page-transition curtain?

This index sits above the rest of the customization section. Each card below is either a deeper recipe page, or a single quick task with the exact Theme Editor location.

## Recipe pages

<CardGroup cols={2}>
  <Card title="Branding recipes" href="/customization/branding-recipes">
    Logo, favicon, brand color, schemes, button radius, grain, dark mode, typography.
  </Card>

  <Card title="Homepage recipes" href="/customization/homepage-recipes">
    Add or hide sections, reorder, hero slides, new arrivals, category archive, bundle hotspots, Club CTA.
  </Card>

  <Card title="PDP recipes" href="/customization/pdp-recipes">
    Block order, accordions, perks, provenance, variant picker, bespoke CTA, custom Liquid, subscriptions, app blocks.
  </Card>

  <Card title="Checkout branding" href="/customization/checkout-branding">
    Match Shopify Checkout to your Voyager theme — colors, typography, logo, and a complete preset table.
  </Card>

  <Card title="Apps and integrations" href="/customization/apps-and-integrations">
    App blocks, Custom Liquid, recommended apps for reviews, loyalty, and bundles.
  </Card>

  <Card title="Common issues" href="/troubleshooting/common-issues">
    Twenty-plus fixes for the questions you're most likely to run into.
  </Card>
</CardGroup>

## Quick tasks

The recipes below are short enough to live in a card. Each card tells you where to go and what to change. If you want the full instructions, follow the link.

<CardGroup cols={2}>
  <Card title="Change the announcement bar message" href="/sections-reference/header-and-footer#announcement-bar">
    Header group → Announcement bar → Messages. Each message is a block.
  </Card>

  <Card title="Add a hero slide" href="/customization/homepage-recipes">
    Hero section → Add block → choose Slide. Upload poster, optional video, set CTAs.
  </Card>

  <Card title="Reorder PDP blocks" href="/customization/pdp-recipes">
    Product template → main-product section → drag blocks in the left rail.
  </Card>

  <Card title="Disable the page-transition curtain" href="/troubleshooting/common-issues">
    Theme settings → Animation → uncheck Intro loader. Curtain runs on every navigation by default.
  </Card>

  <Card title="Add a custom Liquid block to PDP" href="/customization/pdp-recipes">
    Product template → Add block → Custom liquid. Paste app code or markup.
  </Card>

  <Card title="Swap the favicon" href="/customization/branding-recipes">
    Theme settings → Logo → Favicon. Square PNG or SVG, cropped to 32×32.
  </Card>

  <Card title="Add a footer link column" href="/sections-reference/header-and-footer#footer">
    Footer group → Footer → Add block → Link list. Pick a menu from Navigation.
  </Card>

  <Card title="Change the new-arrivals collection" href="/customization/homepage-recipes">
    Home template → New arrivals section → Collection picker.
  </Card>

  <Card title="Disable film grain" href="/customization/branding-recipes">
    Theme settings → Animation → Editorial premium effects → uncheck Film grain overlay.
  </Card>

  <Card title="Wire up bundle hotspots" href="/customization/homepage-recipes">
    Home template → Bundle section → each Hotspot block has X / Y coordinates and a product picker.
  </Card>

  <Card title="Edit the perks bullets on PDP" href="/customization/pdp-recipes">
    Product template → Perks block → Perk 1 / 2 / 3 text fields.
  </Card>

  <Card title="Configure provenance" href="/customization/pdp-recipes">
    Product template → Provenance block → three term / description pairs.
  </Card>

  <Card title="Set the cart type" href="/templates/cart">
    Theme settings → Cart → Cart type → Drawer, Page, or Notification.
  </Card>

  <Card title="Edit the Club CTA" href="/customization/homepage-recipes">
    Home template → Club section → eyebrow, headline, body, button label and link.
  </Card>

  <Card title="Add an Image Banner" href="/customization/homepage-recipes">
    Home template → Add section → Image banner.
  </Card>

  <Card title="Match Checkout colors" href="/customization/checkout-branding">
    Settings → Checkout → Customize. See the full preset table.
  </Card>
</CardGroup>

## How to read a recipe

Every recipe page in this section follows the same structure.

| Section     | What it contains                                       |
| ----------- | ------------------------------------------------------ |
| **Goal**    | One line on what you'll have at the end                |
| **Steps**   | Numbered, Theme Editor-first, no code unless necessary |
| **Result**  | What you should see on the storefront                  |
| **Related** | Other recipes that touch the same setting              |

If you find yourself in a recipe that doesn't quite fit, the table of contents on the right will get you to a closer match in a click.

## Where to next

<CardGroup cols={2}>
  <Card title="Branding recipes" href="/customization/branding-recipes">
    Start here if you've just installed Voyager.
  </Card>

  <Card title="Theme setup" href="/theme-setup/logo-and-favicon">
    The reference pages — every setting, every default.
  </Card>
</CardGroup>