-
Notifications
You must be signed in to change notification settings - Fork 11
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
5 changed files
with
39 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
--- | ||
title: Custom Pages | ||
description: Create Hydrogen custom pages with Weaverse. | ||
publishedAt: July 29, 2024 | ||
updatedAt: July 29, 2024 | ||
order: 0 | ||
published: true | ||
--- | ||
|
||
## Overview | ||
|
||
Custom pages are a powerful feature that allows you to create custom routes for your Hydrogen storefront. With Weaverse, you can easily create custom pages that are tailored to your specific needs and branding. | ||
|
||
In this guide, we will walk you through the process of creating a custom page in Weaverse. We will cover the following topics: | ||
|
||
- Setting up a custom page in Weaverse | ||
- Set up the Hydrogen catch-all route | ||
- Customizing the page in Weaverse | ||
- Adding custom components to the page | ||
|
||
By the end of this guide, you will have a custom page in Weaverse that is fully customizable and responsive. | ||
|
||
## Setting up a custom page in Weaverse | ||
|
||
To create a custom page in Weaverse, follow these steps: | ||
|
||
1. Open the Weaverse Studio and in the top bar, click on to the Page navigation Dropdown. | ||
2. Now you will see a Create custom page option. Click on it to create a new page. | ||
![Create custom page](https://cdn.shopify.com/s/files/1/0838/0052/3057/files/create_custom_page.png?v=1719822975) | ||
3. Give your page a name and handle and click on Create custom page. | ||
|
||
![Create custom page 2](https://cdn.shopify.com/s/files/1/0838/0052/3057/files/create_custom_page.png?v=1719822975) | ||
|
||
4. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Submodule pilot
updated
from b0b01f to fb2816