Theme Documentation

Juliette

Your complete guide to Juliette. Learn how every setting, component, and template works so you can build a store that feels entirely yours.

Getting Started

A quick summary of some general concepts and terms used across the theme so you can familiarize and understand them when you work inside of it.

Slider/Carousel
Learn what a Slider or Carousel is and how it works across the theme's components.
Display types
Understand the different ways content can be arranged and displayed within a component.
Colors
Learn how Color Packs work and how they control the look of components across the theme.
Devices
Understand the device breakpoints used across the theme and what each one refers to.
Widths
Learn how width options work and how they affect the layout of sections and content.
Hover
Understand what Hover means and how it applies to interactive elements in the theme.
Overlays
Learn what an Overlay is and where it appears within components and subcomponents.
Blocks
Understand what Blocks are and how they're used to add content within a component.
Margins
Learn how margins work and how they control the spacing between sections in the theme.
What are components?
An introduction to what Components are, how they're structured, and how to use them.
What are subcomponents?
Learn what Subcomponents are and how they relate to and live within Components.
What are templates?
Understand what Templates are and the role they play in the structure of your store.
Start reading

Theme settings

Everything that controls the overall look and feel of your theme lives here. Adjust colors, fonts, buttons, menus, and more — all from one place.

Store Title
Set how your store name appears across the theme and in search engine results.
Meta Tags settings
Control the SEO information that search engines and social platforms use to display your store.
Disable shopping settings
Turn off prices, cart buttons, and checkout features when you need to run your store in catalog-only mode.
Colors
Define the color palettes for your entire theme, including primary, secondary, accent, and interface tones.
Design
Fine-tune visual details like borders, shadows, spacing, and corner styles to match your brand's aesthetic.
Fonts
Choose and configure the typography used throughout your theme, including sizes, weights, and styles.
Icons
Set the icon style used across menus, buttons, and content areas of your storefront.
Buttons
Customize how buttons look and behave throughout the theme, from shape and size to text and outline styles.
Headings
Control the size, weight, spacing, and style of all headings used across your store's pages and components.
Desktop menu
Configure the layout and behavior of your store's navigation menu on desktop devices.
Mobile menu
Set how the navigation menu looks and works for customers browsing on mobile devices.
Search
Learn to set up and adjust the search functionality of your theme so your clients can find products easily.
See all theme settings

Components

Components are the building blocks of your store’s pages. Mix, match, and configure them to create layouts that work for your content and your customers.

What are Components?
New to components? Start here to understand what they are, how they work, and how to use them across your store.
Accordion
Display content inside collapsible sections — great for FAQs, product details, or anything that benefits from a clean, expandable layout.
Big Banner
A full-width hero section with text, buttons, and background imagery — ideal for promotions or key messages.
Blocks
Flexible content elements for displaying titles, text, buttons, and links in a structured, reusable way.
Contact
Show your store's contact information and communication channels in a clean, easy-to-read format.
Content Banners
Combine images and promotional text with calls to action to highlight products, collections, or campaigns.
Content Slider
Display multiple slides with images, text, and buttons in an interactive carousel format.
Countdown
Add a countdown timer to create urgency around a promotion, launch, or limited-time offer.
Featured Collection
Highlight a specific product collection alongside supporting visuals to drive customer attention.
Featured Reviews
Showcase customer reviews and testimonials to build trust with new visitors.
Flexible Content
Build custom layouts using columns and content blocks, giving you full control over structure and presentation.
Gallery
Display products, collections, or promotional content in a visually rich grid layout.
See all components

Templates

Templates control the layout and structure of every page in your store — from the home page and product listings to the cart, checkout, and customer account areas.

Layout
The master structure of your theme. It wraps every page with the global header, footer, and main container, and loads all shared components.
Home
The front page of your store. This is the first thing customers see, and the place to make a strong first impression.
Category
Displays the products within a category. You can use the default layout or create custom versions for specific categories.
Product
Shows all the details of a single product — images, description, price, and the add-to-cart action. Custom templates can be created per product.
Search Results
The page customers land on after using the store's search. It displays matching products based on their query.
Contact
Your store's contact page, which can display a contact form and any additional information you've set up.
Checkout
Covers the shopping flow templates, including the cart, checkout, order review, and confirmation pages. Note that some of these only apply if your store uses the Classic Checkout version.
Customer
Covers all pages related to your store's customer accounts — from registration and login to managing personal details and addresses.
Error
Shown when something goes wrong. The content adapts automatically depending on the type of error encountered.
See all theme templates