Home / Colorblock

Shopify Colorblock Theme

Colorblock is Shopify's own reference theme with bold typography and color-blocked sections, suited to larger catalogs. 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 Colorblock Theme
  Add Shopify's free Colorblock theme to your store from the Theme Store or your admin's theme library, in just a few clicks.
• How to Duplicate Your Shopify Colorblock Theme Before Editing
  Make a safe backup copy of your live Colorblock theme in Shopify before making design changes, so you can roll back instantly.
• 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.
• 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.
• 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.
• How to Manage and Search Files in Shopify Colorblock Theme
  Upload, link, and understand the real size limits for files in Shopify's admin — a real constraint once your catalog gets large.

Homepage & Sections

• How to Add and Reorder Sections on the Shopify Colorblock Homepage
  Add, remove, and drag sections into a new order on your Colorblock homepage using the theme editor's section list directly.
• How to Add an Announcement Bar in Shopify Colorblock Theme
  Add a scrolling or static announcement bar above Colorblock's header to promote shipping deals or sales, step by step.
• 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.
• How to Add a Slideshow in Shopify Colorblock Theme
  Add a multi-slide image banner to your Colorblock homepage using the built-in Slideshow section, with no code required.

Product Pages

• How to Enable Sticky Add to Cart in Shopify Colorblock Theme
  Colorblock 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 Hide the Vendor Name on Product Pages in Shopify Colorblock Theme
  Turn off the vendor/brand name display on product pages in Shopify's Colorblock theme with a single theme editor toggle.
• 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.

Collections & Filtering

• How to Enable Product Filtering on Collection Pages in Shopify Colorblock Theme
  Turn on sidebar filtering by price, availability, and variant options on collection pages in Shopify's Colorblock theme.
• How to Change Products Per Row in Shopify Colorblock Theme
  Set how many products display per row on collection pages in Shopify's Colorblock theme, for both desktop and mobile.
• How to Sort Products by Price or Best Selling in Shopify Colorblock Theme
  Add a sort dropdown to collection pages in Shopify's Colorblock theme so shoppers can order products by price or popularity.
• How to Show Sub-Collections on a Collection Page in Shopify Colorblock Theme
  Colorblock 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 Colorblock Theme
  Turn on the built-in blog tag filter in Shopify's Colorblock theme so readers can narrow posts down by topic in one click.
• How to Add a Blog Search Bar in Shopify Colorblock Theme
  Shopify's Colorblock 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 Colorblock Theme
  Show your latest blog articles on the homepage in Shopify's Colorblock theme using the Blog posts section, updated automatically.

Cart & Checkout

• How to Enable the Cart Drawer in Shopify Colorblock Theme
  Switch between cart drawer, full cart page, and notification popup in Shopify's Colorblock theme cart settings panel.
• How to Add a Free Shipping Progress Bar in Shopify Colorblock Theme
  Colorblock has no built-in free shipping progress bar in the cart — here's why, and what stores typically use instead.
• How to Add Trust Badges Near the Buy Button in Shopify Colorblock Theme
  Add payment icons or security badges near the add-to-cart button in Shopify's Colorblock theme using a custom liquid block.

Header, Navigation & Footer

• How to Make the Header Sticky in Shopify Colorblock Theme
  Keep the header visible while scrolling in Shopify's Colorblock theme using the built-in sticky header dropdown setting.
• How to Add a Mega Menu in Shopify Colorblock Theme
  Build a multi-column dropdown mega menu in Shopify's Colorblock theme by structuring your navigation menu with nested links.