Home / Ride

Shopify Ride Theme

Ride is Shopify's own reference theme, with a dynamic, high-contrast storefront style suited to sports and activewear brands. 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 Ride Theme
  Add Shopify's free Ride theme to your store from the Theme Store or your admin's theme library, in just a few clicks.
• How to Duplicate Your Shopify Ride Theme Before Editing
  Make a safe backup copy of your live Ride theme in Shopify before making design changes, so you can roll back instantly.
• 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.
• 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.
• 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.
• How to Manage and Search Files in Shopify Ride Theme
  Upload, link, and understand the real size limits for files in Shopify's admin — useful for size charts and technical spec sheets.

Homepage & Sections

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

Product Pages

• How to Enable Sticky Add to Cart in Shopify Ride Theme
  Ride 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 Ride Theme
  Change the color and text style of the automatic Sold Out badge on product cards in Shopify's Ride theme editor.

Collections & Filtering

• How to Enable Product Filtering on Collection Pages in Shopify Ride Theme
  Turn on sidebar filtering by price, availability, and variant options on collection pages in Shopify's Ride theme.
• How to Change Products Per Row in Shopify Ride Theme
  Set how many products display per row on collection pages in Shopify's Ride theme, for both desktop and mobile.
• How to Enable Quick Add to Cart in Shopify Ride Theme
  Let shoppers add products to cart directly from collection pages in Shopify's Ride theme, without opening each product.
• How to Show Sub-Collections on a Collection Page in Shopify Ride Theme
  Ride 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 Ride Theme
  Turn on the built-in blog tag filter in Shopify's Ride theme so readers can narrow posts down by topic in one click.
• How to Add a Blog Search Bar in Shopify Ride Theme
  Shopify's Ride 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 Ride Theme
  Show your latest blog articles on the homepage in Shopify's Ride theme using the Blog posts section, updated automatically.

Cart & Checkout

• How to Enable the Cart Drawer in Shopify Ride Theme
  Switch between cart drawer, full cart page, and notification popup in Shopify's Ride theme cart settings panel.
• How to Add a Free Shipping Progress Bar in Shopify Ride Theme
  Ride 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 Ride Theme
  Shopify's Ride 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 Ride Theme
  Keep the header visible while scrolling in Shopify's Ride theme using the built-in sticky header dropdown setting.
• How to Add a Mega Menu in Shopify Ride Theme
  Build a multi-column dropdown mega menu in Shopify's Ride theme by structuring your navigation menu with nested links.
• How to Add Social Media Icons to the Footer in Shopify Ride Theme
  Show linked social media icons in the Shopify Ride theme footer by adding your profile URLs to theme settings.