GearMart Theme

Aero Theme GearMart Documentation

Let's Get Started

Install GearMart

A professional guide for installing the GearMart theme on your Shopify store.

Try the GearMart Theme from the Shopify Theme Store for Free

If you would like to explore the GearMart theme before making a purchase, Shopify allows you to try it with your store. This provides the opportunity to see how the theme looks and functions with your products and branding. Follow these steps:

Step 1: Visit the Shopify Theme Store and select GearMart or any of the available GearMart presets.
Step 2: ClickTry theme to add the trial version of the theme to your online store.

Buy GearMart Theme from Shopify Theme Store

You can only publish themes to your online store after purchase. Once you purchase a theme from the Shopify Theme Store, it is licensed exclusively to the store where the purchase was made.

Step 1: In your Shopify admin, click Online Store > Themes..

Step 2: In the Theme library section, click Buy on the GearMart theme to begin the transaction.

Upload a Theme File from Your Computer

Important note: We strongly recommend purchasing and installing themes directly from the Shopify Theme Store for the best experience. This ensures you receive automatic updates, official support, and proper licensing.
If you have a theme in a ZIP file on your computer, you can upload it to the Themes page in your admin.
Before you upload, ensure that your theme files are compressed into a single ZIP file.

Step 1: From your Shopify admin, go to Online Store > Themes..
Step 2: In the Upload theme modal, click Add file to select the ZIP file you want to upload
Step 3:Select the Upload file. Your chosen theme will be added to the Themes page of your admin.

Update GearMart:

Update the Theme Automatically

1. Check Notifications on Shopify

In your Shopify admin, go to Online Store > Themes. If a new version of the GearMart theme is available, you’ll see a notification in your theme library.

2. Review Update Details

Steps:
  • Click the notification to view more details about the update.
  • Select View release notes to read what’s new in the release.

3. Add to Theme Library

Click Add to theme library to download and add the updated version of GearMart to your Shopify store.
The updated version will now appear in your theme library, ready to customize and publish.

Troubleshooting: No Update Notification?

If you don’t see an update notification, it could be due to code customizations conflicting with Shopify’s update system. In this case, you can manually reinstall the theme.

1. Reinstall the Theme

Download the latest version of the GearMart theme from the Shopify Theme Store and upload it to your store (instructions below).

2. Manually Transfer Customizations

Any custom code or third-party app snippets will need to be re-implemented in the new version.

Preparing for the Update: Create a Backup

Before updating your theme, always duplicate your current theme to create a backup. This ensures you can restore your store if something goes wrong.

Step 1:In your Shopify admin, go to Online Store > Themes..

Step 2: Under the Actions dropdown for your current theme, select Duplicate.
Step 2: Rename the duplicated file.

Upload the Latest Theme Version

Once you’ve downloaded the updated GearMart theme from the Shopify Theme Store, upload it to your Shopify store.

Step 1: From your Shopify dashboard, go to the Online Store.

Step 2: In the Theme library, select Add theme > Upload zip file.

Step 3: In the Upload theme modal, click Add file and select the file you want to upload.

Step 4: Click the Upload file.

Move the Theme Settings and Pages

After uploading the new theme, transfer your settings, custom templates, and modifications to the new version.

Step 1: Go to your current theme, click Actions > Edit code.
Step 2: Copy the following files from the old theme and paste them into the same folders in the new version:

  • All edited JSON files in the Templates folder.
  • The settings_data.json file is in the Config folder.

Step 3: Re-create custom templates (if any).

Re-install Apps

Any apps that add code to your theme’s files will need to be reinstalled. This can be an automatic or manual process, depending on the app, so confirm with the app’s developer whether removing and adding the app is enough to connect with the new version.
Find the app documentation in the App Store to follow the installation instructions.
If you’re unfamiliar with this process, you can go to Apps > click View details to find the support email for that Shopify app.

Theme License & Transfer:

Theme License & Transfer

When you purchase the GearMart theme from the Shopify Theme Store, the theme is licensed exclusively to the store where the purchase was made.

Unlicensed themes do not qualify for support or theme updates.

For more detailed information on licensing, refer to

Unlicensed Theme Use

If you’re notified that you have an unlicensed theme or have received a Digital Millennium Copyright Act (DMCA) notice, you must take one of the following actions:
  • Purchase: Buy the theme for the store where you plan to use it. For the best experience, purchasing GearMart is the ideal choice.
  • Remove: If you decide not to purchase the theme, you can simply delete it from your theme library.
  • Transfer: If you previously purchased the theme for an old store that is no longer in use, you may have the option to transfer it to your new store.

Can I Import a Theme from a Different Store?

You can import a theme into another store only if the theme was originally purchased from the Shopify Theme Store for that specific store.

How Do I Transfer a License?

Currently, Shopify does not provide a method to transfer a theme license between stores without permanently closing the original store.
For specific instructions and requirements regarding license transfers, please contact Shopify support.
Global Sections
Global sections keep design elements like headers, footers, or announcement bars consistent across all pages. Editing them once updates every page automatically, saving time and ensuring a uniform look throughout the store.

1.1 Header Group

After installing the theme, the setting structure must be shown on the left side as per Shopify’s demand, and the customization of each setting must be shown on the right side.

1.1.1 Top Bar

In a Shopify theme, a top bar is a slim horizontal area at the top of the page showing essential info like “Free Shipping on Orders Over $50” or contact details, often with small icons. Users can add as many top bars as they want, but the visually friendly choice is one top bar.

How to add a Top Bar to your Shopify store

Steps:
  1. On the left side of the theme editor, find the header section, then click on the top bar.
  2. Make necessary changes.
  3. Add a top bar
  4. Configure each bar.
  5. Save

How to configure each top bar

  1. Click on the top bar and configure it from the right side of the theme
  2. Then they need to select the navigation links of the items in the top bar.
  3. The users can choose to enable the country and language selector
  4. They can also choose to display the social icons
  5. Lastly, on the theme settings, they can customize the global color scheme.
  6. Then need to align the content from the content alignment.
  7. Save

1.2.1 Announcement Bar

An announcement bar is a great way to capture your visitors’ attention by sharing important updates, special offers, or countdowns.

How to add an Announcement bar section to your Shopify store

Steps:
  1. In the theme editor (Customise), navigate to the Header group and click Add section.
  2. Select the Announcement bar.
  3. Configure the announcement bar, slider, and theme settings on the right panel.
  4. Save

How to add an Announcement bar section to your Shopify store

  1. Then add the announcement bar block.
  2. Click on the announcement bar block, and an editor panel will appear on the right.
  3. Make necessary changes in the content and link.
  4. Save the settings.

1.1.2 Header

In a Shopify theme, the header is the top section of every page — it’s visible across the entire store and plays a major role in navigation, branding, and user interaction.

How to add a Header section to your Shopify store

Steps:
  1. In the theme editor, navigate to the Header group and click Add section.
  2. Select the Header.
  3. Make necessary changes to the layout, navigation, search, icons, and theme settings. .
  4. Save

How to add a menu badge

Steps:
  1. 1. Click on the individual menu badge and configure each badge from the right side of the theme.
  2. 2. The user needs to write the menu item title from the nav bar items and badge text.
  3. 3. Then need to select a background color and text color for the badge
  4. Save

1.1.3 Footer

A footer is the bottom section of a web page that appears on every page of a site. It usually contains helpful links and information that users might look for after scrolling to the end. Company info, Navigation links → Follow on shop, Social media icons, Newsletter signup, legal links, etc. In our theme, we can add menu column block and text block under footer section.

How to configure the footer

Steps:
  1. On the left side of the theme editor, find the footer section, there click on the footer.
  2. Make necessary changes to the general settings, legal links, newsletter card, and logo customization.
  3. Users can also enable social icons and show country/language selectors along with payment icons.
  4. They can customize dividers and layout, spacing on both desktop and mobile
  5. The newsletter card colors can be modified
  6. Lastly, they can change the global color scheme in theme settings.
  7. Save

How to add and configure the Menu Column Block

Steps:
  1. Click on add block under the footer section and add a menu column
  2. Configure the title and select the menu
  3. Save

How to add and configure a Text block

Steps:
  1. Click on Add block under the footer section and add a Text Block
  2. Edit the heading and text content
  3. Save
Theme Sections

2.1 Slideshow

In a Shopify theme, a Slideshow is a section that displays multiple images, banners, or promotional content in a rotating or sliding format, usually placed at the top of the homepage or landing page. Here user can add 3 slides accordingly to the proper configuration.

How to add a Slideshow to your Shopify store

Steps:

  1. On the left side of the theme editor, find the template section, there click on the Slideshow./li>
  2. Make necessary changes.
  3. Add slides one by one ( 3 slides)
  4. Configure each slide
  5. Save

How to configure each slide

  1. Clicking on the individual slides and configuring each slide from the right side of the theme
  2. The user needs to write the content in the title and give a brief description in these sections.
  3. Then need to select an image and choose a background color from the Media section.
  4. Then need to align the content from the content alignment.
  5. Moreover user needs to set the button text, link, link text, along link URL from the action section.
  6. Save

    2.2 Featured Collections Carousal

    A feature Collection carousel is a section or block that displays multiple collections (groups of products) together on a page, often used on the homepage or landing pages to help shoppers browse by category. For our theme, we are using a collection list slider.

    How to add Featured Collection Carousal to your Shopify store

    Steps:
    1. On the left side of the theme editor, find the template section, and click on the Featured Collection Carousel.
    2. Click on the right side of the theme editor, make necessary changes in section settings, starting from the heading to the auto-play speed.
    3. Then the user needs to select the padding section for both mobile and desktop.
    4. Save

    How to add Multiple category cards in the Featured Collection Carousel

    1. Click on the add category card, then make the necessary changes from the right side of the theme editor.
    2. Select the collection page and image from the custom image.
    3. Save the settings.

    2.3 Scrolling Text

    Scrolling text, also called a marquee or ticker text, is a theme feature that continuously scrolls words or phrases within a section, like “Free shipping worldwide and 24/7 Support.

    How to configure Scrolling Text

    Steps:
    1. On the left side of the theme editor, find the template section, there click on the scrolling text.
    2. Select and write the content on the scrolling text content.
    3. Then set the layout settings from container height to scroll speed. You can enable or disable the pause animation on hover.
    4. Need to set up the spacing, too, from the top to the bottom margin.
    5. If any gradient is needed in text, then you can enable or disable the test display button.
    6. Save

    2.4 Featured Collections

    Featured Collection tabs refer to interactive sections that let customers browse multiple product collections within the same page, usually on the homepage, collection page, or a featured products section.

    How to configure Featured Collection

    Steps:
    1. Write the heading from the section header on the right side of the theme editor.
    2. Then select and align the heading from the heading style.
    3. Then set the collection settings, starting from selecting the collection to show the navigation arrow, which you can enable or disable.
    4. You can even select the navigation arrows style.
    5. To view all the buttons and make them enable or disable them, you can select the product and discount badge
    6. Moreover, you can change the card style, image, title, Price, and shadow also.
    7. You can enable or disable the hover animation also.
    8. You can set the header spacing too, with the necessary settings for Desktop and mobile.
    9. The user can also set the section spacing from there.
    10. Save

    2.5 Masonry

    Masonry, the user can mirror the layout. They can change its width. The space between the banner should be adjustable, and a zoom effect can be enabled when the user hovers over the banner images. For mobile, the layout and banner height can be selected from variations. The user can adjust spacing. It’s a layout where cards of different heights stack in columns and flow upward to remove gaps.

    How to configure Masonry

    Steps:
    1. On the left side of the theme editor, find the template section, there click on Masonry.
    2. Write the heading with sub sub-subheading section.
    3. Then the user can set the layout with necessary customization.
    4. Moreover, users can customize the mobile layout, card styling, along button settings.
    5. Here user also sets the spacing
    6. Save

    How to configure the product cart in Masonry

    Steps:

    1. To add the product card in masonry, users need to click on the add product card.
    2. Then, from the right side user needs to configure with the necessary details.
    3. Save

    2.6 Highlight text with media

    Highlight text with media is a content section that pairs a block of copy, like a heading, with a supporting image. This is used for highlighting a product through video or image.
    Steps:
    1. Click on the highlighted text with media in the theme editor
    2. Then, do the following needful configuration
    3. Save

    How to configure Highlight text with media

    Steps:
    1. In here, by adding a block, users can add any section they want to add.
    2. Users need to configure the section from plain text to highlight.
    3. Users can add images and videos from the right side of the theme editor
    4. Save

    2.7 Featured Products

    The Featured Product section is a built-in theme block that highlights a single product prominently on the homepage.

    How to configure Featured Product

    Steps:
    1. On the left side of the theme editor, find the template section, there click on Featured Product.
    2. Then the user can set the layout with necessary customization.
    3. From the right side of the theme editor, select the product first
    4. Then the user needs to configure the section spacing and Typography
    5. The user can enable and disable the social sharing and product badge button
    6. The user can add badge text and color, too
    7. Save

    2.8 Scrolling Content

    Scrolling content is any section or block that automatically moves content within a fixed area—usually horizontally, such as a carousel/slider, ticker, or marquee, or vertically—so more items can be showcased in limited space without requiring the page itself to scroll.
    Steps:
    1. Click on the scrolling content in the theme editor section on the left side.
    2. Then, do the following needful configuration.
    3. Users can change section colors to section spacing from the scrolling content configuration section.
    4. Save

    How to Scrolling Content

    Steps:
    1. Here, users can add as many content cards as they want.
    2. Users need to configure every card individually.
    3. The user can configure each and every content card with a card image, content, a button, and card colors.
    4. Save

    2.9 Featured Collections

    Featured Collection tabs refer to interactive sections that let customers browse multiple product collections within the same page, usually on the homepage, collection page, or a featured products section.

    How to Feature Collection

    Steps:

    1. Click on the featured collection in the theme editor section on the left side.
    2. Then, do the following needful configuration.
    3. From the selection header to the section spacing, users can configure every specification.
    4. Save

    2.10 Image with Text

    It is a homepage section that has multiple slides. Each slide combines a background image with overlaid copy, like product details, and one or more call-to-action buttons.
    Steps:
    1. Click on the image with text in the theme editor section on the left side
    2. Then, do the following needful configuration.
    3. Starting from image layout settings, Dot indicator settings, to spacing settings, users can configure each section
    4. Save

    How to Configure an Image with Text

    Steps:
    1. Users can add as many Media Slides as they want
    2. Every media slide can be individually configured
    3. Users can choose the media type they want to use for their image or video.
    4. Users can add media links and give video descriptions, too.
    5. Save

    2.11 Testimonial

    The testimonials feature is the section that shows a product’s star rating, review count, and individual customer reviews.

    Steps:

    1. Click on the testimonial in the theme editor section on the left side
    2. Then, do the following needful configuration.
    3. Starting from general settings, card layout, card dimensions, typography, hover effects, auto slide to spacing, users can configure each section
    4. Save

    How to Configure Testimonial

    Steps:
    1. Users can add as many testimonial as they want./li>
    2. Every media slide can be individually configured.
    3. From the right side user can add card link.
    4. User can open this testimonial in new tab anytime can enable and disable it. Can add product image and customer avatar.
    5. User can add customer name can give star rating can give review title with description .
    6. Save

    2.12 Logo Slider

    It is a section that displays a slider. Of brand logos typically clients, partners, press mentions, or payment icons to build trust. Each logo is an image block with responsive sizing and spacing.
    Steps:
    1. Click on the logo slider in the theme editor section on the left side
    2. Then, do the following needful configuration.
    3. Starting from section header , logo settings, Animation settings, sadow to layout settings.
    4. Save

    How to Configure Logo Slider

    Steps:
    1. Users can add as many logo as they want.
    2. Every logo slide can be individually configured.
    3. User can add logo image , image alt text
    4. User can add logo title and logo link here.
    5. User can enable or disable the button of open link in new tab
    6. Save

    2.13 Product Spotlight

    A slideshow with a product section is a homepage carousel where each slide can showcase a product alongside hero content. Beyond just rotating images, each slide can pull live product data like title, price, badges, rating, and buttons and drive direct actions like View product or Quick add to cart.
    Steps:
    1. Click on the product spotlight in the theme editor section on the left side.
    2. Then, do the following needful configuration.
    3. Starting from Product Spotlight, Progress bar, Navigation,Product Card, Shop Button to spacing.
    4. Save

    How to Configure Product Spotlight

    Steps:
    1. Users can add as many product spotlight as they want.
    2. User can add product slide, Background media and can configure button settings too.
    3. Save

    2.14 Flash Sale Now On

    It is a section used to highlight time-sensitive offers such as discounts, sales, coupons, free shipping, and new drops across our storefront.
    Steps:
    1. Click on the flash sale now on in the theme editor section on the left side.
    2. Then, do the following needful configuration.
    3. Starting from background settings , animation settings, banner inner spacing to section spacing.
    4. Save

    How to Configure Flash Sale Now On

    Steps:
    1. User can add title block from the right side of the theme editor.
    2. User can add title,subtitle,text colors and icon settings.

    3. User can give timer type , can set one time timer settings, can also add timer styling.

    4. User can configure from button block to button styling

    5. Save

    2.15 Blog Post

    A blog post is an Article object that belongs to a Blog.
    Steps:
    1. Click on the blog post in the theme editor section on the left side.
    2. Then, do the following needful configuration.
    3. Starting from section settings, card design, card border, card hoover effect, arrow border to section spacing.
    4. Save

    How to Configure Article

    Steps:
    1. Users can add as much as Article as they want.
    2. Users can set the article from the right side.
    3. Save

    2.16 Multicolumn with Icon

    Multicolumn with icon is a section layout where content is shown in multiple side-by-side columns, and each column starts with an icon, followed by text. The feature item is the block that can be added to the multicolumn with icon section.Here, we have added 4 feature items.

    How to configure Multicolumn with Icon

    Steps:
    1. Click on the Multicolumn with icon in the theme editor section on the left side.
    2. Then, do the following modifications on the multicolumn with icon..
    3. Starting from layout, container, title, subtitle, and button settings, Feature item design, feature text styles and space settings
    4. Lastly they can change the global color scheme inside theme settings.
    5. Save

    How to configure Feature Item

    Steps:
    1. Users can add as many Feature item blocks as they want under the multicolumn with icon section
    2. Click on the feature item block under the multicolumn with icon section on the left side panel.
    3. The configuration settings are on the right side of the editor.
    4. Users can customize feature content and feature link & arrow.
    5. Save

    2.17 Quick Info

    The quick info is a section that displays information about the store. Contact item is a block under quick info template.
    Steps:
    1. Click on the Quick Info under templates in the theme editor section on the left side.
    2. Then, do the following modifications on the multicolumn with icon..
    3. Then, do the following needful configuration.
    4. Starting from general settings, divider settings, spacing, bottom line bar, spacing settings, and theme settings.
    5. Save

    How to Configure Contact Item

    Steps:
    1. Users can contact item blocks according to their wish.
    2. Users can change the contact item starting from label, text, link URL, link text , upload icon, and show divider on the right side panel.
    3. Save

    3. Product Page

    In a Shopify theme, a product page is a dedicated webpage that displays all the essential details about a specific product so customers can understand it and decide whether to buy it. In our theme product page includes breadcrumbs, product, and product recommendations.

    3.1 Breadcrumb

    In a Shopify theme, breadcrumbs are a small navigation trail that shows the user where they are inside the store’s structure and helps them go back to previous pages easily.

    How to add Breadcrumbs

    Steps:
    1. On the left side of the theme editor, find the template section, there click on breadcrumbs to add it.
    2. On the right side panel, configure the breadcrumb by modifying the appearance, responsive alignment, and spacing along with theme settings.
    3. Save

    3.2 Product

    The product section is added to the template to display the details of a specific product.

    How to add Product

    Steps:
    1. Go to the template section on the left side panel of the editor click on the product section.
    2. Configure the necessary changes on product details. Users can also add additional information along with brand information.
    3. Users can enable pickup availability and social sharing.
    4. Lastly, they can change the global color scheme in theme settings.
    5. Save

    3.3 Recommended Products

    Product recommendations are smart suggestions that show customers other products they might want to buy, based on Shopify’s data and the store’s design.

    How to add a product recommendation

    Steps:
    1. Go to the template section on the left side panel of the editor click on the product recommendations section.
    2. Configure the necessary changes on the right side panel.
    3. Users can add heading text and modify the no of products to show and the columns to be displayed on desktop.
    4. They can also modify the recommendation type to related or complementary.
    5. Users can change badge settings.
    6. Lastly, they can change the global color scheme in theme settings.
    7. Save

    4. Collection Page

    A Collection Page displays a group of related products under one category or tag, such as “Men’s Shoes,” “New Arrivals,” or “Best Sellers.”It helps customers browse products efficiently by organizing them by type, vendor, or custom-defined grouping.

    4.1 Collection

    How to add a collection to your Shopify store
    Steps:
    1. Go to the template section on the left side panel of the editor click on the Collection section.
    2. Configure the necessary changes on the right side panel.
    3. Save

    5. Collection List Page

    A collection list page displays multiple collections, such as Men, New Arrivals, and Accessories, as a grid of cards. Each card typically shows the collection image, title, and a link to the collection page.The collection grid is the template for the collection list page.

    5.1 Collection Grid

    It is where the collections are displayed in a grid or list.
    How to configure a Collection Grid on the editor
    Steps:
    1. Go to the template section on the left-hand panel of the editor, then click the collection grid.
    2. Configure the necessary changes on the right side panel.
    3. Users can determine the grid item width on Mobile between small and large
    4. The image ratio can be chosen from variations
    5. Users can choose the grid spacing and items per page to be displayed
    6. Lastly, they can change the global color scheme in theme settings.

    6. Gift Card Page

    A Gift Card Page in Shopify is the dedicated page where a customer can view, download, print, or redeem a gift card after purchasing it. Shopify automatically generates this page with the gift card’s unique code, QR code, balance, and expiry details.

    7. Cart Page

    A storefront page where customers review items they’ve added, adjust quantities and options, see pricing, taxes, and shipping estimates, and proceed to checkout.

    How to configure Cart

    Steps:
    1. Go to cart section under template on the left side panel of the editor.
    2. Click on the cart and a right side panel opens up for configuration.
    3. Configure the necessary changes on the right side panel.
    4. Users can modify cart settings starting from enabling/disabling vendor,cart note,cart attribute display.
    5. They can also chage the cart attribute name,label and placeholder.
    6. Lastly user can change the top and bottom padding.
    7. Save

    8. Blog Page

    A blog page is a section of a website that displays a collection of published articles called blog posts.

    8.1 Blog

    How to add a Blog to your Shopify store

    Steps:
    1. Go to the template section on the left-hand panel of the editor, then click the blog section.
    2. Configure the necessary changes on the right side panel.
    3. Users can show the blog title and change layout settings as to how many articles will be shown per page, to cards to be shown per row.
    4. Button text can be modified.
    5. Users can change the card design, border, and shadow, and enable the card hover effect and arrow border as well.
    6. The pagination design, border, and shadow can be configured by users.
    7. Users can modify the section spacing, padding, and margin for both desktop and mobile.
    8. Lastly, they can change the global color scheme in theme settings.
    9. Save

    8.2 Product Spotlight

    Refer to the Product Spotlight section.

    8.3 Featured Collection

    Refer to the Featured Collection section.

    9. Article Page

    An Article Page is used to display a single blog post inside a Shopify store. It shows the full content of an article, including the title, featured image, and publication date. The article is the template of the article page.

    9.1 Article

    How to add an Article to your Shopify store

    Steps:
    1. Go to the template section on the left side panel of the editor click on the article section
    2. Configure the necessary changes on the Shopify admin by navigating to Content>Blog Posts.
    3. Add a comment list and a comment form.

    How to add a comment list block

    Steps:
    1. Go to the template section on the left side panel of the editor, click on the comment list block under the article section.
    2. Configure the comment box border radius.
    3. Save

    How to add a comment form block

    Steps:
    1. Go to the template section on the left side panel of the editor, and click on the comment form block under the article section.
    2. Edit the comment form title and its alignment, along with the description. Change the dorm fields from input field border radius to text area border radius. Then edit the submit button text and alignment.
    3. Save

    10. Search Page

    A Search Page in a Shopify theme is the page where customers see all results after they type something into the store’s search bar. It automatically displays products, depending on the theme. Search os the template of the search page.

    10.1 Search

    How to configure Search

    Steps:
    1. First, navigate to the template section on the left side panel of the editor, and click on the search section.
    2. Edit the search header from the page title to the search
    3. In the results display section, fix the no of results per page and enable/disable to show Product Prices, Sale Prices, Article Excerpts, Article Dates.s
    4. In the empty state, put the no results title and message.
    5. In case of badge settings, users can modify the sold put badge text, text color, and background. They can also change the text color and background color of the product tag badge and discount badge after enabling those.
    6. They can change the global color scheme in theme settings.
    7. Save

    11. Password Page

    A Password Page in Shopify is a temporary landing page that blocks public access to your store before it is launched. Visitors must enter a password to view the storefront. The template listed under this page is Password.

    11.1 Password

    How to add a Password section to your Shopify theme

    Steps:
    1. Navigate to templates from the left panel and click on the Password Section.
    2. In the Configuration, the user can edit the heading and subheading text. The button label can be customized as well.
    3. Users can either enable or disable the social media icon display
    4. They can change the global color scheme in theme settings.
    5. Save

    12. 404 Page

    A 404 page is a special error page shown when a visitor tries to open a URL on your Shopify store that does not exist.404 page is the template of 404 page

    12.1 404 Page

    How to add a 404 Page

    Steps:
    1. Navigate to templates from the left panel and click on the 404 page section.
    2. Configure the changes in content settings by editing the error title and button text.
    3. Adjust color settings but changing the color of the background, text, and link.
    4. Customize the gradient settings (from gradient start to end ) and button settings by changing the button background and text color. .
    5. Lastly, users can change the global color scheme in theme settings.
    6. Save

    13. About Us Page

    The About Us page in a Shopify store is a customizable content page where a brand tells its story. It helps build trust by sharing the brand’s mission, values, history, team, or unique selling points. The templates for this page are hero banner, masonry, scrolling content, and Testimonials.

    13.1 Hero Banner

    A hero banner is the large, visually prominent section at the top of a webpage, usually the first thing visitors see. It typically includes a big background image or video, a headline, a short description, and a call-to-action button.

    How to add Hero Banner

    Steps:

    1. Go to the template section and click on add section to find the hero banner, then add it
    2. Configure the hero banner by putting a background image, heading, subheading, and changing text alignment
    3. Next, change the layout from content width to desktop height, enable/disable overlay, and change its color and opacity
    4. Enable;e/disable button and its text and its color, background color, and link, along with button border radius and color
    5. Users can adjust the icon circle background, color Lastly, users can change the global color scheme in theme settings.
    6. The transition duration can be set
    7. Save

    13.2 Masonry

    Refer to the Masonry section.

    13.4 Testimonials

    Refer to the Testimonials section.

    14. Terms and Conditions Page

    A Terms & Conditions Page in Shopify is a legal policy page where the store explains the rules, guidelines, and conditions customers must agree to when using the website or making purchases. This page has a terms & policies section.

    14.1 Terms & Policies

    How to add the terms & policies section

    Steps:
    1. Go to templates from the left panel and click on the add section, then choose the terms & policies section.
    2. Configure the changes in the color scheme.
    3. Enable or disable breadcrumbs display
    4. Edit the text in the heading and description
    5. Modify the section top and bottom padding
    6. Save

    15. Contact Page

    A Contact Page in a Shopify store is a dedicated page where customers can get in touch with the business. It usually includes a contact form with an information block

    15.1 Breadcrumb

    Refer to the Breadcrumb section.

    15.2 Contact Form

    How to configure the contact form section

    Steps:
    1. Navigate to templates from the left panel and click on the contact section
    2. To configure it, go to the right panel of the editor
    3. Customize the text of the submit button
    4. Enable/disable the country and order number field
    5. Adjust the text inside name, email,phone, order number, message placeholder \
    6. Modify the section top and bottom padding
    7. Lastly, change the global color scheme under theme settings
    8. Save

    If you need more information or further assistance, please use our contact form on the Support Page — Visit Support Page.