Blog And Pages

About and Lookbook pages

About and Lookbook pages Reign ships two prebuilt page templates: an About page and a Lookbook page. Each one is a ready-made layout you assign to a page, so you start from a finished arrangement of sections instead of an empty page. 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 or Lookbook design. Every section in them is a standard Reign section: see Sections, blocks, and groups. Which prebuilt pages you have depends on the preset you installed. Every preset ships an about template (Freedom ships our-story and our-philosophy instead). The editorial showcase template is named per preset: lookbook in Reign and Freedom, the-kit in Apex, studio in Canvas, and the-valley in Harvest. They work the same way; only the template name and the sample sections differ. This article uses the Reign templates. About page masthead Assign a 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 or lookbook. 4. Save the page. 5. To edit the layout, open Customize on your theme, then use the top bar to navigate to that page. Its sections load in the theme editor. Both templates come with placeholder text and empty image pickers. Replace the copy and add your own images section by section. What the About page ships with The About page tells your store's story. From top to bottom: 1. Hero slideshow: a full-height opening with a heading, a short line of text, and a button. Add a background image to the slide. 2. Section (Brand ethos preset): a short manifesto next to a mark, a divider, then three numbered values in columns. Rewrite the body copy in each value. 3. Media card slider: a header above a row of overlay cards that link out, each with an eyebrow, heading, and button. 4. Section (Quote preset): a press or customer quote with a byline and a button. Add a logo image above it if you want one. 5. Section (Collage preset): three linked media cards in a collage. Add an image to each card. 6. Featured collections: a header above a collection grid. It starts empty, so pick which collections to show (see Tips). What the Lookbook page ships with The Lookbook page presents a styled season or edit. From top to bottom: 1. Hero slideshow: a full-height cover with an eyebrow, heading, text, and a button. Add a background image. 2. Lookbook intro (a Section): the opening editorial piece, an image beside a text column with a heading, body copy, a small detail image, and a button. 3. Editorial banner (a Section): a short statement centered over a full-height dark scheme. 4. Shoppable image: one image with product hotspots customers tap to shop, framed by a header and a button. 5. Pull quote (a Section): a short centered quote on the page's own scheme. 6. Editorial feature (a Section): a second image and text column, mirrored so the text sits on the other side. 7. Closing CTA (a Section): a bordered, rounded card inviting customers to take an action. 8. Featured products: a header above a product row. It starts empty, so pick which products to show (see Tips). 9. Brand promise (a Section): a four-column promise, each column with an illustration, label, title, and text. Every section here uses Reign's standard controls, so you reorder, hide, or remove them the same way you would on any other page. Tips - The Featured collections section on the About page and the Featured products section on the Lookbook page ship empty. Open each one and use its picker to choose what shows. Until you do, those sections render placeholders. - The Lookbook's Shoppable image hotspots point at demo products that are not in your store. Open each hotspot, select one of your own products, then drag it over the right spot on the image. - Add a background image to the Hero slideshow slide on each template. Without one the hero shows only its color scheme behind the text. - Switching the Theme template leaves your page title and body untouched. The template controls only the surrounding sections. - Each section carries its own settings. See Common section settings for the shared color, spacing, and visibility controls, and open a section's own help 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. Contact page with the form and details 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, a signature line, 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. Reign 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. Password page with the store logo, headline, and entry button Open the password page editor 1. In your Shopify admin, go to Online store then Themes. 2. On the Reign 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. - Color scheme: the set of background, text, and accent colors used for the page. Pick a scheme that reads well over your background. - Background: what fills the page behind the content. None 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 loads at high priority. - 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, Reign lays a dark gradient and a soft grain over it so the text stays readable. 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 Reign 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 in pixels. - 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. - Heading: the dialog title. You can italicize part of it for emphasis. - 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. Below the field, the popup also shows the store owner login link. If you filled in a message under Online store then Preferences then Password protection, it appears inside the popup too. 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 pairs a text column with a panel, arranged in a Styled group: - Text column: an eyebrow, a large title, and a subtitle. - Panel: a "Time remaining" label, a countdown timer, 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. This section also uses the standard Color controls (its Color scheme lives under Appearance here). See 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. Reign 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 date and time. Open the countdown block to set when it should reach zero.

FAQ page

FAQ page The FAQ page is a Shopify page that uses Reign'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. FAQ page with grouped questions 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 Reign 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 comes with four FAQ sections grouped by topic (such as returns, products, and orders), followed by a contact section at the foot of the page. 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 four FAQ sections and the Question rows inside them are covered in full by the FAQ section article. The contact section at the foot 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. For the Icon, Category, Question, and Answer settings on each row, and the section's own settings, see the FAQ section article. 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 the contact section at the foot so the page ends with a way to reach you when no answer fits. To change its form fields or contact rows, see Contact page and form.

Blog and article pages

Blog and article pages Reign 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. Blog page with the journal heading and posts 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. You can also add Blog banner to other pages from Add section under Storytelling. Settings - Entry choreography: how the sections below the banner appear as the page scrolls in. None turns the effect off. Rounded corners rounds the corners of the next section as it enters. Rounded corners, then drift adds a small drift after the corners settle. Content - Image: the background image for the banner. Leave it empty to show a placeholder fill. This section also uses the standard Color and Visibility controls. See Common section settings. 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. Set the tag order on the post in the Shopify admin to control which one shows. - 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. - 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.