Blog And Pages

About page

About page The theme ships a prebuilt about page template: a finished arrangement of sections for telling your store's story, so you start from a built page instead of an empty one. You pick the template on the page itself in the Shopify admin, then edit its sections in the theme editor. A new page uses the basic page layout by default, so you switch the template to get the About design. Every section in it is a standard theme section, which you reorder, edit, hide, or remove like any other: see Sections, blocks, and groups. The theme also ships contact and faq templates, covered in Contact page and form and FAQ page. Assign the template to a page 1. In your Shopify admin, go to Online Store, then Pages. 2. Open an existing page or create a new one. 3. In the Theme template box, open the dropdown and choose about. 4. Save the page. 5. To edit the layout, open Customize on your theme, then use the page selector at the top to navigate to that page. Its sections load in the theme editor. Switching the Theme template leaves your page title and body text untouched. The template controls only the surrounding sections. What the About page ships with In the editor sidebar, from top to bottom: 1. Hero slideshow: the opening image, set to run under the header. One slide carries a heading, a supporting line, and a button. See Hero slideshow. 2. Valley intro: the story opener, split into two columns by a Proportional group. One column holds a Parallax photo pair block, which pairs a large photo with a smaller detail photo overlapping it. The other holds a heading, two paragraphs, and a pair of buttons. 3. The people: a run of picture and text pairs laid out in two offset columns, one per person or place. See Staggered content. 4. Scrolling content: a column of text (eyebrow, heading, paragraph, button, and a Timeline) beside a rail of images that moves as the visitor scrolls. See Scroll-driven sections. 5. Shoppable image: one photo with four product hotspots a shopper taps to shop, under a heading group and above a button. See Shoppable image. 6. Content with slider: a fixed text column beside four slides, each with an eyebrow, a short heading, a link, and its own image. See Content with slider. Valley intro is the flexible Section with its blocks already arranged. It takes the name you give it, so rename it by clicking its name in the sidebar. The rest carry their own section names. Sections that ship hidden The template also carries three sections that arrive switched off. They sit in the sidebar with a dimmed name and do not appear on the page. Click the eye icon next to one to bring it in: - Timeline: a Section holding a Timeline block, for an order journey or a process in steps. - A plain Section with a heading, a paragraph, and a Separator, as a place to add a closing statement. - The people (old rows): the same people as section 3, laid out as full-width rows instead of an offset stagger. Use one or the other, not both. They are there as alternatives, not as a queue to work through. Turn on the ones that suit your story and leave the rest off. Replace the demo content Every section arrives with demo copy and demo photography. The photographs are licensed for the demo store and do not come with the theme, so a fresh install shows placeholder shapes in their place. Work down the sidebar one section at a time: 1. Select a block to edit its text in place. 2. Use each image picker to upload your own photo. 3. Point the buttons at your own collections and pages. 4. In Shoppable image, set the photo first, then open each hotspot, pick one of your products, and drag the dot onto it. If you want a lookbook There is no separate lookbook template. Build one from the Lookbook preset in Add section, under the Storytelling group: it arrives as two rows of linked media cards with a heading above each. See Collage. Tips - The Hero slideshow here runs under the header, so the header sits on top of the image. Choose a slide image with quiet space along the top edge. - Overlay this section with the header only takes effect while the hero is the first section on the page. If you move another section above it, turn the setting off or the hero loses its full-height treatment. - Each section carries its own settings. See Common section settings for the shared color, spacing, and visibility controls, and open a section's own article for what is unique to it.

Contact page and form

Contact page and form The Contact section pairs a working contact form with an info column where you list your email, phone, and address. It uses Shopify's built-in contact form, so submissions reach the email set in your store's general settings. It is the main section of a page that uses the contact template. Create the contact page If you already have a contact page, skip ahead. 1. In Shopify admin, go to Online Store > Pages. 2. Click Add page and give it a title (for example, Contact). 3. In the Theme template box, choose contact. 4. Click Save, then add the page to a menu under Online Store > Navigation so customers can reach it. Open the section in the editor 1. Open the theme editor and use the top page selector to switch to your contact page. 2. In the section's blocks, click the Contact section to open its settings. The section has two parts: an info column (a Header content slot plus contact rows) on one side, and the form on the other. Edit the intro text The form's own heading and helper line are fixed theme text and are not section settings. The editable intro that sits above the contact rows lives in the Header content slot in the info column. Under the Contact section, open the Header content slot and edit its blocks (an eyebrow line, the heading, and an intro paragraph). For how content slots work, see Sections, blocks, and groups. Add and edit contact rows Each line in the info column (email, phone, address, and so on) is a Contact ledger row block. You can add up to six rows. 1. Under the Contact section, click Add block and choose Contact ledger row. 2. Fill in the settings below. 3. Drag rows in the block list to reorder them. To remove one, select it and delete it. Contact ledger row settings: - Icon: the symbol shown next to the row, picked from grouped sets (Service & contact, Store & location, and Payments). Choose an envelope for email, a phone for phone, a pin for an address. - Label: the small caption above the value (for example, Email, Phone, or Address). - Value: the main text of the row (the address, number, or email itself). - Link: makes the value clickable. Use a mailto: address for email, a tel: number for phone, or any URL for a map link. Leave it empty to show the value as plain text. - Secondary line: an optional second line under the value, useful for a city and postal code or a suite number. Form These settings control which fields appear in the contact form. - Show phone field: adds an optional phone number field. Turn it off if you do not want to collect phone numbers. - Show order number field: adds an optional order number field, useful when most messages are about existing orders. Turn it off to keep the form short. The Name, Email, and Message fields always show. Email and Message are required to submit. This section also uses the standard Color, Padding, Margin, and Visibility controls. See Common section settings. Tips - Where replies go: Shopify sends form submissions to the store contact email under Settings > General, not to anything in this section. Set that address before you launch the page. - A clickable email or phone row needs the right prefix in Link. Without mailto: or tel:, the entry opens as a web address and does nothing useful. - After a customer sends a message, the form swaps to a confirmation in place, so they stay on the same page.

Password page

Password page The password page is what visitors see while your store is password protected, before launch or during a private sale. The theme builds it with one Password section that loads only on the Password template, so you will not find it under Add section on other pages. Open the password page editor 1. In your Shopify admin, go to Online store then Themes. 2. On the theme, click Customize. 3. In the page selector at the top of the editor, choose Password. 4. The Password section loads with its blocks already in place. To turn password protection on or off, go to Online store then Preferences and use the Password protection controls. The editor styles the page. It does not switch protection on. Section settings Select the Password section to reach these. They sit under the Appearance heading, alongside the standard Color scheme control. - Background: what fills the page behind the content. None (the default) uses the scheme background. Image reveals a Background image picker. Video reveals a Background video picker. - Background image: the image shown when Background is Image. It covers the full page and is loaded first, ahead of everything else, because it is the first thing a visitor sees. - Background video: the video shown when Background is Video. It plays muted and on loop. Use an MP4 file. A still preview frame, if your video has one, shows while the video loads. When you set a background image or video, the theme lays a dark gradient, a vignette, and a fine grain over it so the text stays readable. With Enable scroll effects on in Theme settings, the background also drifts slightly as the visitor moves the pointer. Blocks The Password section ships with a fixed frame: a built in header, footer, and password popup. Between them sits the main area, where you add and rearrange blocks the same way as any other section. Password header The bar at the top of the page, with your logo and the password entry button. - Use inverted logo: show your inverted logo instead of the standard one. This appears only when both a logo and an inverted logo are set in Theme settings under Logo. - Logo height: the height of the logo, from 24 to 80 pixels. The default is 40. - Trigger label (under the Password entry heading): the text on the button that opens the password popup. Password popup The dialog that opens when a visitor clicks the password entry button. It holds the password field. A wrong entry reopens this same dialog with the error shown inside it. - Eyebrow: the small line of text above the heading. Defaults to "Store access". - Heading: the dialog title. You can italicize part of it for emphasis. Defaults to "Enter password". - Field label: the accessible label for the password field. Screen readers read it and it stays hidden on screen. - Placeholder: the hint text inside the empty password field. - Submit label: the text on the button that submits the password. - Error message: the line shown when a visitor enters the wrong password. Two more pieces of text land in this dialog and are not set here. The message you write under Online store then Preferences then Password protection appears between the heading and the field. The store owner login link sits below the field, and Shopify supplies its wording. Password footer The bar at the bottom of the page. - Show socials: show your social icons. They pull from your theme social settings, so an icon appears only for a platform you have filled in there. - Show "Log in" link: show the store owner login link in the footer. - Show "Powered by Shopify" line: show the "Powered by Shopify" credit. Main content The center of the page is built from movable blocks. The default layout is a Styled group in a row, holding two things: - A Group with an eyebrow, a large title, and a subtitle. - A second Styled group, the panel on the right: a "Time remaining" label, a Countdown, a "Be the first to know" heading, and an Email signup form. Select any of these blocks to edit its text. Reorder them, remove them, or add other blocks to shape your own coming soon layout. The frosted panel is settings, not fixed styling The panel's look is not hard-coded. It comes from three ordinary Styled group settings on that block, which you can change or clear: - Background is set to Glass, which is what gives it the frosted, translucent surface. - Corner radius is set to 18 pixels. - Its Padding is set to 28 pixels on three sides and 26 at the bottom, which is the space between the frosted edge and the countdown. Set Background back to None and the panel becomes plain text on the page background. Those three controls, and the section's own Color scheme (which sits under Appearance here), are documented in Common section settings. Tips - If you do not see the Password section, confirm the editor is on the Password template using the page selector. The section does not show on the home page or other pages. - The password page reaches visitors only while password protection is on in Online store then Preferences. Styling the page here does not enable protection. - For a Video background, supply an MP4 file. The theme drops adaptive streaming sources to keep the looping background sharp, so a video without an MP4 source will not play. - The countdown in the panel has its own end point. Open the Countdown block and set Date (format YYYY-MM-DD) and Time (24-hour, in your store's timezone). Expired message is what replaces it once it reaches zero.

FAQ page

FAQ page The FAQ page is a Shopify page that uses the theme's faq template. The template stacks several FAQ sections (one topic each) and finishes with a contact section, so customers read your answers and then reach you if they still need help. You manage it like any other page: create the page in Pages, assign the faq template, then arrange the content in the theme editor. Create the page and assign the template 1. In your Shopify admin, go to Online Store, then Pages. 2. Click Add page, or open an existing page you want to use. 3. Give the page a title (for example "FAQ" or "Help"). 4. In the Theme template box on the right, choose faq. 5. Click Save. The page now renders with the FAQ layout. To change the layout or copy, open it in the theme editor. Open the page in the theme editor 1. Go to Online Store, then Themes. 2. On your theme, click Customize. 3. In the top bar, open the page picker (it usually says "Home page"), choose Pages, then your FAQ page. 4. The editor loads the page with its sections in the left panel. What the template ships with The faq template opens with a banner, then stacks four FAQ sections grouped by topic (such as returns, orders, and storage), with a contact section among them and a closing section at the foot. Each FAQ section holds a heading area and a list of expandable Question rows. These are sections and blocks: rename the groups, reorder them, edit or remove the sample questions, and add more FAQ sections when you have more topics. The FAQ sections and the Question rows inside them are covered in full by the FAQ section article. The contact section has its own settings and is covered by Contact page and form. Edit a topic group Each topic is one FAQ section. To change a group: 1. In the left panel, select the FAQ section you want to edit. 2. Edit its heading area (the Header content slot at the top) to rename the group or change its intro line. 3. Add, reorder, or remove Question rows under that section. A single FAQ section holds up to 24 Question rows. If you outgrow that, add another FAQ section from Add section under the Storytelling group. Each row's Icon, Category, and Question are settings on the row, but the answer is a block nested inside it. The FAQ section article covers both, along with the section's own settings. Tips - Keep one FAQ section per topic. Grouped questions let customers scan to the right area instead of reading one long list. - Reorder the topic groups so the questions you get asked most sit near the top. - Keep a contact section on the page so a customer whose question is not answered has a way to reach you. To change its form fields or contact rows, see Contact page and form.

Blog and article pages

Blog and article pages The theme builds your blog from three sections, each tied to a template. The blog landing page uses Blog banner (the heading area at the top) and Blog (the grid of post cards below it). A single post uses Article. Each is the main section for its template, so you reach its settings by opening that template in the theme editor, not from Add section. For the concepts behind sections, blocks, and content slots, see Sections, blocks, and groups. Open the blog and article templates 1. In the theme editor, open the template switcher at the top of the screen. 2. Choose Blog to edit the blog landing page, or Article to edit a single post. Pick the blog or post you want to preview. 3. Click a section in the sidebar to open its settings. The blog landing page shows Blog banner at the top and Blog below it. The post page shows the Article section. Blog banner Blog banner is the heading area at the top of the blog landing page: breadcrumbs, a heading, and a description over a background image. The heading and description live in a Content content slot, so you edit them as blocks under the section, not as section settings. It is fixed to the blog page and cannot be added elsewhere. Settings - Section below scrolls over: on by default. The section under the banner slides up over it with rounded top corners as the page scrolls. Turn it off and the banner scrolls away normally. It only works when the banner is at the top of the page. - Shadow under the next section: draws a soft shadow along the edge of the incoming section, so it reads as a separate layer sliding over the banner. Available while Section below scrolls over is on. Content - Image: the background image for the banner. Leave it empty to show a placeholder fill. - Image focus: which part of the image stays in view when the banner crops it. 0 percent holds the left edge, 100 percent the right, 50 percent the center. - Overlay strength: how strongly the image is darkened behind the text. 0 percent leaves the photo untouched, 150 percent is the darkest setting. - Show breadcrumbs: shows the Home and blog links above the heading. On by default. Size - Desktop height: the banner height on desktop, as a share of the screen height. Runs from 40 to 100 percent, default 82. - Mobile height: the same on phones. Runs from 40 to 100 percent, default 66. This section also uses the standard Color controls. See Common section settings. It has no Visibility control, because the banner is pinned to the top of the blog page. Blog Blog is the grid of post cards on the blog landing page. Each card pulls its image, title, date, excerpt, and category (the post's first tag) from the post itself, so you fill the grid by publishing posts, not by adding blocks. The eyebrow, heading, and lede above the grid live in a Header content slot, which you edit as blocks under the section. Grid - Posts per page: how many posts show before pagination, from 6 to 24. - Show tag filter bar: shows a row of tag links above the grid so visitors can filter posts by tag. The bar lists the tags used across the blog and appears only when the posts have tags. - Editorial layout: gives the grid a mixed layout where some cards are larger than others. Turn it off to render every card the same size. - Pagination: how visitors move through more posts. Pages adds numbered page links. Infinite scroll loads the next posts as the visitor reaches the bottom. This section also uses the standard Color, Padding, Margin, and Visibility controls. See Common section settings. Article Article is the layout for a single blog post. It renders the post hero (eyebrow, title, lede, author, and date), the post body, and an end-of-article area. The hero, body, and comment form all come from the post's own content and your blog's comment settings, so this section exposes only the end-of-article controls. End-of-article - Show share buttons: shows Facebook, X, Pinterest, and copy-link buttons below the post body. - Show author bio: shows the author's name and bio after the post. It appears only when the author has a bio filled in on their staff account. This section also uses the standard Color control (its Color scheme). See Common section settings. Tips - The category shown on each card and at the top of an article is the post's first tag alphabetically. Shopify sorts article tags, so they cannot be reordered. To change which one shows, rename or prefix the tag you want to sort first. - The post comment form and comment list are controlled by your blog's comment settings in the Shopify admin (under the blog's settings), not by the Article section. Turn comments on there and the form appears. - To surface posts on a page that is not the blog, add Featured articles for a plain row of cards, or Articles with slider for a swipeable row beside a heading and a link. - The Blog banner heading and description are blocks, so you can restyle them, swap them, or add a button the same way you would in any other section. The same applies to the eyebrow, heading, and lede above the Blog grid.

404 page

404 page The 404 page is what a shopper sees after following a dead link: Shopify serves it automatically for any address that does not exist, using the 404 template. The theme ships it prebuilt with an eyebrow, a heading, a short message, two buttons (Return home, Browse collections), and a row of five quick links, all over an optional background image. You do not assign this template to anything; it just answers missing addresses. Edit it 1. In the theme editor, open the template selector at the top of the screen. 2. Choose Others, then 404 page. 3. Select the Page not found section. Content The section's text and buttons live in its Header content slot: open it in the block list and edit the blocks inside, the same way as any content slot (Sections, blocks, and groups). Reword the message, change where the buttons lead, or remove what you do not need. The quick links under the buttons are Explore link blocks. Each has a Label and a Link. Add, remove, or reorder them, and point them at the places a lost shopper is most likely to want: your catalog, search, new arrivals, the blog. Section settings - Color scheme: the colors for the page. The background comes from the scheme; the section has no image of its own. Tips - Keep the buttons pointing at recovery paths: home, your catalog, or search. A dead end with an exit converts a lost shopper into a browsing one.