Shopify Studio Theme
Studio is Shopify's own reference theme, built around large product photography and collection-based navigation. It shares Dawn's Online Store 2.0 architecture, so the same settings live in the same places. Everything below is organized by topic so you can jump straight to the setting you're trying to change.
Getting Started
- How to Install the Shopify Studio ThemeAdd Shopify's free Studio theme to your store from the Theme Store or your admin's theme library, in just a few clicks.
- How to Duplicate Your Shopify Studio Theme Before EditingMake a safe backup copy of your live Studio theme in Shopify before making design changes, so you can roll back instantly.
- How to Change the Color Scheme in Shopify Studio ThemeEdit Studio's color schemes from the theme editor to change background, text, and button colors across your store.
- How to Add Custom Fonts in Shopify Studio ThemeUpload your own font files or pick from Shopify's font library to change Studio's typography without writing code.
- How to Customize the Password Page in Shopify Studio ThemeEdit the design of Studio's password page from the theme editor, separate from the store-wide password toggle in settings.
- How to Manage and Search Files in Shopify Studio ThemeUpload, link, and understand the real size limits for files in Shopify's admin — relevant for artist bios and edition certificates.
Homepage & Sections
- How to Add and Reorder Sections on the Shopify Studio HomepageAdd, remove, and drag sections into a new order on your Studio homepage using the theme editor's section list directly.
- How to Add a Countdown Timer in Shopify Studio ThemeStudio has no built-in countdown timer section — here's what your real options are for adding one to a sale page.
- How to Add a Slideshow in Shopify Studio ThemeAdd a multi-slide image banner to your Studio homepage using the built-in Slideshow section, with no code required.
Product Pages
- How to Enable Sticky Add to Cart in Shopify Studio ThemeStudio keeps the buy box in view on desktop by default, but mobile has no persistent add-to-cart bar — here's the honest breakdown.
- How to Customize the Sold Out Badge in Shopify Studio ThemeChange the color and text style of the automatic Sold Out badge on product cards in Shopify's Studio theme editor.
Collections & Filtering
- How to Enable Product Filtering on Collection Pages in Shopify Studio ThemeTurn on sidebar filtering by price, availability, and variant options on collection pages in Shopify's Studio theme.
- How to Change Products Per Row in Shopify Studio ThemeSet how many products display per row on collection pages in Shopify's Studio theme, for both desktop and mobile.
- How to Enable Quick Add to Cart in Shopify Studio ThemeLet shoppers add products to cart directly from collection pages in Shopify's Studio theme, without opening each product.
- How to Show Sub-Collections on a Collection Page in Shopify Studio ThemeStudio has no native sub-collection grid — here's the real workaround using its Collection list section instead.
Blog
- How to Enable Tag Filtering on Blog Posts in Shopify Studio ThemeTurn on the built-in blog tag filter in Shopify's Studio theme so readers can narrow posts down by topic in one click.
- How to Add a Blog Search Bar in Shopify Studio ThemeShopify's Studio theme has no dedicated blog-only search box by default — here's what it offers natively and how to add one that is.
- How to Show Recent Blog Posts on Your Homepage in Shopify Studio ThemeShow your latest blog articles on the homepage in Shopify's Studio theme using the Blog posts section, updated automatically.
Cart & Checkout
- How to Enable the Cart Drawer in Shopify Studio ThemeSwitch between cart drawer, full cart page, and notification popup in Shopify's Studio theme cart settings panel.
- How to Add a Free Shipping Progress Bar in Shopify Studio ThemeStudio has no built-in free shipping progress bar in the cart — here's why, and what stores typically use instead.
- How to Add a Discount Code Box to the Cart in Shopify Studio ThemeShopify's Studio theme doesn't show a discount code field in the cart — here's where that field actually lives instead.
Header, Navigation & Footer
- How to Make the Header Sticky in Shopify Studio ThemeKeep the header visible while scrolling in Shopify's Studio theme using the built-in sticky header dropdown setting.
- How to Add a Mega Menu in Shopify Studio ThemeBuild a multi-column dropdown mega menu in Shopify's Studio theme by structuring your navigation menu with nested links.
- How to Add Social Media Icons to the Footer in Shopify Studio ThemeShow linked social media icons in the Shopify Studio theme footer by adding your profile URLs to theme settings.