Theme settings for Debut

You can use theme settings to customize the colors and typography on your online store. You can also set up links to your social media accounts, edit your cart settings, and add a favicon.

Colors

You can choose the colors for the different parts of your online store.

Customize your color settings

  1. Next to Debut, click Customize.

  2. Click Theme settings.

  3. Click Colors.

  4. For each type of content, click the color swatch to use the color picker. The Recently selected area shows colors that you have recently selected for your theme. The Currently used area shows colors that you are currently using in other parts of your theme.

    To set the color to transparent, click None.

  5. Click Save.

Typography

You can set the font style and size for the text on your online store.

Customize your typography settings

  1. Next to Debut, click Customize.

  2. Click Theme settings.

  3. Click Typography.

  4. For each type of text, click Change to use the font picker.

  5. Explore fonts by using the search field, or by clicking Load more.

    To see all of the available fonts, see Shopify's font library.

  6. Click the name of the font that you want to use.

  7. To change the font to a different style, such as bold or italic, click Regular. Next, click the style that you want to use, and then click Add.

  8. Click Save.

Debut includes predictive search, which shows product suggestions when customers start typing into the search field. Product suggestions can help customers articulate and refine their search queries, and provide new ways for them to explore an online store. They can also let customers quickly browse matches without having to leave their current page to see a separate list of search results.

You can customize the following settings for search:

  • Enable product suggestions - Enable or disable product suggestions.
  • Show vendor - Show or hide vendors in product suggestions.
  • Show price - Show or hide prices in product suggestions.

Change predictive search settings

  1. Next to Debut, click Customize.

  2. Click Theme settings.

  3. Click Search

  4. Use the settings to customize the search behavior for the store.

  5. Click Save.

To learn more about how product suggestions work, refer to Predictive search.

Social media

You can add social sharing buttons for your products and blog posts, and links to your social media accounts. Links to your social media accounts show in the footer of your online store.

Customize your social media settings

  1. Next to Debut, click Customize.

  2. Click Theme settings.

  3. Click Social media.

  4. To upload a social sharing image, in the Social sharing image area, click Select image or Explore free images.

  5. To add social sharing buttons to your products and blog posts, check any or all of the following options:

    • Share on Facebook
    • Tweet on Twitter
    • Pin on Pinterest (not available for blog post sharing)
  6. To add links to your social media accounts, enter the links to your accounts in the fields provided under Accounts. Enter full links, such as https://instagram.com/shopify, or https://twitter.com/shopify.

  7. Click Save.

Favicon

You can add a favorites icon, or a favicon, which can help to brand your online store. A favicon shows in the following places:

  • your web browser tab
  • your web browser's history
  • icons on your desktop
  • beside your online store name when it is bookmarked

Learn more about favicons.

Customize your favicon

  1. Next to Debut, click Customize.

  2. Click Theme settings.

  3. Click Favicon.

  4. In the Favicon image area, click Select image, and then do one of the following:

    • To select an image that you have already uploaded to your Shopify admin, click the Library tab.
    • To select an image from your local computer, click the Library tab, and then click Upload.
  5. Add alt text to your favicon image:

    1. Click Edit.
    2. In the Edit image window, enter a brief description of the image.
    3. Click Save.
  6. Click Save.

Add to cart notification

You can display a notification with a link to the cart page when customers add items to their cart.

A product page with a popup notification in the top right showing what item was just added to the cart

If this notification is disabled, then customers are taken directly to the cart page after adding an item to their cart.

Enable the add to cart notification

  1. Next to Debut, click Customize.

  2. Click Theme settings.

  3. Click Add to cart notification.

  4. Choose whether to enable the Show notification when item is added to cart setting.

  5. Click Save.

Checkout

This section lets you customize your store's checkout. Refer to Shopify checkout for more information about your store's checkout page.

Theme style

Many themes come with more than one style. Theme styles control the default settings of the theme. When you reset your theme's style, any changes that you've made to the theme settings are lost. You won't lose content such as text and images.

You can preview alternate styles for Debut in the Shopify Theme Store.

  1. Next to Debut, click Customize.

  2. Click Theme settings.

  3. Click Change theme style.

  4. Select the theme style that you want to apply.

  5. Click Change style.

  6. Click Save.

Ready to start selling with Shopify?

Try it free