Introducing Stiletto - the essential Shopify theme to fuel your ecommerce growth. Learn more.

Theme settings

In the theme editor (Customize), click on the Theme settings tab to access theme-wide settings for colors, fonts, and style, as well as configure your Products, Cart, Search, and Social media.

Theme settings tab
Theme settings tab

Preset styles

Stiletto comes with multiple theme styles that you can apply to your store to achieve a particular look and feel.

Each theme style is a set of pre-selected theme settings that configure sitewide colors, fonts, product options, and more.

View our demo stores to preview each preset in action:

Click on Theme settings and open Theme style to select a preset. If you like what you see, click Save and then tweak the settings as needed.

Selecting a theme style will overwrite current settings. We recommend that you duplicate your theme to save a backup of your current theme settings.

Blog

The Blog page lets customers filter blog posts by category. Add tags to your blog posts in the Shopify admin to display a row or dropdown menu of article categories.

If you want to select which tags display as article categories, enter them in a comma separated list in the Blog theme settings.

Settings

Configuration Settings

Article categories

Enter the blog post tags you want to display as article categories.

Colors

Custom Colors are available for the header, footer, buttons, products, and general elements of your theme. These colors are applied sitewide.

General colors

Configuration Settings

Background

The background on all pages including the home page.

All text links on all pages.

Text

All headings, subheadings, and body text on all pages.

The Header and logo text are set separately.

Lines and border

All lines and borders that appear between or within sections on all pages.

Header colors

Configuration Settings

Text

The color of all menu links, icons, and additional text in the Header.

Background

The background of the Header bar.

Configuration Settings

Text

All menu links and text in the Footer.

Background

The background of the Footer.

Button colors

Configuration Settings

Buttons

All button backgrounds for Solid button styles.

Button style options are included in button block settings per section.

Button text

All button text for Solid button styles.

Button style options are included in button block settings per section.

Product

Configuration Settings

Sale price

Sale prices listed beneath products with "compare at price."

Rating star

Rating stars in the Shopify Reviews app block.

In stock

The "In stock" label for the Stock level indicator.

Low in stock

The "Low stock" label for the Stock level indicator.

Out of stock

The "Out of stock" label for the Stock level indicator.

Fonts

Custom Fonts are available for the logo, headings, navigation, body text, button, and product listing titles. These fonts are applied sitewide. All fonts are provided by Shopify's font picker. See a full list of fonts supported by Shopify.

Tip: Try to avoid decorative fonts for your site and use large enough font sizes so that customers can read them without any strain.

Choosing fonts that pair well can be challenging, so we recommend consulting an expert. Our favourite is Typewolf, which publishes font lookbooks and provides some really excellent recommendations.

Font areas

Configuration Settings

Your store name in the Header (when there's no logo image).

Go to your Shopify admin Preferences to edit your store name under Store details.

Headings

All heading and subheading text.

Body

All remaining text including body text, navigation (menu items), product listing title, and button text.

Settings

Configuration Settings

Uppercase

Display font in all uppercase letters.

Desktop font size

Use the slider to increase or decrease the font size in pixels.

Mobile font size scale

Use the slider to increase or decrease the font size on mobile as a percentage of the base font size.

Letter spacing

Use the slider to increase or decrease space between letters.

Animation

Stiletto uses animation effects for pages and sections to create a more engaging user experience. Animations play an important role to delight and inform your customers, which can make them stick around longer and keep coming back.

For instance, when first visiting or scrolling down a page, text and images are loaded dynamically: your section contents slide, fade, zoom, or ease into position at a delay rather than all at once.

Other animations include a "shimmer" over images and subtle visual changes that draw attention to interactive elements like buttons or hot spots.

Disable animations

For various reasons, you may want to turn off these animations. Click on Theme settings and open Animation. Uncheck the Enable page transitions and Enable section animations.

You can also disable animations for specific sections under their settings.

Settings

Configuration Settings

Enable page transitions

Uncheck this option turn off visual effects applied to pages.

Enable section transitions

Uncheck this option turn off visual effects applied to sections.

Product

The Product theme settings include options for color Swatches and Chips used for product variants displayed on product pages and listed products across your site.

Settings

Configuration Settings

Variant option name for swatches

Add the option name used in your Shopify admin for the variant option you want to display color swatches for (e.g. "Color").

Use a comma separated list to support multiple options: "Color, Style, Finish."

Learn how to set up default and custom color Swatches.

Swatch shape

Set the shape of all swatches to Rectangle, Round, or Square.

Learn more about Swatch styles.

Variant option for chips

Add the option name used in your Shopify admin for the variant option you want to display clickable buttons.

Learn more about Chips.

Product badges

Product badges are labels that appear on listed products that are on Sale, Sold out, or you can add Custom badges.

Products with sale and custom badges for "New" and "Best Seller"
Products with sale and custom badges for "New" and "Best Seller"

Sale and sold-out badges

The Sale badge displays on products that have a Compare at price set in the Shopify admin. The Sold-out badge display on products with an inventory of 0.

You can disable sale or sold-out product badges under Product listing in your Theme settings.

Learn about Setting sale prices on Shopify.

Custom badges

Add up to 4 custom badges to display on products that have the badge tag added in the Shopify admin. For example, add a badge for "New arrivals" or "Limited editions".

Learn more about creating and using tags on Shopify.

Settings

Configuration Settings

Sale color

Select the color of the text and border of the sale badge.

Sale badge format

Choose to display discounts by percentage or currency amount.

Sold-out color

Select the color of the text and background color of the sold-out badge.

Set the shape of all swatches to Rectangle, Round, or Square.

Custom badge tags

Enter the badge tag text that matches Tags field under Product organization.

Custom badge color

Select the color of the text and border color of each custom badge.

Product listing

The Product listing theme settings include options for all products that appear in sections or collections. Change the display settings for product image, prices, and badges, as well as feature options like Swatches on hover and Quick view.

General settings

Configuration Settings

Show vendor

Display vendor name beneath the product information.

Show swatches

Show product swatches when products are hovered over.

Enable quick view

Show Quick View button on hover to let customers learn more and buy products on the same page.

Image settings

Configuration Settings

Show second image on hover

Display the second product image when hovered over.

Image aspect ratio

Change the shape of images to Landscape, Portrait, or Square.

The Natural setting will display the original orientation of each image.

Media fit

Make product images Cover the full product card or Fit within the card with its original shape.

Price settings

Configuration Settings

Show discount

Display the discount price on the product card.

Badge settings

Configuration Settings

Show badges

Choose which badges to show on products across your site.

To set up badge colors and labels, go to Product badges under the Theme settings.

Cart

The Cart theme settings apply to the cart popup and drawer. Enable Order notes and a Free shipping bar.

Settings

Configuration Settings

Purchase confirmation popup

Show the popup cart to confirm that products have been added to the cart.

Order notes

Let customers add instructions or notes to their order when viewing the cart drawer.

Cart item image aspect ratio

Change the shape of images in the cart to Landscape, Portrait, or Square.

The Natural setting will display the original orientation of each image.

Enable free shipping bar

Display a banner in the cart when customers' orders qualify for free shipping.

The free shipping bar is configured separately from your actual shipping rates, which need to be configured separately.

This feature currently only works with the default currency of your store.

Free shipping minimum amount

Enter the minimum dollar amount that qualifies for free shipping. Do not use the currency symbol and use a decimal to separate dollars and cents. Example: '100.00'

The Search settings apply to the search bar in the Header. Choose the type of results to include.

Settings

Configuration Settings

Show article results

Include your store's articles (blog posts), if relevant, in search results.

Show page results

Include your store's pages, if relevant, in search results.

The Quick search drawer auto-completes when customers type in the search bar to show immediate results for products, collections, articles, and pages on your store.

Customize the search result settings, change the product results style, and promote your collections with suggested links that appear beneath the search field.

Quick search drawer with auto-complete
Quick search drawer with auto-complete

Search result settings

Configuration Settings

Show immediate results when customers type in the search field.

If disabled, clicking the search icon will navigate to a separate search page.

Show collections

Include collections within search results.

Show articles

Include articles (blog posts) within search results.

Show pages

Include all pages within search results.

Results per category

Choose how many results per product category appear in the quick search dropdown. Additional results are viewed by clicking "View all results".

Product results settings

Three styles for product results
Configuration Settings

Product results style

Display product results in a List, List with thumbnail images, or in Columns.

Show price

Show the price next to the product title or image.

Show vendor

Show the vendor name next to the product title or image.

Promotion settings

Quick search with promotion links
Quick search with promotion links
Configuration Settings

Enter text for a promo title for the feature collection.

Select a collection to link to from the quick search.

Social media

The Social media theme settings let you add links to all of your social media accounts used across your site. Supported social media platforms include: Facebook, Instagram, LinkedIn, Pinterest, Snapchat, TikTok, Tumblr, Twitter, Vimeo, and Youtube.

Social account links
Social account links

Under Social media in the Theme settings, copy and paste the full URLs of your social accounts, including the https://.

Favicon

The Favicon theme settings include an option to upload an icon image that appears next to your site's URL or store title in tabs, bookmark menus, and address bars.

The recommended image dimensions are 32px by 32px.

Checkout

The Checkout settings are provided by Shopify. The Stiletto theme cannot change or alter the Checkout page. However, Shopify offers options within the Theme Settings panel.

Learn how to Customize the style of your checkout in Shopify help guide.

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.