Getting Started

After installing IRONCLAD, open your Theme Editor to start customizing:

1. In your Shopify admin, go to Online Store → Themes
2. Find IRONCLAD and click Customize
3. You'll see a live preview of your store with editing panels on the left

Customizing the Header

The header includes a utility bar (phone number, business hours, quick links) and the main navigation with your logo, search icon, and a dark/light mode toggle.

Changing Your Logo

1. In Theme Editor, click the Header section
2. Under "Logo image", click Select image and upload your logo
3. Adjust the Logo width slider (80–300px, default is 180px)

Header Settings

The Header section has these settings in the Theme Editor:

Setting Up Navigation

1. Go to Online Store → Navigation in your admin
2. Click on Main menu (or create a new menu)
3. Add your menu items — these become your header nav links
4. Back in Theme Editor → Header, select your menu under "Navigation menu"

Utility Bar (Top Bar)

The thin bar above the main header shows a phone number, business hours, and links to "Trade Accounts" and "Request a Quote" pages.

1. In Theme Editor, click the Header section
2. Edit the "Utility bar phone number" field (e.g., "1-800-555-4766")
3. Edit the "Utility bar business hours" field (e.g., "Mon–Fri 7AM–6PM EST")
4. Leave either field blank to hide it from the bar

Customizing the Footer

The footer has 4 columns: your brand info (with contact details), and 3 navigation menus. Plus a newsletter signup and trust badges.

Setting Up Footer Menus

1. Go to Online Store → Navigation
2. Create 3 menus for your footer (e.g., "Footer Products", "Footer Company", "Footer Support")
3. Add links to each menu (collections, pages, external URLs, etc.)
4. In Theme Editor → Footer, assign each menu under Menu 1, Menu 2, and Menu 3
5. Set a heading for each column using Menu 1 heading, Menu 2 heading, Menu 3 heading

Footer Settings

All footer settings are editable in Theme Editor → Footer section:

Trust Badges

1. In Theme Editor → Footer, click "Add block"
2. Select "Trust Badge"
3. Type your badge label (e.g., "Free Shipping Over $99", "30-Day Returns")
4. Add as many badges as you like — they display in a row above the copyright

Payment Icons & Policies

Payment icons show automatically based on your payment providers. Toggle them with the "Show payment icons" setting. Store policies (Privacy, Terms, Refund) pull from Settings → Policies in your admin.

Setting Up Your Homepage

The homepage is built from sections that you can add, remove, and reorder in the Theme Editor.

Available Homepage Sections

Adding & Reordering Sections

1. In Theme Editor, click "Add section" at the bottom of the left panel
2. Choose the section type you want from the list
3. Drag sections up/down to reorder them on the page
4. Click any section to edit its content and settings

Product Pages

Product pages automatically display your product's title, images, price, description, and variants. Here's how to enhance them:

Product Images

Upload multiple images per product in Products → [Your Product] → Media. The first image shows as the main large image, and all others appear as clickable thumbnails below it.

Adding Collapsible Tabs (Specifications, Shipping, etc.)

You can add expandable content sections below the Add to Cart button:

1. In Theme Editor, navigate to a product page (use the page selector dropdown at the top)
2. Click the "Product Information" section
3. Click "Add block" → "Collapsible tab"
4. Enter a heading (e.g., "Specifications") and content (rich text editor)
5. Add more blocks for Shipping Info, Warranty, etc.

Trust Badges on Product Page

1. In the Product Information section, click "Add block" → "Trust badge"
2. Enter your text (e.g., "Free Shipping Over $99" or "2-Year Warranty")
3. These appear below the image gallery with a shield icon

Show/Hide Product Details

In the Product Information section settings, you can toggle these on or off:

Creating Pages

IRONCLAD includes these page templates:

Creating a New Page

1. Go to Online Store → Pages in your admin
2. Click "Add page"
3. Enter your title and content
4. In the right sidebar under "Theme template", select the appropriate template from the dropdown
5. Click Save

Adding Pages to Navigation

After creating a page, add it to your menus:

1. Go to Online Store → Navigation
2. Click on the menu you want to edit (Main menu, Footer menu, etc.)
3. Click "Add menu item"
4. Search for your page by name
5. Click Save

Managing Navigation

Your store's navigation is managed in Online Store → Navigation. IRONCLAD uses these menus:

Adding Dropdown Menus

To create dropdown/nested menus in your header:

1. Go to Online Store → Navigation → Main menu
2. Add your top-level items
3. Drag items slightly to the right to nest them under a parent
4. Nested items appear as dropdowns on desktop and indented in the mobile drawer

Colors & Fonts

Customize your store's look in Theme Editor → Theme Settings (click the gear icon ⚙️ at the bottom of the left panel).

Colors

Under Theme Settings → Colors:

Fonts

Under Theme Settings → Typography:

Layout

Under Theme Settings → Layout:

Dark / Light Mode

IRONCLAD includes a dark/light mode toggle button in the header (sun/moon icon). Your customers can switch between modes, and their preference is saved in their browser.

The theme defaults to dark mode. Both modes are fully styled — no configuration needed.

The dark/light toggle is always visible in the header. There is no Theme Editor setting to hide it.

Changing Text & Language

Need to return to the IRONCLAD landing page? Back to IRONCLAD theme overview

All button labels, messages, and UI text can be changed without editing code:

1. Go to Online Store → Themes
2. Click the ⋯ menu on IRONCLAD → "Edit default theme content"
3. Search for any text you want to change (e.g., "Add to cart", "Sold out")
4. Edit the text and click Save

To add a second language:

1. Go to Settings → Languages
2. Click "Add language" and select your language
3. Translate theme content in the language editor

B2B Settings

Under Theme Settings → B2B Settings, configure features for commercial buyers:

Cart Settings

Under Theme Settings → Cart:

Frequently Asked Questions

Get Support