Home / Topics / Design

Design — Shopify Theme Guides

Every design guide across every theme covered on this site.

• How to Change the Color Scheme in Shopify Dawn Theme
  Edit Dawn's color schemes from the theme editor to change background, text, and button colors across your store.
  Dawn
• How to Add Custom Fonts in Shopify Dawn Theme
  Upload your own font files or pick from Shopify's font library to change Dawn's typography without writing code.
  Dawn
• How to Customize the Password Page in Shopify Dawn Theme
  Edit the design of Dawn's password page from the theme editor, separate from the store-wide password toggle in settings.
  Dawn
• How to Add a Countdown Timer in Shopify Dawn Theme
  Dawn has no built-in countdown timer section — here's what your real options are for adding one to a sale page.
  Dawn
• How to Customize the Sold Out Badge in Shopify Dawn Theme
  Change the color and text style of the automatic Sold Out badge on product cards in Shopify's Dawn theme editor.
  Dawn
• How to Change the Color Scheme in Shopify Craft Theme
  Edit Craft's color schemes from the theme editor to change background, text, and button colors across your store.
  Craft
• How to Add Custom Fonts in Shopify Craft Theme
  Upload your own font files or pick from Shopify's font library to change Craft's typography without writing code.
  Craft
• How to Customize the Password Page in Shopify Craft Theme
  Edit the design of Craft's password page from the theme editor, separate from the store-wide password toggle in settings.
  Craft
• How to Add a Countdown Timer in Shopify Craft Theme
  Craft has no built-in countdown timer section — here's what your real options are for adding one to a sale page.
  Craft
• How to Customize the Sold Out Badge in Shopify Craft Theme
  Change the color and text style of the automatic Sold Out badge on product cards in Shopify's Craft theme editor.
  Craft
• How to Change the Color Scheme in Shopify Sense Theme
  Edit Sense's color schemes from the theme editor to change background, text, and button colors across your store.
  Sense
• How to Add Custom Fonts in Shopify Sense Theme
  Upload your own font files or pick from Shopify's font library to change Sense's typography without writing code.
  Sense
• How to Customize the Password Page in Shopify Sense Theme
  Edit the design of Sense's password page from the theme editor, separate from the store-wide password toggle in settings.
  Sense
• How to Add a Countdown Timer in Shopify Sense Theme
  Sense has no built-in countdown timer section — here's what your real options are for adding one to a sale page.
  Sense
• How to Customize the Sold Out Badge in Shopify Sense Theme
  Change the color and text style of the automatic Sold Out badge on product cards in Shopify's Sense theme editor.
  Sense
• How to Change the Color Scheme in Shopify Horizon Theme
  Edit Horizon's color schemes from the theme editor to change background, text, and button colors across your store.
  Horizon
• How to Add Custom Fonts in Shopify Horizon Theme
  Upload your own font files or pick from Shopify's font library to change Horizon's typography without writing code.
  Horizon
• How to Use Nested Blocks in Shopify Horizon Theme
  Understand Horizon's nested theme blocks — how they differ from older themes and what they let you build in the editor.
  Horizon
• How to Enable Product Image Zoom in Shopify Horizon Theme
  Turn on click-to-zoom or hover-zoom for product photos in Shopify's Horizon theme from the product page section settings.
  Horizon
• How to Add Product Badges in Shopify Horizon Theme
  Show custom badges like Sale, New, or Low Stock on product cards in Shopify's Horizon theme, styled from theme settings.
  Horizon
• How to Add Color Swatches in Shopify Horizon Theme
  Show color options as visual swatches instead of a plain dropdown on product pages in Shopify's Horizon theme.
  Horizon
• How to Change the Color Scheme in Shopify Refresh Theme
  Edit Refresh's color schemes from the theme editor to change background, text, and button colors across your store.
  Refresh
• How to Add Custom Fonts in Shopify Refresh Theme
  Upload your own font files or pick from Shopify's font library to change Refresh's typography without writing code.
  Refresh
• How to Customize the Password Page in Shopify Refresh Theme
  Edit the design of Refresh's password page from the theme editor, separate from the store-wide password toggle in settings.
  Refresh
• How to Change the Color Scheme in Shopify Studio Theme
  Edit Studio's color schemes from the theme editor to change background, text, and button colors across your store.
  Studio
• How to Add Custom Fonts in Shopify Studio Theme
  Upload your own font files or pick from Shopify's font library to change Studio's typography without writing code.
  Studio
• How to Customize the Password Page in Shopify Studio Theme
  Edit the design of Studio's password page from the theme editor, separate from the store-wide password toggle in settings.
  Studio
• How to Add a Countdown Timer in Shopify Studio Theme
  Studio has no built-in countdown timer section — here's what your real options are for adding one to a sale page.
  Studio
• How to Customize the Sold Out Badge in Shopify Studio Theme
  Change the color and text style of the automatic Sold Out badge on product cards in Shopify's Studio theme editor.
  Studio
• How to Change the Color Scheme in Shopify Colorblock Theme
  Edit Colorblock's color schemes from the theme editor to change background, text, and button colors across your store.
  Colorblock
• How to Add Custom Fonts in Shopify Colorblock Theme
  Upload your own font files or pick from Shopify's font library to change Colorblock's typography without writing code.
  Colorblock
• How to Customize the Password Page in Shopify Colorblock Theme
  Edit the design of Colorblock's password page from the theme editor, separate from the store-wide password toggle in settings.
  Colorblock
• How to Add a Countdown Timer in Shopify Colorblock Theme
  Colorblock has no built-in countdown timer section — here's what your real options are for adding one to a sale page.
  Colorblock
• How to Customize the Sold Out Badge in Shopify Colorblock Theme
  Change the color and text style of the automatic Sold Out badge on product cards in Shopify's Colorblock theme editor.
  Colorblock
• How to Change the Color Scheme in Shopify Taste Theme
  Edit Taste's color schemes from the theme editor to change background, text, and button colors across your store.
  Taste
• How to Add Custom Fonts in Shopify Taste Theme
  Upload your own font files or pick from Shopify's font library to change Taste's typography without writing code.
  Taste
• How to Customize the Password Page in Shopify Taste Theme
  Edit the design of Taste's password page from the theme editor, separate from the store-wide password toggle in settings.
  Taste
• How to Change the Color Scheme in Shopify Ride Theme
  Edit Ride's color schemes from the theme editor to change background, text, and button colors across your store.
  Ride
• How to Add Custom Fonts in Shopify Ride Theme
  Upload your own font files or pick from Shopify's font library to change Ride's typography without writing code.
  Ride
• How to Customize the Password Page in Shopify Ride Theme
  Edit the design of Ride's password page from the theme editor, separate from the store-wide password toggle in settings.
  Ride
• How to Add a Countdown Timer in Shopify Ride Theme
  Ride has no built-in countdown timer section — here's what your real options are for adding one to a sale page.
  Ride
• How to Customize the Sold Out Badge in Shopify Ride Theme
  Change the color and text style of the automatic Sold Out badge on product cards in Shopify's Ride theme editor.
  Ride
• How to Change the Color Scheme in Shopify Origin Theme
  Edit Origin's color schemes from the theme editor to change background, text, and button colors across your store.
  Origin
• How to Add Custom Fonts in Shopify Origin Theme
  Upload your own font files or pick from Shopify's font library to change Origin's typography without writing code.
  Origin
• How to Customize the Password Page in Shopify Origin Theme
  Edit the design of Origin's password page from the theme editor, separate from the store-wide password toggle in settings.
  Origin
• How to Add a Countdown Timer in Shopify Origin Theme
  Origin has no built-in countdown timer section — here's what your real options are for adding one to a sale page.
  Origin
• How to Customize the Sold Out Badge in Shopify Origin Theme
  Change the color and text style of the automatic Sold Out badge on product cards in Shopify's Origin theme editor.
  Origin
• How to Change the Color Scheme in Shopify Impulse Theme
  Edit Impulse's color schemes from the theme editor to change background, text, and button colors across your store.
  Impulse
• How to Add Custom Fonts in Shopify Impulse Theme
  Upload your own font files or pick from Shopify's font library to change Impulse's typography without writing code.
  Impulse
• How to Choose a Preset in Shopify Impulse Theme
  Switch between Impulse's built-in style presets — Impulse, Dune, Terrain, and Apothecary — to change your store's look fast.
  Impulse
• How to Enable Image Zoom and Hotspots in Shopify Impulse Theme
  Turn on click-to-zoom product photos and clickable image hotspots in Shopify's Impulse theme, both native features.
  Impulse
• How to Add Product Badges in Shopify Impulse Theme
  Show custom badges like Sale, New, or Low Stock on product cards in Shopify's Impulse theme, styled from theme settings.
  Impulse
• How to Add a Before/After Image Slider in Shopify Impulse Theme
  Show a draggable before-and-after image comparison on product or homepage sections in Shopify's Impulse theme.
  Impulse
• How to Change the Color Scheme in Shopify Prestige Theme
  Edit Prestige's color schemes from the theme editor to change background, text, and button colors across your store.
  Prestige
• How to Add Custom Fonts in Shopify Prestige Theme
  Upload your own font files or pick from Shopify's font library to change Prestige's typography without writing code.
  Prestige
• How to Choose a Preset in Shopify Prestige Theme
  Switch between Prestige's five built-in style presets to change your store's entire look in one click, before fine-tuning.
  Prestige
• How to Enable Image Zoom and Hotspots in Shopify Prestige Theme
  Turn on click-to-zoom product photos and clickable image hotspots in Shopify's Prestige theme, both native features.
  Prestige
• How to Add Color Swatches in Shopify Prestige Theme
  Show color options as visual swatches instead of a plain dropdown on product pages in Shopify's Prestige theme.
  Prestige
• How to Add a Before/After Image Slider in Shopify Prestige Theme
  Show a draggable before-and-after image comparison on product or homepage sections in Shopify's Prestige theme.
  Prestige
• How to Change the Color Scheme in Shopify Broadcast Theme
  Edit Broadcast's color schemes from the theme editor to change background, text, and button colors across your store.
  Broadcast
• How to Add Custom Fonts in Shopify Broadcast Theme
  Upload your own font files or pick from Shopify's font library to change Broadcast's typography without writing code.
  Broadcast
• How to Choose a Preset in Shopify Broadcast Theme
  Switch between Broadcast's five built-in style presets to change your store's entire look in one click, before fine-tuning.
  Broadcast
• How to Enable Scroll Animations in Shopify Broadcast Theme
  Turn on scroll-triggered fade and reveal animations for homepage sections in Shopify's Broadcast theme, native to the theme.
  Broadcast
• How to Enable Image Zoom and Hotspots in Shopify Broadcast Theme
  Turn on click-to-zoom product photos and clickable image hotspots in Shopify's Broadcast theme, both native features.
  Broadcast
• How to Enable Image Rollover in Shopify Broadcast Theme
  Show a second product photo on hover in Shopify's Broadcast theme, a native rollover effect for product cards and grid thumbnails.
  Broadcast
• How to Add Color Swatches in Shopify Broadcast Theme
  Show color options as visual swatches instead of a plain dropdown on product pages in Shopify's Broadcast theme.
  Broadcast
• How to Change the Color Scheme in Shopify Warehouse Theme
  Edit Warehouse's color schemes from the theme editor to change background, text, and button colors across your store.
  Warehouse
• How to Add Custom Fonts in Shopify Warehouse Theme
  Upload your own font files or pick from Shopify's font library to change Warehouse's typography without writing code.
  Warehouse
• How to Choose a Preset in Shopify Warehouse Theme
  Switch between Warehouse's three built-in style presets to change your store's entire look in one click, before fine-tuning.
  Warehouse
• How to Enable Image Zoom and Rollover in Shopify Warehouse Theme
  Turn on click-to-zoom product photos and hover-to-swap thumbnail images in Shopify's Warehouse theme, both native features.
  Warehouse
• How to Add Color Swatches in Shopify Warehouse Theme
  Show color options as visual swatches instead of a plain dropdown on product pages in Shopify's Warehouse theme.
  Warehouse
• How to Change the Color Scheme in Shopify Motion Theme
  Edit Motion's color schemes from the theme editor to change background, text, and button colors across your store.
  Motion
• How to Add Custom Fonts in Shopify Motion Theme
  Upload your own font files or pick from Shopify's font library to change Motion's typography without writing code.
  Motion
• How to Choose a Preset in Shopify Motion Theme
  Switch between Motion's three built-in style presets to change your store's entire look in one click, before fine-tuning.
  Motion
• How to Enable Scroll Animations in Shopify Motion Theme
  Turn on scroll-triggered fade and reveal animations for homepage sections in Shopify's Motion theme, native to the theme.
  Motion
• How to Enable Image Zoom and Hotspots in Shopify Motion Theme
  Turn on click-to-zoom product photos and clickable image hotspots in Shopify's Motion theme, both native features.
  Motion
• How to Enable Image Rollover in Shopify Motion Theme
  Show a second product photo on hover in Shopify's Motion theme, a native rollover effect for product images and grid thumbnails.
  Motion
• How to Add Color Swatches in Shopify Motion Theme
  Show color options as visual swatches instead of a plain text dropdown on product pages in Shopify's Motion theme.
  Motion
• How to Add a Before/After Image Slider in Shopify Motion Theme
  Show a draggable before-and-after image comparison on product or homepage sections in Shopify's Motion theme, natively.
  Motion
• How to Change the Color Scheme in Shopify Symmetry Theme
  Edit Symmetry's color schemes from the theme editor to change background, text, and button colors across your store.
  Symmetry
• How to Add Custom Fonts in Shopify Symmetry Theme
  Upload your own font files or pick from Shopify's font library to change Symmetry's typography without writing code.
  Symmetry
• How to Choose a Preset in Shopify Symmetry Theme
  Switch between Symmetry's five built-in style presets to change your store's entire look in one click, before fine-tuning.
  Symmetry
• How to Enable Scroll Animations in Shopify Symmetry Theme
  Turn on scroll-triggered fade and reveal animations for homepage sections in Shopify's Symmetry theme, native to the theme.
  Symmetry
• How to Enable Image Zoom and Hotspots in Shopify Symmetry Theme
  Turn on click-to-zoom product photos and clickable image hotspots in Shopify's Symmetry theme, both native features.
  Symmetry
• How to Enable Image Rollover in Shopify Symmetry Theme
  Show a second product photo on hover in Shopify's Symmetry theme, a native rollover effect for product cards and grid thumbnails.
  Symmetry
• How to Add Color Swatches in Shopify Symmetry Theme
  Show color options as visual swatches instead of a plain dropdown on product pages in Shopify's Symmetry theme.
  Symmetry
• How to Show Multiple Variant Images in Shopify Symmetry Theme
  Display a full image set per color or variant option in Shopify's Symmetry theme, not just a single swapped photo.
  Symmetry
• How to Change the Color Scheme in Shopify Force Theme
  Edit Force's color schemes from the theme editor to change background, text, and button colors across your store.
  Force
• How to Add Custom Fonts in Shopify Force Theme
  Upload your own font files or pick from Shopify's font library to change Force's typography without writing code.
  Force
• How to Choose a Preset in Shopify Force Theme
  Switch between Force's five built-in style presets to change your store's entire look in one click, before fine-tuning.
  Force
• How to Enable Scroll Animations in Shopify Force Theme
  Turn on scroll-triggered fade and reveal animations for homepage sections in Shopify's Force theme, native to the theme.
  Force
• How to Enable Image Zoom and Hotspots in Shopify Force Theme
  Turn on click-to-zoom product photos and clickable image hotspots in Shopify's Force theme, both native features.
  Force
• How to Enable Image Rollover in Shopify Force Theme
  Show a second product photo on hover in Shopify's Force theme, a native rollover effect for product cards and grid thumbnails.
  Force
• How to Add Color Swatches in Shopify Force Theme
  Show color options as visual swatches instead of a plain text dropdown on product pages in Shopify's Force theme.
  Force
• How to Add a Before/After Image Slider in Shopify Force Theme
  Show a draggable before-and-after image comparison on product or homepage sections in Shopify's Force theme, natively.
  Force
• How to Change the Color Scheme in Shopify Empire Theme
  Edit Empire's color schemes from the theme editor to change background, text, and button colors across your store.
  Empire
• How to Add Custom Fonts in Shopify Empire Theme
  Upload your own font files or pick from Shopify's font library to change Empire's typography without writing code.
  Empire
• How to Choose a Preset in Shopify Empire Theme
  Switch between Empire's four built-in style presets to change your store's entire look in one click, before fine-tuning.
  Empire
• How to Enable Scroll Animations in Shopify Empire Theme
  Turn on scroll-triggered fade and reveal animations for homepage sections in Shopify's Empire theme, native to the theme.
  Empire
• How to Enable Image Zoom and Hotspots in Shopify Empire Theme
  Turn on click-to-zoom product photos and clickable image hotspots in Shopify's Empire theme, both native features.
  Empire
• How to Enable Image Rollover in Shopify Empire Theme
  Show a second product photo on hover in Shopify's Empire theme, a native rollover effect for product cards and grid thumbnails.
  Empire
• How to Add Color Swatches in Shopify Empire Theme
  Show color options as visual swatches, driven by category metafields, on product pages in Shopify's Empire theme.
  Empire
• How to Change the Color Scheme in Shopify Testament Theme
  Edit Testament's color schemes from the theme editor to change background, text, and button colors across your store.
  Testament
• How to Add Custom Fonts in Shopify Testament Theme
  Upload your own font files or pick from Shopify's font library to change Testament's typography without writing code.
  Testament
• How to Choose a Preset in Shopify Testament Theme
  Switch between Testament's four built-in style presets to change your store's entire look in one click, before fine-tuning.
  Testament
• How to Enable Scroll Animations in Shopify Testament Theme
  Turn on scroll-triggered fade and reveal animations for homepage sections in Shopify's Testament theme, native to the theme.
  Testament
• How to Enable Image Zoom and Hotspots in Shopify Testament Theme
  Turn on click-to-enlarge product photos and clickable image hotspots in Shopify's Testament theme, both native features.
  Testament
• How to Enable Image Rollover in Shopify Testament Theme
  Show a second product photo on hover in Shopify's Testament theme, a native rollover effect for product cards and grid thumbnails.
  Testament
• How to Add Color Swatches in Shopify Testament Theme
  Show color options as visual swatches instead of a plain dropdown on product pages in Shopify's Testament theme.
  Testament
• How to Add a Before/After Image Slider in Shopify Testament Theme
  Show a draggable before-and-after image comparison on product or homepage sections in Shopify's Testament theme.
  Testament