Theme settings#

Last updated: November 2, 2026

Theme settings control the look of the whole store: colors, fonts, spacing, buttons, product cards and more. To open them:

1. In your Shopify admin, go to Online Store > Themes.
2. Next to your theme, select Customize.
3. In the left bar, select Theme settings (the paintbrush icon).
4. Open a group, change a setting and select Save.

Defaults below are the values of the Placket preset. The Bodice preset uses different values for some settings. See Presets for the differences.

Groups in the order they appear: Colors, Typography, Layout, Buttons, Inputs, Product cards, Badges, Image captions, Animations, Cart, Search, Country selector and currency, Social media, Back to top, Favicon.

Colors#

The theme uses five color schemes. Every section has a Color scheme setting where you pick one of them. Change a scheme here and every section that uses it updates.

In the theme editor the schemes are listed as Scheme 1 to Scheme 5. The numbers are the same in both presets, but the colors differ. In general:

Each scheme has these color fields:

To change a scheme, open Theme settings > Colors and select a scheme swatch (Edit Scheme 1 to Edit Scheme 5). Its color fields open in a panel:

Tips:

• Keep enough contrast between text and background. A ratio of 4.5:1 or more keeps body text easy to read. Check pairs with a free contrast checker.
• Several settings ask for a scheme by name, for example Image plate color in Product cards and Panel color scheme in the country selector.

Typography#

Fonts

Scale

Accent word

Notes:

• Choose fonts from Shopify's font library. Font names appear as in the picker.
• The Placket preset uses Instrument Serif (headings) and Figtree (body). The Bodice preset uses Fraunces (headings, semi-bold) and Jost (body).
• Heading size scales all headings. With the setting at 100%, small is 64 px, medium 88 px and large 104 px. Sections let you pick a step.
• To make one word in a heading stand out, select it in the heading field of a section and apply italic. Accent word style controls what that looks like.
• Label style to Uppercase, spaced makes menu links, buttons, subheadings, badges and footer menu headings uppercase. Headings and body text do not change.

Layout#

Page

Grid

Section spacing

Notes:

• Maximum page width limits the content width on very wide screens. Backgrounds still run edge to edge.
• Side padding is the space between the content and the screen edge. Set different values for desktop, tablet and mobile.
• Section spacing on mobile shrinks the top and bottom padding of every section on phones. At 60%, 150 px of padding becomes 90 px.

Buttons#

Notes:

• These settings style every theme button: the primary button, the secondary button and Add to cart.
• Hover effect > Swap to text color swaps the button and text colors when the pointer is over the button.
• Wallet buttons, such as Shop Pay and PayPal, keep their own look. Their colors are set by the payment provider and cannot be changed.
• The minimum touch height is 44 px.

Inputs#

Style for form fields, such as the email field in the newsletter and the contact form.

Product cards#

The card is the small tile for a product in grids, search results and recommendations.

The settings for the card are in Theme settings > Product cards. Image, Information and Card are the three blocks of settings, and Show product rating and Show quick view are in Information:

Image

Information

Card

Quick view#

Quick view opens a window over the page with the product's photos, price, options, quantity and an Add to cart button. Shoppers do not leave the collection page.

• On a computer with a mouse, the Quick view button appears at the bottom of the card photo when the shopper points at the card. It also appears when a shopper moves to the card with the keyboard.
• On a phone or tablet, a small button with an icon sits in the corner of the photo.
• The window has a link to the full product page. It closes with the close button, the Escape key or a tap outside it.
• After a shopper adds the item, the window closes and the cart drawer opens. When Cart type is Page, the shopper goes to the cart page.
• Quick view does not show for gift cards. A gift card needs a recipient form, so shoppers open the product page.

To turn it off:

1. Go to Online Store > Themes > Customize > Theme settings > Product cards.
2. Turn off Show quick view.
3. Select Save.

Quick view is on in both presets. It works wherever product cards show, such as collection pages, search results, recommendations and featured products.

Product ratings on cards#

The theme does not collect reviews itself. A review app collects them and saves two standard product metafields: reviews.rating and reviews.rating_count. Judge.me and other review apps fill these. When both are present, the card shows stars and the number of reviews, such as 4.5 stars and (12).

1. Install a review app from the Shopify App Store and collect a few reviews.
2. Check that the app writes the standard rating metafields. See the app's help page.
3. In Theme settings > Product cards, check that Show product rating is on.

Products without reviews show nothing. This setting also controls the stars in the quick view window. For the Rating block on the product page and for the review widget, see Product page > Reviews and stars.

Notes:

• Card subtitle shows a short line under the product name. Choose Product type or Vendor (both are standard fields on the product in Shopify admin), or None to hide the line. If the product has no value for the field, no line is shown. When Show vendor is on, the vendor is already shown on its own line, so the Vendor subtitle is skipped. The same line also appears under the price in the Featured product section.
• Show color swatches shows small color dots (up to five, then a "+" count) when a product has a Color option with swatches. Turn it on only when your product photos show each color. See Product page.
• Show item numbers adds 01, 02 and so on to product cards, collection cards and numbered lists. It also numbers fabric and care points. This is one setting for the whole theme.
• Stagger cards in grids moves every second card down for an editorial look. It works on desktop only.
• The second image on hover is shown on desktop only.

Badges#

Small labels on product images.

New

Sale

Sold out

Notes:

• The New badge shows on products that have the tag you enter in Product tag for New (default new). Add the tag in Products > open a product > Tags.
• The Sale badge is optional. A sale price is always shown in the price, with or without the badge.
• The Sold out badge shows only when a product has no stock left. It reflects real inventory and is never made up.

Image captions#

Small labels under images, such as "Plate 01" or "Fig. 3". They come from the Caption fields in sections.

Notes:

• Caption style > Plate labels, then figure labels: the first captions on a page read "Plate" and later ones read "Fig.". Captions labeled Plate sets how many are "Plate" labels. Numbering continues down the page.
• No captions hides all captions, even if you typed text in a Caption field.

Animations#

Animations are always turned off for visitors who prefer reduced motion.

Animations are always turned off for visitors whose device is set to reduce motion.

Cart#

Notes:

• Cart type > Drawer opens a side drawer. Page sends shoppers to the cart page. See Cart sections.
• Free shipping threshold is entered in your store currency as a whole number. It drives the free shipping message and progress bar in the cart. When a shopper pays in another currency, the amount is converted using Shopify's rate and rounded up to a whole unit. Set 0 to hide the message. The bar does not change your shipping rates: set a matching free shipping rate in Settings > Shipping and delivery.

Search#

Settings for the search drawer in the header (predictive search).

Notes:

• When Enable predictive search is off, the search field opens the search page with the normal results.
• Pick whether search opens as a drawer or a page in the Header section.

Country selector and currency#

Applies to every country selector: header, mobile menu and footer.

Notes:

• These settings apply to every country selector: in the header, the mobile menu and the footer.
• The selector only shows when your store sells in more than one country or language. See Translations and markets.
• Flags are drawn with emoji. Some Windows devices show country letters instead of flags.

Social media#

Paste the full address of each profile, for example https://www.instagram.com/yourname. Only networks with a link are shown, in places where a section turns social media icons on (the Footer does).

Only networks with a link are shown, where a section turns social media icons on.

Back to top#

A small button in a bottom corner that takes shoppers back to the top of the page.

Notes:

• The button appears after the shopper has scrolled about two screens down.
• On the product page it sits above the sticky add to cart bar on phones.
• Selecting it scrolls smoothly to the top. Shoppers who prefer reduced motion jump to the top at once. The button works with the keyboard.
• Both presets have it on, at the right.

Favicon#

The small icon shown in the browser tab.

A 32 x 32 px .png file works best.

Theme information#

At the bottom of the theme settings you can see the theme name (Placket), the version (1.0.0), the author (Devoptly), and links to the documentation and support pages.