Theme basics
| Feature | Description |
|---|---|
| Lightning fast pages | Built with performance best practices and page pre-loading when hovering over any link. |
| Search engine optimized | All pages and content are built with SEO-optimized best practices. |
| Keyboard accessible | All features and functionality can be used with keyboard navigation. |
| Screen reader support | All content is accessible to screen readers for an inclusive browsing experience. |
| Light/dark mode | Toggle light or dark mode for customer reading. |
| Dynamic content | Use metafields and dynamic content inside sections and blocks. |
| Global shopping | Supports Shopify Markets so customers can browse in their local language and currency (30+ languages including EU, Asia, Arabia, etc.) |
| RTL support | Supports right-to-left layout for specific languages. |
| Flexible price settings | Enable product price range and customize price with available variables (min/middle/max price) or metafields. |
| Device specific visibility | Customize visibility on almost every section for mobile and desktop separately. |
| Drag and drop sections | Fully supports Shopify OS2.0 drag-and-drop sections. |
Navigation and header
| Feature | Description |
|---|---|
| Multi-announcement bar | Feature multiple promotions using the simple announcement bar. |
| Different header layouts | Various layout to set up with header on both mobile and desktop devices. |
| Sticky header | A sticky header that can be opened anywhere on the page. |
| Dynamic scroll header | Set your header bar to be hidden while scrolling down and revealed when scrolling up. |
| Transparent header | Allow a see-through effect for the header. |
| Mega-menu | Extensive navigation including simple menu, tree menu, banner menu, product menu, blog menu, tabbed menu, contact menu, and more. |
| Header sidebar | A panel that slides out from the side of the header to showcase promotions, seasonal deals, or extra content. |
| Drawer menu | Multi-page drawer menu with optional content blocks to feature text, images or videos. |
| Menu highlight effect | Draw attention to any menu item using stylish effects like sparkles, circles, or underlines. |
| Mobile dock | A fixed navigation bar at the bottom of the mobile screen for quick access to homepage, menu, or cart. |
| Scroll to top | Provides customers with a smooth and quick way to return to the top of a webpage. |
| Search bar on header | Toggle search bar display on the header. |
| Real-time search | Help customers find what they're looking for by displaying search results as they type. |
Cart and checkout
| Feature | Description |
|---|---|
| Unified cart view | Display all cart variants grouped under each product. |
| Product info customized | Choose to show/hide product option and vendor on product list. |
| Cart editing | Let customers quickly change variant options for items in their cart, e.g. swap one size for another. |
| Cart upsells | Display a collection of products to upsell or cross-sell. |
| Cart notes / instructions | Let customers easily add a note to their order. |
| Free shipping bar | Showcase free shipping discount when customers spend a certain amount. |
| Different cart layouts | Display the cart as drawer, popup, or page — set separately for mobile and desktop. |
| Cart notification | Display cart notification in a smaller overlay or full cart after adding product to cart. |
| Cart redirect | Redirect customers to the cart page. |
| Cart icon | Choose different cart icons to match your store's style. |
| Payment icons | Show standard/customized payment icons to show customers all available payment methods. |
| Discount code | Toggle discount code field for customer input. |
| Saving amount | Display the total savings in the cart to motivate customers to make a purchase. |
| Delivery date picker | Save the customer's preferred delivery date for better shipping and delivery management. |
| Terms and conditions | Checkbox for customers to confirm agreement to terms, with a link to the terms page. |
| Shipping insurance | Enable customers to include shipping insurance with their orders. |
| Estimated shipping rates | Display the estimated shipping cost at minicart and cart page based on customer's address. |
| Estimated delivery time | Providing customers with an estimated timeframe for order delivery. |
| Cut-off time | Set up cut-off time, including weekend and holiday exclusion for store. |
| Share cart | Let customers easily share their cart by copying and sharing a URL. |
| Cart custom field | Enable store to add custom contents on the cart. |
| Countdown timer | Show a cart countdown timer to encourage customers to complete their purchase. |
| Empty cart recommendations | Suggest customers a list of collections to browse if cart is empty. |
| Catalogue mode | Hide the cart when the site is being used as a catalog. |
| In-store pickups | Customers can choose which store to pick up their order from. |
Collection
| Feature | Description |
|---|---|
| Easy filtering | Works with Shopify's Search & Discovery app for easy setup filters. |
| Tag-based filtering | Let customers filter collection results based on product tags. |
| Filter position | Set the filter to display above, aside the page, or as a drawer. |
| Dynamic grid filters | Enhance product discovery by displaying filter values as an image grid. |
| Quick add / Quick buy | Easily add items to your cart without navigating to a product page. |
| Quick add table | Customers can quickly add many items to their cart by updating quantities in a table. |
| List view | View collection results in a list view. |
| Sorting product list | Toggle product sorting by various types. |
| Custom metafield columns | Display additional custom metafields inside a product table. |
| Promotional blocks | Add content and media blocks within your collection grid. |
| Pagination types | Choose among infinite scroll, click to load, and standard pagination. |
| Custom product badge | Display custom product badges using tags or metafields. |
| Inventory count | Show total product inventory count remaining when below a certain amount. |
| Product taglines | A short description that can be displayed under each product title. |
| Image cropping | Set product images to crop to square, portrait, or landscape. |
| Second image on hover | Show the second product image while hovering. |
| Video support | Show videos for each product card when used as featured or second media. |
| Image slider | A slider to show multiple photos for each product card. |
Product
| Feature | Description |
|---|---|
| Product upsells | Display automatic or manually selected product upsells or cross-sells. |
| Product bundles | Sell multiple items together on one product page. |
| Sibling products | Display sibling products linked as swatches. |
| Product labels & badges | Automatic sale badges, new labels, sold-out badges, and pre-order labels. |
| Customized product labels | Enable customized product labels based on store's need with text and image format. |
| Product highlighted features | Showcase stand-out product qualities on cards to communicate value at a glance. |
| Product highlighted attributes | Show icons on product cards for customers to quickly comprehend highlighted characteristics (e.g. ingredients, allergens). |
| Pre-order products | Allow pre-orders for products that are out of stock or available in limited quantities. |
| Back-in-stock alert | Allow customers to subscribe to notifications when a product becomes available again. |
| Gift wrapping | Choose product to consider as a gift wrap option. |
| Image zooming | Get a closer look at product images with a zoomable gallery. |
| Multimedia gallery | Display images, videos, and 3D files in a single media gallery. |
| Supports app blocks | Easily add third-party apps to your product template using app blocks. |
| Rich block support | Build your own product template using any existing blocks like tabs, accordions, and drawers. |
| Store pickup | Show inventory availability and different locations. |
| Inventory warning | Show a warning message when there's a limited supply of inventory left. |
| Product customizations | Collect product customization details like an engraving for a ring. |
| Customizable options | Enable customers to customize products with additional options, either free or at an extra cost. |
| Quick order table | Show each variant in a separate table row giving customers a quick option to add many variants at once. |
| Combined listing (Shopify+) | Create and display combined listing products. |
| Quantity pricing | Display custom quantity pricing and volume rules. |
| Discount progress bar | Display visually customers' progress toward unlocking the next discount, based on quantity or subtotal. |
| Nutrition fact bar | Show ingredients or nutritional information of products like food, beverages, or supplements. |
| Product score | Display product attributes using a bar or icon scale for quality, performance, or suitability. |
| Video shopping | Showcase product-related videos, like testimonials or how-to-use guides. |
| Estimated delivery time | Display the estimated shipping date of the product. |
| Collapsible tabs | Collapsible tabs for additional content in the description section. |
| Collection link | Provide a way for customers to navigate from a product page to a collection page. |
| Coupon code | Display the coupon code for products along with a countdown timer showing remaining effective time. |
| Trust badges | Show security seals, payment method logos, or quality certifications in image format. |
| Featured icon & text with icon | Showcase important product information like reviews, unique selling points, or key product features. |
| Horizontal tabs | Show product information in horizontal tabs. |
| Sticky add-to-cart | Show a sticky add-to-cart bar at the bottom of the product page. |
Blog
| Feature | Description |
|---|---|
| Comments | Let customers leave a comment on a blog post. |
| Easy sharing | Display a URL that can be easily copied to share a blog post. |
| Recent articles | Show recently published blog articles to encourage further engagement. |
| Tag filtering | Additionally filtering to easily show blog posts with a specific tag. |
| Table of contents | Let customers easily jump to different headings in a blog post. |
Account
| Feature | Description |
|---|---|
| Sign in with Shop | Let customers sign in with their Shop account. |
| B2B customer approval (Shopify+) | Control which customer accounts have access to view restricted content by approved B2B accounts. |
| B2B account switcher | Let customers easily switch between different B2B locations to place orders. |
Development
| Feature | Description |
|---|---|
| Familiar codebase | Built using Tailwind and Alpine for an easy jumping-off point for any custom development work. |
| Custom liquid sections | Use the custom liquid section to inject your own code or install third-party apps. |
| App extension friendly | Easily install app extensions for dynamic content without writing a single line of code. |
