Getting Started

Install Reign and choose a preset

Install Reign and choose a preset Reign is a Shopify theme you add to your store and customize in the theme editor. It comes in several preset styles, so you start from a finished look rather than a blank page. What a preset is A preset is a complete starting look: colors, fonts, and homepage layout arranged for one kind of store. Reign offers several: the Reign style plus a beauty preset, an outdoors preset, a home preset, and a food preset. You pick one as your foundation, then swap in your own products, images, and copy. Each preset has its own Shopify Theme Store listing with its own preview. Buying the theme from any one listing unlocks all of its presets, so you can start from any of them. Add the theme 1. Browse the Reign presets on the Shopify Theme Store and preview the look you want. From your admin you reach the store under Online Store > Themes > Add themes > Visit Theme Store. 2. On the listing for the preset you want, click Try theme. This adds that preset to your store under Online Store > Themes, in the theme library, as an unpublished copy. 3. To keep it, find it in the theme library and click Buy. Buying unlocks every Reign preset, so you can add another preset's listing later if you want a different starting point. Adding a theme does not change your store. Your products, collections, menus, pages, and blog posts live in your admin and stay as they are. The theme only controls how they are shown. Customize and publish 1. In Online Store > Themes, find the Reign copy in your library and click Customize to open the theme editor. 2. Work through each page and swap the placeholder content for your own. For how pages are built, see Sections, blocks, and groups. 3. Set the global look under Theme settings at the bottom of the editor sidebar: Colors for the color schemes, Typography for the fonts, Logo and Favicon for your brand marks. 4. When it is ready, return to Online Store > Themes and Publish the copy to make it live for shoppers. Working on an unpublished copy means you can build the whole store and preview it without changing what live shoppers see. Replace the demo content The preset's demo photos are licensed for the preview and are not included with the theme, so you start with placeholder images. Replace them with your own: - Open each section or block in the editor and use its image picker to add your photography. - Point the product and collection sections at your real products and collections from their pickers. - Rewrite the placeholder headings and text for your store. Use your own product and brand photography throughout. See Common section settings for how a section's color scheme, spacing, and layout apply once your content is in. Tips - Buying from one preset listing unlocks all of them. You are not locked to the preset whose listing you bought from. - A preset sets your color schemes for you. Change brand colors once under Colors in Theme settings and the change carries across every section that uses that scheme. - Customizations do not carry between themes. If you try another preset or a new version later, you set it up fresh, so finish one before you move on.

Theme editor basics

Theme editor basics The theme editor is where you build and arrange every page in Reign. You add sections, fill them with blocks, set their options in the sidebar, and watch the result in the preview beside it. This article covers the editor mechanics. For how sections, blocks, and groups fit together, see Sections, blocks, and groups. For the settings that repeat across sections, see Common section settings. Open the editor 1. In your Shopify admin, go to Online Store > Themes. 2. Find Reign in your theme list. 3. Click Customize. The editor opens with the sidebar on the left, the live preview in the middle, and the top bar across the top. Move around the editor The sidebar lists the sections on the current page, with each section's blocks nested under it. This is the block list. Click a section or a block to select it and open its settings on the right. The top bar switches what you are editing: - The page picker (the dropdown in the center of the top bar) changes which page you preview and edit. Switch between the home page, a product page, a collection page, and the rest. - The device toggle previews desktop or mobile. - Save stores your changes. The editor does not save on its own, so save before you leave. Add a section 1. In the sidebar, click Add section. 2. Pick a section from the list. Reign groups them under headings such as Banners, Storytelling, and Layout. 3. The section is added to the page and selected, so its settings open on the right. A new section lands at the bottom of the page. Drag it up the block list to move it. Reorder, hide, and remove a section - Reorder: in the block list, drag a section by its handle to a new position. The preview updates as you drop it. - Hide: click the eye icon next to a section to hide it from your live store without deleting it. Click it again to show it. A hidden section stays in the block list, dimmed. - Remove: select the section, then click Remove section. This deletes it from the page. Add a block to a section 1. In the block list, select the section you want to add to. 2. Click Add block under that section. 3. Pick a block from the list. It is added inside the section and selected. Blocks reorder, hide, and remove the same way sections do: drag to reorder, click the eye icon to hide, and use Remove block to delete. To move a block into a group, drag it onto the group in the block list. The header and footer The Header and Footer show at the top and bottom of every page, so you edit them once and the change applies everywhere. They appear in the block list on every page. Select Header or Footer to open its sections and blocks. Theme settings Theme settings are store-wide options that apply across every page, such as Colors, Typography, Animations, Logo, Buttons, and Product cards. Open them from the Theme settings icon at the bottom of the sidebar. A color scheme or font you change here updates every section that uses it. Tips - Save often. The editor holds your unsaved work in the session, but a change is not live until you click Save. - Use the page picker to confirm a change on the page it belongs to. A product setting looks right only on a product page. - Hiding a section is reversible and keeps its content and settings. Reach for hide over remove when you might want the section back.

Welcome to Reign

Welcome to Reign Reign is a premium Shopify theme. Its look is built on three ideas: parallax (background images that drift as you scroll), glass surfaces (rounded panels with a soft blur, used behind the header and over product images), and generous rounded corners. This article orients you: what you get, how a Reign store is put together, and where to find the rest of the help center. The Reign storefront home page What you get Reign ships with several presets (Reign, Apex, Canvas, Harvest, and Freedom). Each one is a complete starting look (colors, fonts, homepage layout, and sample content) for a different kind of store. You pick one as your foundation, then swap in your own products, images, and copy. See Install Reign and choose a preset. How a Reign store is built You build pages from sections, and most sections hold blocks that you add and arrange in the theme editor. Reign styles all of it with its parallax, glass, and rounded look. Store-wide options (colors, fonts, logo, cart, and more) live under Theme settings, and apply to every page at once. To open the editor, see Theme editor basics. For how sections, blocks, and groups fit together, read Sections, blocks, and groups. For the controls that repeat across most sections (color, spacing, layout, visibility), read Common section settings. For a tour of the editor and the Theme settings panels, read Theme editor basics. How this help center is organized The help center is grouped so you can find help for the task in front of you: - Getting started: orientation articles like this one, installing Reign, and updating to a new version. - Page building: how sections, blocks, and groups work, and the common settings they share. - Theme settings: one article per store-wide panel, covering every control in it. - Sections: how to add and configure each section you can drop onto a page. - Header and footer: the navigation, top bar, and footer that show on every page. - Product pages, Collections and search, Cart, Blog and pages: the storefront areas your shoppers move through. - Troubleshooting: fixes for common snags. Tips - Start from a preset rather than a blank theme. It sets your colors, fonts, and layout for you, and every part stays editable afterward. - Theme settings are store-wide. To change one page only, edit that page's section instead of the Theme settings panel.

Update Reign to a new version

Update Reign to a new version When a new version of Reign comes out, you do not edit your current theme in place. You install the new version as a separate theme, set it up to match your live store, then publish it once it looks right. Your live store stays untouched while you work. A theme update is not automatic. Your live theme stays on its current version until you choose to move. Plan an update for a quiet trading period so you have time to check everything before it goes live. Before you start - Note which version of Reign your store runs now, and which version you are moving to. - If you (or an agency) edited the theme code by hand, those edits do not carry over to a new version. List them first so you can reapply them after the update. - Keep your current live theme in place until the new one is published. It is your fallback. Update steps The flow below follows Shopify's standard theme update process. 1. Get the new version of Reign. How you receive it depends on how the update reaches you (see the note at the end). 2. In your Shopify admin, go to Online Store then Themes. 3. Add the new Reign version to your theme library so it sits alongside your live theme, without publishing it. 4. Open the new version in the theme editor and set it up to match your live store: sections, blocks, content, and theme settings. 5. Preview the new version end to end. Check the home page, a collection, a product page, cart, and checkout entry on both desktop and mobile. 6. When the new version looks right, publish it. Your old theme moves out of the live slot but stays in your library. Carrying your settings across Theme settings and page content do not move between two separate themes on their own. You have two ways to bring them across. - Copy settings by hand. Open both themes in two browser tabs and reapply your choices in the new version: colors, typography, sections, blocks, and their content. This is slower, but you see every setting and can drop anything you no longer want. - Copy the settings file. Shopify themes store editor settings in a settings file inside the theme code. You can copy that file from your old theme into the new one. This carries settings in bulk, but only do it when both themes are the same major version of Reign. Across a large version jump, settings can shift between versions and a bulk copy can break the new theme. When unsure, copy by hand. Either way, set this up on the unpublished copy and check it before you publish. After you publish - Walk through the live store once more: home, a collection, a product, search, cart. - Reapply any hand-edited code changes you listed earlier. A new version replaces theme code, so those edits are gone until you add them back. - Keep the previous theme in your library for a week or two. If something is wrong, you can republish it in one click while you sort out the new version. Tips - Never edit the live theme to update it. Always work on a separate, unpublished copy so customers never see a half-finished change. - App embeds and third-party code added through other apps are tied to your store, not the theme, so most carry over. Still check anything app-driven (reviews, upsells, custom blocks) after publishing. - If the update is large, write down your key settings (brand colors, fonts, header and footer layout) before you start. It makes rebuilding by hand faster and gives you a reference if a bulk copy goes wrong. If you started from a preset, see Install Reign and choose a preset for which panels hold those settings.