Shopify theme by SwiftSync

Furnish documentation.

The merchant guide for Furnish, a Shopify theme built for furniture and homeware stores. Everything in Furnish is configured from the Shopify theme editor. Nothing on this page requires editing code.

Theme version 1.0.0Support & contact

Install and set up

  1. In Shopify admin, go to Online Store → Themes and add Furnish.
  2. Click Customize to open the theme editor.
  3. Work through Theme settings first — logo, colours and type set the look of every section, so it is quicker than adjusting sections one at a time.
  4. Set your menus in Content → Menus before configuring the header and footer; both pick menus from that list.

A new install ships with a preset home page, so you can replace the placeholder text and images rather than build the page from nothing.

Theme settings

Open the theme editor and click the Settings (gear) icon.

Branding

SettingWhat it does
LogoShown in the header. Leave blank to show the shop name as a wordmark.
Logo widthHeader logo width in pixels.
FaviconThe small icon in a browser tab.
Brand informationImage, headline and description, reused by the footer's Brand information block.

Colours

Furnish ships five colour schemes. A scheme is a complete set — background, text, links, buttons, borders — and every section picks one from a Color scheme setting. Change a scheme once and every section using it follows.

The defaults are built around a cream ground with an olive accent and are checked for contrast: body text clears 4.5:1, and borders and accents clear 3:1 against their own background in every shipped scheme. If you recolour a scheme, keep that in mind — a pale accent on a pale ground is legible to you and not to everyone.

Status colours (sale, notice, success) are separate, because they have to stay recognisable regardless of the scheme in use.

Typography

Three roles rather than a list of individual font settings. The defaults are Cormorant for display, Crimson Text for body and IBM Plex Mono for accent:

  • Display — headings. Scale and capitalisation are settings.
  • Body — paragraphs and most interface text.
  • Accent — navigation, buttons, labels, eyebrows and metadata. Letter spacing and an uppercase toggle are settings; the wide-tracked uppercase default is the theme's signature and the fastest thing to change if you want a different voice.

Each role's scale is a percentage, so you can enlarge all headings without touching individual sections.

Layout

Page width (narrow, medium or wide), the minimum margin at the side of the screen, the space between sections, and the horizontal and vertical spacing inside product grids.

Buttons, inputs, cards, media, badges

Corner radius and border thickness for each. Furnish defaults to square corners and hairline borders; raise the radius settings for a softer look.

Card settings also cover product cards specifically: style (standard or card), text alignment, image ratio, whether a second image appears on hover, and whether the vendor is shown. Badge settings control where the sale and sold-out badges sit on a card.

Animations

  • Reveal sections on scroll — sections fade in as they enter the screen.
  • Hover effect — none, zoom or raise, applied to product and collection cards.

Both respect a visitor's reduce motion system setting; if that is on, the animation does not run.

Cart

  • Cart type — drawer (slides in from the side) or page.
  • Enable cart note — lets a customer add a note with their order.
  • Show currency codes — displays £10.00 GBP rather than £10.00.

Search

Turn search suggestions on or off, show prices in suggestions, and set how many suggestions appear.

Social media

One field per network. Empty fields are skipped, so only the icons you fill in appear.

Home page sections

Hero tiles

The full-height entrance: a headline area plus up to a row of image tiles, each linking somewhere. Set Fill the viewport for the full-screen treatment, or a minimum height for something shorter.

Slideshow

Slides with an image, heading, text and button, each with its own position, alignment and colour scheme so text stays legible over any photograph. An overlay setting darkens the image behind the text.

Automatic rotation is optional and, like the announcement bar, stops on hover, on focus, on request, and under reduce motion. Customers can swipe on a phone and use arrow keys on a keyboard whether or not rotation is on.

First slide carries the page heading should stay off on the home page — there the shop name in the header is already the page's main heading. Turn it on only where a slideshow sits at the top of a page that has no other heading.

Image with text, Rich text, Info columns

The three general-purpose layout sections.

  • Image with text — one image beside one block of text.
  • Rich text — a centred column of text, built from eyebrow, heading, text, button and divider blocks.
  • Info columns — a row of columns, each with an icon or an image, a heading, text and a link. The Image style setting switches between a small icon-sized image and a full-width one, which is how the section doubles as a multi-column layout.

Featured collection, Featured product, Product recommendations

  • Featured collection — a grid of products from one collection.
  • Featured product — a single product with its full buying experience, built from the same blocks as the product page.
  • Product recommendations — generated by Shopify from your store's data. Two modes: related products, and complementary products, which you curate in the Search & Discovery app.

Video

Either a Shopify-hosted video or a YouTube or Vimeo URL. An external video is not loaded until the visitor presses play — until then the section is just your cover image, which keeps the page fast for everyone who does not watch.

Gallery

An even grid or a masonry layout of images, each with a title and caption. With the lightbox enabled, clicking an image opens it full-screen, with arrow keys to move between images and Escape to close.

FAQ

Questions and answers as an accordion. An answer can be typed into the block or pulled from a page, which is useful for long policy copy you also publish as a page. Open one at a time closes the others when a question is opened.

Reviews

Quotes with an optional star rating, an author and a detail line — for testimonials you have permission to publish. It does not connect to a review app; if you use one, add that app's block instead.

Custom section and Custom Liquid

Custom section is an empty section you fill with theme blocks or app blocks. Custom Liquid takes raw Liquid or HTML, for snippets an app or agency gives you. Both are available on every page.

Products and collections

Product page

The product information column is built from blocks, so you control the order: vendor, title, price, SKU, variant picker, quantity, gift card recipient, buy buttons, pickup availability, description, text, accordion, share, divider, custom Liquid, and any app blocks you have installed.

  • Variant picker shows swatches where you have set up swatch values in Shopify's product options, and buttons otherwise. Selecting a combination that does not exist takes the customer to the nearest available variant rather than a dead end.
  • Price states whether tax is included and links your shipping policy, which Shopify requires wherever a price is shown.
  • Pickup availability reads your store locations and updates when the customer changes variant.
  • Gift card recipient lets a customer send a gift card product straight to someone, with a message and a delivery date.

Collection page

A banner with the collection title, image and description; optional filtering and sorting; and the product grid. Filters come from Shopify's Search & Discovery app — set them up there and they appear here.

Two optional sections sit on the collection template:

  • Collection sub-navigation — see furniture-specific sections.
  • Empty collection notice — shown only when a collection has no products at all, so a collection you are still building explains itself rather than looking broken. It does not appear when a filter simply matches nothing.

Product and collection cards

Card appearance is a theme setting rather than a per-section one, so grids match across the store. See Cards under theme settings.

Cart and checkout

With Cart type set to drawer, adding to cart opens a drawer; set to page, it goes to the cart page. Both show line item options, unit prices where they apply, tax wording that matches your tax settings, and accelerated checkout buttons if you have them enabled in Shopify.

If a customer has JavaScript disabled, adding to cart still works — it submits the form and loads the cart page.

Forms and where their emails go

Furnish has three form sections. All three use Shopify's contact form, so submissions arrive at the email address in Shopify admin under Settings → Notifications, and no app or third-party service is involved.

SectionUse it for
Contact formGeneral enquiries. An optional phone field, an optional extra field you name yourself, and a subject line prefix.
Sample requestFabric, finish or material samples. Each sample is a block with an image or colour, a name and a detail line. Set a maximum number per request.
Delivery checkerPostcode-based delivery information — see below.

Because the Contact form has a subject line and a spare labelled field, the same section covers appointment requests, trade enquiries and quote requests — add it to a page, name the extra field, and set a subject so those enquiries are easy to filter in your inbox.

Furniture-specific sections

Process steps

A numbered sequence — measure, choose, make, deliver — in two layouts from the same content: alternating image rows if you have workshop photography, or numbered columns if you do not.

Locations

Showroom cards with address, opening hours, a phone number that dials on a phone, and a link for directions.

Collection sub-navigation

Shopify's collections are a flat list. This section adds one level of hierarchy without any metafield setup: each block pairs a parent collection with one of its sub-collections.

One instance of the section carries the whole taxonomy. On a parent collection it shows the children; on a child it shows its siblings and a way back up; on any other collection it shows nothing. It is already on the collection template — add the pairs and it starts appearing.

Delivery checker

Tells a visitor whether you deliver to them. You enter delivery zones as blocks, each with a name, a list of postal code prefixes and an optional note. Matching happens in the visitor's browser: there is no lookup service, no API key and nothing to renew.

It is informational. It never blocks checkout, and a visitor outside every zone is shown your link — point it at your contact page so they can ask.

If a visitor has JavaScript disabled, the input is not shown and the zones are listed instead, so the information is never lost.

Customer accounts

Furnish includes templates for login, register, account, order detail, addresses, password reset and account activation. They appear automatically when customer accounts are enabled in Shopify admin under Settings → Customer accounts.

The header account control uses Shopify's own account component, which signs a customer in without leaving the storefront where your account settings allow it.

Accessibility

Furnish is built to Shopify's accessibility requirements:

  • Every control has a visible focus outline. Do not remove it.
  • Controls are at least 44 by 44 pixels, or padded out to that hit area where the design keeps them visually small.
  • Colour is never the only signal: unavailable variants are struck through, the current page is marked as well as coloured, and status messages are announced to screen readers.
  • Animation and automatic rotation stop for visitors who have asked their system to reduce motion.

What you add can still undo this. The two things worth checking: keep contrast in mind when you recolour a scheme, and always fill in image alt text — the theme uses it, but only you can write it.

Languages

Furnish ships storefront translations for English, French, German, Spanish, Italian, Portuguese (Portugal), Dutch, Japanese and Simplified Chinese. Publish the languages you want under Settings → Languages in Shopify admin, and the language selector appears in the footer and the mobile menu on its own.

The theme also supports right-to-left languages: it sets the text direction from the shopper's language, and the layout mirrors rather than staying pinned to the left.

Theme editor labels are English only. That is separate from the storefront and does not affect what shoppers see.

Updating the theme

Furnish is versioned, and theme settings are not carried across an update automatically. Update like this:

  1. Duplicate the live theme.
  2. Apply the update to the copy.
  3. Check the copy — home page, a collection, a product, cart and checkout.
  4. Publish the copy.

The version you are on is shown in Shopify admin under Online Store → Themes, and as theme_version in theme settings. This documentation describes version 1.0.0.

Troubleshooting

The country or language selector is missing.

It only renders when there is more than one market or published language. Add them in Shopify admin under Settings → Markets and Settings → Languages.

Filters are not showing on my collection page.

Filters come from Shopify's Search & Discovery app. Install it and configure filters there; the theme renders whatever it publishes.

Complementary products are empty.

They are curated in Search & Discovery, per product. Until a product has them set, that section renders nothing.

A section disappeared on the collection page.

The sub-navigation and empty collection notice sections are conditional by design — the first renders only on collections you have paired, the second only on a collection with no products.

My colour scheme looks flat.

Muted text is derived from the scheme's text colour, so a scheme whose text and background are close together has nothing to mute. Widen the gap between them.

Changing a font changed more than I expected.

The three font settings use Shopify's font library and apply by role. Changing one changes every heading, paragraph or label of that role across the store.

Getting help

If the answer is not here, we are happy to help. Support is by email at info@swiftsync.uk, and we reply within two business days, Monday to Friday, UK time.

Furnish support

What we support, what we do not, response times, and what to include when you report a defect.

Go to support
Chat with me on WhatsApp