# Product landing

{% hint style="info" %}
This template was added in v1.5.0 on Oct 27, 2022. See our [Changelog](/stiletto/readme/changelog.md) and [theme update guide](/stiletto/general/theme-updates.md) to learn more.
{% endhint %}

The **Product landing template** lets you showcase one of your products with a dynamic, image-rich layout.

### **Quick setup**

You can customize the **Product landing** template in the theme editor. All other product template features can be set up by following our product template guide.

When your template is ready, you can **assign the template** in the Shopify admin to make it live.

{% hint style="success" %}
Products are created and edited in your Shopify admin. See Shopify's [Products manual](https://help.shopify.com/en/manual/products) to learn add and manage products.
{% endhint %}

### **Edit product landing template**

The **Product landing template** includes preset sections designed to showcase your product.

We recommend first editing the preset sections and hiding any sections you won't use. Then, you can add other theme sections to further customize your page.

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your theme editor (**Customize**):

1. Use the **Templates selector** to open **Products > landing**.

   ![](/files/QVNVNXYbsZ3yXy7yTWfS)
2. Under "PREVIEW", click **Change** and select the page you want to use for the product landing template.

   > A warning symbol **(!)** next to the page name means that the template is not assigned. Click the page name to go to your Shopify admin, and assign the template.
3. Edit preset theme sections to add custom page content and styles.

   > Use the [Slideshow](/stiletto/sections/theme-sections/slideshow.md) to display images of your product.

   > Use the [Image with text](/stiletto/sections/theme-sections/image-with-text.md) sections to highlight your product's main features and how it's made.

   > Set up the [Product overview](/stiletto/product-pages/product-page-blocks.md) section to customize the product form and details.

   > Use the [Multi-column section](/stiletto/sections/theme-sections/multi-column.md) to tell customers about the core aspects of your product or how it's made.

   > Use the [Collapsible row list](/stiletto/product-pages/product-page-blocks/collapsible-rows-block.md) sections to list your frequently asked questions with answers below.

   > Add [Testimonials](/stiletto/sections/theme-sections/testimonials.md) to share praise from partners and customers about your product.

   > Add [Product recommendations](/stiletto/product-pages/product-page-sections/product-recommendations.md) to suggest similar products.

   > Click the **Hide icon** or **Remove section** button to hide or delete preset sections.
4. Under **Template**, click **(+) Add section** to further customize your page with theme sections.

   > Click and hold the drag and drop handles **`⋮⋮`** to change the order of sections.
5. Click **Save**.

   > Remember to **assign the template** and set your page to **Visible** in your admin.
6. (*Recommended*.) Add a link to your product landing in the Header navigation or in a theme section featured on your home page.

</details>

### Assign product landing template

In your Shopify admin, you need to assign the landing template to publish your changes to your live store. Follow the steps when you're done customizing the template.

{% hint style="info" %}
If your theme isn't published yet, learn how to [assign templates from unpublished themes](/stiletto/general/editing-themes/using-templates.md#assign-templates-from-unpublished-theme)
{% endhint %}

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your **Shopify admin**:

1. Click **Products**.
2. Click to open the product that you want to use the landing template.
3. Click the **Theme template** menu and select **landing** to assign the template to your page.

   > **Note**: Templates can't be assigned on unpublished themes. Your changes to templates will be saved and can be assigned when you buy and publish the theme.
4. Click **Save**.

</details>

\\

***

> **Related links**
>
> [Product template](/stiletto/product-pages/product-template.md)


---

# Agent Instructions: 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:

```
GET https://help.fluorescent.co/stiletto/product-pages/product-template/product-landing.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
