Appearance
Guides overview
Baseline includes extensive features that help you design your store quickly and easily.
The following table provides an overview of our guides to implementing Baseline's main features. For guidance implementing a specific feature, follow the links in the table or select a guide from the Guides menu on the left side.
Note
We add new guides regularly. Revisit this page to access our latest guides.
| Guide name | Description |
|---|---|
| An overview of Smart variant selectors | Learn about using Baseline's Smart variant selectors to show or hide store products that are sold out or unavailable. |
| Show a free shipping progress bar | Set up an indicator that tracks a customer's order amount against your store's threshold to qualify for free shipping. |
| Migrate your color schemes | Migrate your Baseline version 2 color schemes to Baseline 5's color scheme format. |
| Set up multiple variant media | Set up Baseline's "Multiple variant media" feature to display multiple media items for a single product variant. |
| Use metafields in Featured collection tables | Use product metafield blocks inside a Featured collection table section. |
| Set up color swatches | Create selectable icons to represent product variants. |
| Customize color schemes | Colorize your store with customized color schemes. |
| Adjust text sizes | Implement uniform text sizes across your store. |
| Configure the grid layout | Use Baseline's grid layout to arrange your store's products and collections. |
| Create collapsible tabs | Add text areas that expand and collapse on your store's product pages. |
| SEO and accessibility check failures | Learn why SEO or accessibility checker tools might erroneously flag issues with H1 HTML tags. |
| Create a custom template | Learn how to create a custom template for your store's products, collections, pages, blogs, and blog posts. |
| Use metafields on product pages | Use metafields to display additional product information on product pages. |
| Apply the Horizontal gallery template to a product | Learn how to apply the Horizontal gallery template to a product on a product page. |
| Create product filters using metafields | Learn how to create product filters by using custom product metafields. |
| Add images to header dropdown menus | Learn how to display images in the Header section for header dropdown menus. |
| Add custom product badges | Learn how to use metafields to create custom badges to display on product tiles. |
| Link related products with Product groups | Learn how to use Product groups to display related products, inside a product section. |
| Use custom CSS | Learn how to add custom CSS to your theme. |
| Use a custom font | Use a custom font for headings or body text. |
| Use browser inspector tools | Use your browser's inspector tools to help modify theme code. |
| Fix text formatting issues | Fix text formatting issues using the Rich Text Editor. |