Theme settings apply to the whole store. In the theme editor, click the paintbrush icon to open them. The categories, in the order the editor shows them:
Theme style, Favicon, Colors, Typography, Layout, Buttons, Product cards, Fabrics and samples, Lead times, Cart, Search, Social media.
Defaults below are those of the Weft style. Veranda and Filament change colors, fonts, corner radius, buttons, spacing, image treatment, card image shape and fabric option names. See Getting started.
The small icon in browser tabs and bookmarks. Upload a square PNG, at least 32 × 32 px. Weft also uses it as the 180 px icon for phone home screens, so a larger source (180 × 180 px or more) looks sharper.
Each section and block area can use a color scheme. A scheme has seven colors:
Color
Used for
Background
The page or section background.
Secondary background
Panels, cards and image placeholders.
Text
Body text and headings.
Muted text
Captions, notes, secondary details.
Rules and borders
Hairlines, input borders, dividers.
Primary button and selected states
Primary buttons, the selected swatch and option, active filters.
Primary button text
Text on primary buttons. Keep a contrast ratio of at least 4.5:1 against the button color.
The Weft style comes with three schemes: scheme 1 is paper, scheme 2 is dark ink (used by the footer and the announcement bar), scheme 3 is a secondary paper. You can add more.
Narrow (1200 px), Standard (1440 px) or Wide (1680 px). The maximum content width.
Standard
Side margin on desktop
16 to 80 px.
40 px
Side margin on mobile
12 to 32 px.
20 px
Spacing
Compact, Regular or Airy. Space inside sections and between elements.
Regular
Space between sections
24 to 160 px.
80 px
Corner radius > Images
0 to 24 px.
0 px
Inputs
0 to 20 px. Text fields and select menus.
0 px
Swatches
0 to 32 px. Fabric and color swatches.
0 px
Images > Image treatment
How photos sit on product cards, collection cards and image sections. Natural, with a slow zoom on hover: photos fill their frames. Soft shadow that deepens on hover: a soft shadow under product and collection images, no zoom. Studio tiles with a hairline frame: product cards become framed tiles with a medium-weight title and tabular prices, no zoom.
These settings apply to every product card: collections, search, featured collection, recommendations, recently viewed and Complete the set.
Setting
What it does
Default
Image shape
Landscape (4:3), Square, Portrait (4:5), or Match the first image.
Landscape (4:3)
Image fit
Fill the frame (crops) or Show the whole image (no crop, background shows around it).
Fill the frame
Show the second image on hover
Fades in the product's second image on devices with a mouse.
On
Show fabric and color swatches
Reads the product's fabrics (custom.fabrics) or Shopify's native swatches. Values without a swatch color or image are left out. When none of a product's values has one, as after a CSV import, the card shows a count such as "5 color options" instead.
On
Swatches to show
3 to 8. More swatches show as "+145".
5
Show lead time
The lead time of the variant the product page opens on, worked out as on the product page: from the variant, its fabric, the fabric's grade or the product. See lead times.
On
Use the default lead time when none is set
Shows Default lead time on cards when nothing else sets a lead time.
Off
Show vendor
Shows the product's vendor on the card.
Off
Show quick add
Products with one variant are added directly. Others link to the product page.
Fabric pickers, swatches and the fabric library read the fabric entries described in the setup guide. Without them, products use Shopify's standard options and swatches.
Setting
What it does
Default
Fabrics > Fabric option names
Comma-separated. Options with these names use the fabric picker. Capitals are ignored.
Product metafield (namespace.key) that lists the product's fabric entries, linked to the fabric option.
custom.fabrics
Fabric metaobject type
Used by the fabric library page, the fabric strip and fabric counts.
fabric
Swatch wording
The word shoppers see for your swatches: Fabric, Finish or Material. It changes texts such as "View all 24 finishes", "Choose a finish" and "Finish sample" in the cart. Pick Finish for lighting or metalwork, Material for mixed catalogs.
Fabric (Finish in the Filament style)
Grades to leave out of the counts
Grade names or handles, separated by commas, for entries that aren't fabrics, such as powder coats. When a product's list includes entries in these grades, the picker and the fabric panel count them as swatches ("View all 40 swatches") instead of calling a powder coat a fabric. The fabric library uses this list unless its own setting has one.
Empty
Samples > Sample product
One product whose Fabric option uses the same fabric names. Set it to Unlisted. Sample buttons stay hidden until you choose one. See samples.
None
Suggested samples per order
1 to 20. A shopping guide for customers. Sample buttons pause at this number, and the fabric library shows it. See samples.
5
Sample note in the cart
Shown under the samples in the cart, for example how and when samples ship.