Theme settings
Chapter 2 of the Torque user guide.
Open Theme settings (the paint-brush icon in the editor's left bar). Torque has eleven groups, plus Shopify's own Theme style and Theme information entries at the bottom.
Colors
Color palette sets all twelve colours at once. The default is Workshop.
| Palette | Look | Accent | Best for |
|---|---|---|---|
| Workshop | Cool workshop grey, white product wells | Signal orange #b53c0b | Parts catalogues; the theme default |
| Trailhead | Sand and canvas | Olive drab #4d5b20, teal-green "fits" | Overland and camping |
| Ranger (dark) | Olive-black | Coyote tan #c9a45c with dark button text | Tactical and field gear |
| Basalt (dark) | Graphite | Hi-vis orange #ff7a1f | Performance, lighting, a dark look |
Every palette has been measured for contrast: body text and prices meet WCAG AA (4.5:1) and control borders and focus rings meet 3:1 on every background.
Below the palette you can override single colours. A colour you set overrides the palette until you clear it; leave a field empty to use the palette's colour.
| Setting | Used for |
|---|---|
| Page background | The page |
| Body text | Paragraphs and most text |
| Headings | Headings, prices, product titles, selected options, and the dark band (footer, utility row) on light palettes |
| Secondary text | Vendor, ledes, labels |
| Tertiary text | Part numbers on cards, compare-at prices, placeholders |
| Cards and wells | Product image wells, cards, drawers, menus and inputs |
| Alternate background | Alternate section bands, chips and table rows |
| Control borders | Borders of inputs, selects, checkboxes and quantity steppers. Keep it at 3:1 against the backgrounds |
| Accent | Primary buttons, focus rings, kickers, the cart count and the announcement bar |
| Text on accent | Text and icons on accent fills |
| Sale and alerts | Sale badges, low stock and errors |
| Fit and in stock | "Fits your vehicle", in-stock lines and fit checks |
Tip. If you change Accent, check that Text on accent is still readable on it; a free online contrast checker will tell you. Aim for 4.5:1.
Many sections also have a Background setting (Page, Alternate and, on some, Dark band) that picks from these colours. There are no separate colour schemes to manage.
Typography
Torque uses two families from Shopify's font library: a condensed face for headings, buttons and prices, and a body face for everything else, part numbers included.
| Setting | Default | Notes |
|---|---|---|
| Heading font | Barlow Condensed, weight 800 | Headings use the weight you pick; buttons, prices and small headings use 700 |
| Body font | Barlow, regular | Loads the regular weight, 600 for emphasis, and italic |
| Base text size | 16px (14 to 18px) | Scales all text in proportion |
The presets use Barlow Condensed / Barlow (Torque), Archivo Narrow / Archivo (Basecamp) and Saira Condensed / Saira (Patrol). A condensed or narrow heading face suits the layout best, because product titles and prices are sized for it. Text is written in sentence case throughout; the theme never forces capitals.
Layout
| Setting | Default | Options |
|---|---|---|
| Page width | Medium (1360px) | Narrow (1200px), Medium (1360px), Wide (1600px) |
| Page margin | 40px | 24 to 64px in steps of 4. Desktop only; tablets use 24px and phones 16px |
| Corner style | Cut | Cut chamfers the top corner of images and tiles and angles the bottom edge of full-width photos. Square removes both. Rounded rounds cards and images instead |
Navigation
- Show back-to-top button (on): appears after shoppers scroll down one screen.
- Position: Left (default) or Right. Mirrored for right-to-left languages. Pick the side opposite your chat button. (The presets use Right.)
Brand
- Use a custom logo (off): uses the shop name as text when off.
- Logo and Logo width (180px, 80 to 320px in steps of 10). The width setting appears once the custom logo is on.
- Tagline: a short line beside the logo, such as a department or location.
- Favicon: 32 x 32px recommended.
Motion and effects
- Reveal sections on scroll (on): section headings and grids fade up as they scroll into view. All motion respects the reduced-motion setting in the visitor's operating system; those visitors never see it.
Commerce
- Free shipping over (0): your store's real free-shipping threshold, in your store's currency. Leave it at 0 unless you offer free shipping. The header, product page and cart messages stay hidden until you set it, and show only to customers shopping in that currency. The theme only displays the message; set the actual free-shipping rate in Settings › Shipping and delivery.
- Show currency code (off): prints the currency code beside every price (for example
$129.00 AUD). Useful if you sell in several currencies that share a symbol.
Product cards
These apply to product cards everywhere: collections, search, featured collections and recommendations.
| Setting | Default | Notes |
|---|---|---|
| Image shape | Square | Square or Portrait |
| Image fit | Contain | Contain shows the whole product on a plain background. Cover fills the image area and may crop |
| Image background | Cards and wells color | Or White, or Alternate background |
| Show vendor | On | |
| Show part number | On | Shows the variant's SKU as the part number |
| Show quick view button | Off | Opens the product's media, options and buy buttons in a panel without leaving the page |
| Show quick add button | Off | Products without options go straight to the cart. Products with options, a required subscription plan or a gift card recipient open quick view |
| Show swatches | Off | Shows the values of the first option that has swatches, such as Color |
| Swatches before "+" count | 5 | 2 to 8; appears when swatches are on |
| Show second image on hover | Off | On devices with a mouse, shows the product's second image while the card is hovered or focused |
| Show compare checkbox | Off | Shoppers tick up to 3 products and see them side by side. Stays hidden until a comparison page is chosen |
| Comparison page | A page that uses the page.compare template (see Compare in chapter 4) |
Product photos with a white or transparent background look best with Contain and the default background. Lifestyle photos look best with Cover.
Vehicle fitment
| Setting | Default | Notes |
|---|---|---|
| Enable vehicle fitment | On | Turns the vehicle finder, My garage, fitment check, fitment table and "Fits your vehicle" lines on or off everywhere |
| Selector order | Year, make, model | Or Make, model, year |
| Ask for the engine when a model has more than one | On | |
| Search parts in | Empty (all products) | The collection the finder searches. Shopify can't filter collections with more than 5,000 products |
| Include universal parts in vehicle results | On | |
| Show "Fits your vehicle" on product cards | On | |
| Fitment help page | Empty | Linked from "Ask us about fitment". Leave empty to use the contact page |
These need setup in your admin first. See chapter 6, Vehicle fitment.
Customer accounts
- Customer account menu (default
customer-account-main-menu): the links in the header account panel. Leave it empty to use the menu Shopify creates for customer accounts.
Social media
Links appear as icons in the footer: Instagram, YouTube, Facebook, X, TikTok, LinkedIn, Pinterest and Threads. Paste the full profile URL; empty fields are skipped.