Usage
Styles
Section titled “Styles”Switch styles in Website → Themes. Each style has its own logo colours: upload your logo per style in Website → Themes → Logos.
| Style | Look |
|---|---|
| Hi-Vis | Concrete ground, charcoal header and hero, safety-yellow buttons and highlight bar, hairline plates, 2 px corners, ink section rules, hazard stripes on the hero, trade band and footer. |
| Workshop | Dark-first graphite ground and plates, yellow top bar and quick order header, hazard-stripe section rules, green stock lights, the heaviest headlines. |
| Signal | White ground, fire-red buttons and top bar, black department bar and trade band, square corners, 2 px ink rules and outlined plates, light grey hero with a red highlight. |
| Steel | Cool steel ground, navy header and hero, electric-orange buttons and trade band, white department bar, borderless plates with a soft shadow and 6 px corners, lighter headlines. |
Quick order pad
Section titled “Quick order pad”The Quick order block on the homepage (Block Manager: Products block with the template Quick order pad (Forge theme)):
- Type a SKU (product code): an exact match fills the line at once; otherwise up to six suggestions by code or name appear (arrow down and Enter to pick). Enter in the quantity field jumps to the next line; a new empty line appears when the last one is filled.
- Each line shows the product, its stock light and the line total at the price of the quantity tier (5+, 10+ …).
- Add N lines to cart adds every line in one request; the standard “added to cart” notification lists them. Products with required options cannot be added from the pad (the line says “Choose options on the product page”).
- Popular SKUs: the block’s products as one-tap chips. Pick them in the block settings (filling Manually, or bestsellers, newest …). The note under the title is a block setting.
- Signed-in customers also see Upload CSV (one SKU and quantity per line, comma, semicolon or tab separated; a header row is skipped) and Reorder #N (the lines of their last order). These are loaded after the page, so the cached page is the same for everybody.
- The Quick order button in the header and on the phone bottom bar jumps to the pad.
List rows
Section titled “List rows”List rows is the default product list view while Forge is active (categories, search, vendor pages). Shoppers can still switch to the grid with the view icons; a category with its own views (Categories → category → Views) keeps them. In the Block Manager the template Product list rows (Forge theme) shows any products block as rows; tick Grid view (row cards) for cards (the homepage “Clearance” section) and untick Show the tax switch and the list/grid switch to hide the switches. The “See all” link and the note under the title are block settings too.
The tier cells light up for the quantity in the stepper. Out-of-stock products show the stock light in red and the standard out-of-stock behaviour of your store.
Product page
Section titled “Product page”- Brand line, title, codes strip and key points come from the product (see Configuration).
- The buy box shows the price excl./incl. tax, the quantity-discount table (the row of the chosen quantity lights up), quantity and Add to cart in one row, the stock line and the Forge dispatch note block (edit the three short texts in the Block Manager on the product page layout).
- The Need 50 or more? bar links to the quote request of the B2B Quote Request add-on or to your contact form.
- Goes well with: similar products as list rows.
Homepage
Section titled “Homepage”The homepage comes from the theme’s layout (Website → Themes → Layouts); every section is on by default:
- Forge top bar: three short promises and the trade desk phone (edit the texts).
- Header: logo, search with departments, Quick order and Trade account links, cart.
- Department bar (main menu with “More”): the first item is styled as the “All departments” button; an item that links to a category with “clearance” in its address gets the sale tag.
- Forge trade counter (hero: kicker, headline with highlight bar, lead, two buttons, tool art, three stat cells; edit texts and links in the block content, keep the classes) and the Quick order pad.
- Departments: Categories block with Department plates (Forge theme): the first eight top-level categories, numbered, with product count, three subcategories (or the first sentence of the description) and the category image.
- Trade deals this week: list rows with the tax and list/grid switches.
- Forge trade band: trade account offer with four benefits and an Apply button.
- Clearance: products on sale as row cards.
- From the trade counter (blog) and What trade customers say (reviews).
- Forge services and brands: four service plates and a brand wordmark grid (edit the texts).
- Newsletter and footer.
Sections are numbered automatically (01, 02, 03 …) in page order. Brands (logos) and, on Multi-Vendor, Featured Vendors are in the layout but disabled; enable them on the Layouts page if you need them.
Phones
Section titled “Phones”The header shows logo, cart and the search; the department bar opens from Menu. Rows become compact cards (image and name, stock, the price-break strip, then price, quantity and Add). The quick order pad hides the product column. Product pages use the swipe gallery and a sticky buy bar; filters open in a bottom sheet; the bottom bar has Home, Menu, Quick order, Account and Cart.