Presets

Almanac preset

How to set up the Almanac preset for a tea, coffee, food or drink store, with subscriptions, unit prices, a journal and a lookbook.

Who Almanac is for

Almanac is made for tea shops, coffee roasters, grocers and other food and drink stores with a seasonal range, a few hundred products at most, subscriptions and a journal. It looks like a well-made book: warm paper, a red accent, a serif heading font and thin rules instead of shadows.

The Almanac demo store, Fernleaf, sells loose-leaf tea and teaware: about 40 products.

What the preset sets

Setting Value in Almanac
Design style Paper and rules: square corners and thin lines instead of shadows
Heading font EB Garamond
Body font Karla
Accent font EB Garamond italic
Image ratio in Product cards Portrait

You can change any of these in Theme settings. See Theme settings and Typography.

Home page

The home page has these sections, from top to bottom:

  1. Slideshow: three slides, for example your tea room, the season's teas and your teaware.
  2. Collection tiles: your teas by type.
  3. Featured collection: three products in a row, with the heading in the margin column. Use it for the season's teas.
  4. Promo banner: a new harvest, a season or an offer. No countdown until you add an End date.
  5. Lookbook: a photo of a tea table with markers on the products in it.
  6. Blog posts: the latest posts from your journal.
  7. Trust badges: shipping, returns, secure checkout and brewing questions.
  8. Press coverage: quotes from publications that wrote about your store.
  9. FAQ: brewing, subscriptions and orders.

Below the home page sections, the footer group has an Email signup section and the Footer. Above them, the header group has an Announcement bar and the Header.

To get started, choose Collections in Collection tiles, a Collection in Featured collection, and a Blog in Blog posts.

Images to prepare

Where What to upload Recommended size
Product photos The product on a plain paper background, the same for every product Portrait, 4:5 aspect ratio recommended, for example 1600 x 2000px
Slideshow > Slide > Image Your tea room, the season, your teaware 2000 x 1200px recommended
Slideshow > Slide > Mobile image Optional image for phones 1200 x 900px recommended
Lookbook > Image A table set with your products In Almanac, the image is cropped to 3:2. Use a landscape photo.
Collection images One image per collection, for Collection tiles and collection pages Set in Products > Collections
Blog post images One image per post Set on each blog post in your Shopify admin
Logo Your logo Any shape. A .png with a transparent background works best.
Favicon Browser tab icon 32 x 32px .png recommended

Avoid text inside images. Headings, prices and buttons are live text in the theme.

Product cards in Almanac show the whole photo in a portrait frame. To change the frame, go to Theme settings > Product cards > Image ratio and choose Square, Portrait or Tall.

Color schemes

In Theme settings > Colors, Almanac has four color schemes. The theme editor lists them as Scheme 1 to Scheme 4.

Scheme Look Used for
Scheme 1 Paper: warm off-white background, dark brown text, red buttons The header and every page section
Scheme 2 Bottle green: deep green background, cream text The email signup and the footer
Scheme 3 Night: near-black background, cream text Not used by default. Use it for a dark store or a dark section.
Scheme 4 Cinnabar: red background, cream text The announcement bar

See Color schemes.

Subscriptions

Almanac shows subscriptions on the product page, in the cart and on product cards. Subscriptions themselves come from a subscriptions app, such as Shopify Subscriptions.

  1. Install a subscriptions app and create a subscription plan for your products in the app.
  2. Open a product with a plan on your store. Under Purchase options, customers choose a subscription, or One-time purchase when the product can also be bought without one. The price updates with their choice.
  3. In the cart, each subscription line shows the plan's name.

On product cards, the quick buy button of a product with subscriptions does not add it to the cart straight away. Customers first choose how they want to buy.

Unit prices

For loose tea, coffee and other goods sold by weight or volume, Almanac shows a unit price, such as a price per 100 g, under the price.

  1. In your Shopify admin, open the product and its variant.
  2. Fill in the unit price fields: the product's total measurement and the base unit.

The unit price shows on the product page, on product cards and in the cart when the variant has one. Unit price fields are available in Shopify for stores in some countries.

Journal and lookbook

Journal. Almanac's journal is a Shopify blog.

  1. In your Shopify admin, go to Content > Blog posts and write a post. Add an image to each post.
  2. In the theme editor, click Blog posts on the home page and choose your Blog.
  3. Use Posts to show (2 to 6) and Show the first post large to set the layout.

Lookbook. The Lookbook section shows one photo with markers on the products in it.

  1. Click Lookbook and upload an Image.
  2. Each Product block is one marker, up to six. Choose a Product, then move the marker with Horizontal position and Vertical position.
  3. Layout is set to Image and list, which shows the products as a list next to the photo. Choose Image only to show the photo alone.

Marker positions follow the cropped image. If you change Image ratio or the image's focal point, check the markers again.

Product page

The Almanac product page has these sections:

  1. Product: the gallery and everything customers need to buy, including Purchase options for subscriptions. Below the product, tabs for Details, Shipping and delivery, Brewing and Ingredients.
  2. Specification sheet: origin, harvest, brewing, caffeine and how long the tea keeps. Connect each Value to a product metafield to fill it from each product. Rows with no value are hidden.
  3. Video: how you brew the tea.
  4. Product recommendations, then Recently viewed and Trust badges.

See Product page.

Tips

  • The collection page loads 12 products at a time with a Load more button. Change this in the Collection page section with Products per page and Pagination type.
  • FAQ questions have a Topic. With more than 12 questions and two or more topics, topics appear as filters above the list.
  • Promo banner shows a countdown only when you add an End date. See Honest promotions.
  • Write your own answers in the FAQ. The example answers say what to cover, such as how customers pause or skip a subscription.