Placebo 1.0.0 / Documentation

Placebo theme documentation

Placebo is a Shopify theme for stores that sell a small number of products and want to explain them well. This guide covers installation, every theme setting, every section and block, and the optional product data the theme can read.

Install the theme#

  1. Open the Placebo listing on the Shopify Theme Store and choose the preset you want to start from. The preset decides the fonts, shapes, colors and starting templates that are installed.
  2. Select Try theme. Shopify adds Placebo to your theme library as an unpublished theme. You can customize and preview it for free and pay only when you publish.
  3. In your Shopify admin, go to Online Store › Themes, find Placebo in the theme library and select Customize to open the theme editor.
  4. When the store looks right in the preview, select Publish from the theme library.

Updates arrive in your theme library as a new version. Shopify keeps your theme editor changes when you update. Changes made in the code editor are not carried over, which is one reason we recommend you avoid editing theme code. See the support policy.

Pick a preset#

A preset is a starting point: a set of theme settings plus a set of templates filled with example sections. Every preset has the same sections, blocks and settings, so anything one preset shows can be built in the other.

  • Placebo is made for wellness and supplement stores with a few products. It is typographic and quiet, with a sans-serif type scale, rounded controls and rim cards. The product page carries most of the story.
  • Tizra is made for food and drink stores, such as an olive oil producer. It uses a serif heading font, squarer shapes and templates built around origin, harvest and tasting.

To try the other preset, add the theme to your library again from its Theme Store listing and choose that preset. Each copy in your library keeps its own settings and templates.

Theme settings each preset installs#

The table lists the theme settings each preset sets. Every value can be changed afterward under Theme settings in the theme editor. Each setting is explained in Theme settings.

Theme settings each preset installs
SettingPlaceboTizra
Colors
Show aurora lightOnOff
Typography
HeadingsInter, weight 600Cormorant, weight 500
Body textInter, weight 400Work Sans, weight 400
Labels and figuresRoboto Mono, weight 400Space Mono, weight 400
Heading size100%130%
Body text size13 px15 px
Heading letter spacingTightNormal
Show labels in uppercaseOffOn
Heading caseAs writtenAs written
Shape and material
Corner stylePillSquare
Floating element materialFrostedSolid
Card styleRimLine
Ledger rule styleDotted leadersSolid lines
Media shapeFollow the corner styleArch
Button styleSolidOutline
Show paper grainOnOn
Layout
Text column width520 px600 px
Grid spacing10 px4 px
Motion
Motion levelFullCalm
Product cards
Image ratioPortraitTall portrait
Delivery and returns
Free shippingOn every orderFrom an order value
Free shipping fromNot set80
Delivery time3 to 7 business days2 to 5 business days
Return window in days3014
Return shipping is freeOnOff
Guarantee length2Not set
Fewest business days to deliver32
Most business days to deliver75
Product badges
Show New for30 d0 d
Cart
Cart typeDrawerDrawer

Templates each preset installs#

Templates are listed by file name, as they appear in the template picker at the top of the theme editor. A template without a suffix, such as product, is the default one. The base templates every preset shares are described in Pages and templates.

Placebo

Templates installed by the Placebo preset
TemplateSections it starts with
404Page not found
articleBlog post
blogBlog
cartCart
collectionCollection
indexHero, Notice, Claims, Facts table, Steps, Featured collection, Press and logos, Detail cards, Next steps, Questions, Creator videos, Email signup
list-collectionsCollections
page.aboutPage header, Timeline, Next steps
page.contactPage header, Page, Contact form
page.faqPage header, Questions, Next steps
page.formulationPage header, Divider, Facts table, Multicolumn, Divider, Claims, Image with text, Divider, Split hero, Divider, Claims, Next steps
pagePage
page.legalPage
page.sciencePage header, Figures, Detail cards, Divider, Claims, Divider, Claims, Divider, Multicolumn, Press and logos, Custom section, Next steps
page.shippingPage header, Delivery and returns, Image with text, Notice, Questions, Next steps
page.storyPage header, Timeline, Next steps
page.subscriptionPage header, Steps, Comparison table, Notice, Questions, Next steps
passwordPassword page
product.bundleProduct information
product.catalogProduct information
product.fullProduct information
product.gift-cardProduct information
product.heroProduct information
productProduct information
product.simpleProduct information
product.subscriptionProduct information
searchSearch results

Tizra

Templates installed by the Tizra preset
TemplateSections it starts with
404Page not found
articleBlog post, Featured collection
blogBlog, Email signup
cartCart
collectionCollection, Email signup
indexHero, Notice, Split hero, Multicolumn, Image with text, Featured collection, Collection list, Steps, Gallery, Blog posts, Questions, Email signup
list-collectionsCollections
page.aboutPage header, Figures, Split hero, Multicolumn, Gallery, Store information, Email signup
page.contactContact form, Store information, Next steps
page.faqQuestions, Next steps
page.harvestPage header, Steps, Facts table, Split hero, Notice, Featured collection
pagePage
page.legalPage, Next steps
page.shippingPage header, Steps, Image with text, Questions, Notice
page.tastingPage header, Multicolumn, Facts table, Comparison table, Image banner
passwordPassword page
product.bundleProduct information
product.heroProduct information
productProduct information
product.simpleProduct information
product.subscriptionProduct information
searchSearch results

Set up your store in order#

The theme reads a few values from one place and repeats them everywhere. Filling them first saves work later.

  1. Logo and menus. In the theme editor, select the Header section and choose your Logo and Main menu. See Header and navigation.
  2. Colors and fonts. Open Theme settings and adjust Colors and Typography. See Theme settings.
  3. Delivery and returns. Fill Theme settings > Delivery and returns once. The product page, the cart, the footer and the Delivery and returns section all read these values. See Delivery and returns.
  4. Product page. Open a product in the theme editor and arrange the blocks of the Product information section. See Product page.
  5. Policies. Publish your shipping, refund, privacy and terms policies under Settings › Policies in your Shopify admin. The footer lists them when Show policy links is on.
  6. Popups. Review the sections in the Popups group: cookie consent, country suggestion and the email signup popup. See Popups and password page.
  7. Optional product data. If you want badges, highlights or taglines per product, add the metafields described in Custom data. Nothing there is required.

How the theme is organized#

Three ideas explain most of what you see in the theme editor.

Stage and column#

The product page pins the gallery on one side of the screen, at the full height of the window, while one column of content scrolls on the other side. The same pattern is available elsewhere: a blog post with pinned pictures, a collection as a lookbook, a timeline whose picture follows the chapter being read, questions beside a pinned image, and the Stage and column section for your own pages. On phones the stage sits above the column.

Stage and column layoutOn the left, a pinned stage holds the gallery. On the right, a narrow column holds the first screen blocks, then the blocks below the first screen. Full-width blocks follow under both. Stage (pinned)gallery, slides, panel button First screentitle, price, buy buttons Below the first screendescription, facts, related Full-width blocksreviews, bundle builder, full-width group
The product page on a large screen. The same split is used by the lookbook, the blog post layout with pinned pictures and the Stage and column section.

Small, Medium, Large#

Almost every section has a Size setting with the choices Small, Medium and Large. A size is a composition of its own, not the same layout zoomed. Small is compact and dense, Medium is the standard page, and Large gives a picture or a figure more of the screen. The note under each section's Size setting says what changes for that section.

One source for repeated facts#

Statements about delivery, returns and guarantees come from Theme settings > Delivery and returns. Sale and sold out badges are computed from your prices and inventory. The theme does not invent urgency: it has no stock countdown, no visitor counter and no timer that restarts. Countdowns run to one real date that you enter.

Contents#

Get help#

Read the FAQ first: it answers the questions we receive most. If your question is not there, contact support. We reply within two business days, Monday to Friday. The support policy explains what is covered.

Still stuck? We answer within two business days, Monday to Friday.

Contact support