Image Specs

HOMEPAGE

Hero Image - 2000 x 960px
About Images - 1000 x 750px

 

PRODUCTS

Product Image - 800 x 1200px

 

COLLECTIONS LANDING PAGE

Collection Image - 2000 x 690px

 

SKINCARE

Hero Image - 2000 x 420px
Collection Tip Image - 1000 x 750px

 

JOURNAL

Article Featured Image - 1500 x 830px

 

ABOUT PAGE

Content Block Image - 800 x 1130
Press Logo - 400 x 400px (the logo should be vertically centered and full width)

 

GENERAL TEXT PAGES

Any Image - 1500px wide

 

 

Header / Footer

Edited under Theme Settings > Header / Footer

 

1. Search
Checking the Show Search checkbox will display a search icon and allow users to search products.

 

2. Promotional Banner
Checking the Show Banner checkbox will display the promo banner at the top of the site. The Banner Message will display along site a refer a friend link. The subject and content of the referral email will be pre-populated with the Referral Email Subject and Referral Email Message.

 

 

 

3. Newsletter Signup
The Mailchimp Action Url field determines which Mailchimp list the footer and popup signup forms are associated with. Instructions on obtaining the Url can be found by clicking the link below the field.

 

 

 

4. Menus
All menus can be edited under Online Store > Navigation. All top-level menus are already created.

To add a desktop submenu, create a menu with the name of an existing link. (e.g. if there is a link titled 'Shop' in the Main Menu, simply create a menu titled Shop).

To add a mobile submenu, create a menu with the word 'mobile' and then name of an exiting link. (e.g. if there is a link titled 'Shop' in the Mobile Menu, simply create a menu titled Mobile Shop). See the example below.

 


 

 

Home Page

Edited under Theme Settings > Homepage

Hero Image - 2000 x 960px
About Images - 600 x 600px

 

1. Hero Section
The large Image, text, and link shown at the top of the homepage are edited here.

The left 1/3 of the hero image is cropped out on mobile, so be sure to place any important content in the right 2/3 of this image.

 

 

 

2. About Section
The about section text and images can be edited here.
You have the option to show 3 or 4 images. Checking the Show Image 4 checkbox will display the 4th image.

 

 

 

4. Journal Section
This section is automatically populated with the latest article from the Journal blog.

 

 

 

Products

Edited under Products > Products

Product Image - 800 x 1200px

 

1. Ingredients

The ingredients list is displayed in a special format. Ingredients should be added to the bottom in the product's content editor. After typing the list in, highlight it, and select blockquote from the formatting dropdown (the large A button). The word 'ingredients' is automatically added.

 

 

 

 

3. Waitlist / Notifications

An app has been installed which allows customers to receive an email notification when a sold out product is back in stock. The app settings can be edited under Apps > Simplify Notifications.

To allow this functionality on a product, click the ... button, then the Edit Notifications button near the top of a product page. Then, check the Enable Notifications checkbox and save.

 

 

 

Once enabled, the waitlist/notifications button will show if the following conditions are met.

Inventory policy is set to Shopify Tracks This Product's Inventory

Quantity is 0

The Allow customers to purchase when out of stock checkbox is checked

 

 

 

4. Skincare Tip
This section is added on a collection basis. Instructions can be found below, under Skincare. 

 

 

 

5. Related Products
Related products are optional, and can be added by including tags in the following format: 'related-product-handle'.

e.g. To add include a product titled Test Product, include the tag 'related-test-product'.

A product's handle can be found under the Search Engine Preview section, at the end of the Url and Handle field. Note that a product handle is usually the same as the product title, but all lower case, with dashes in place of spaces.

 

 

  

 

 

6. Subscriptions
If the ability to create a subscription is added to a product, a choice between a one time, and recurring order will be displayed. This app can be edited under Apps > Recurring Orders. An instructional video can be found here http://bit.ly/1UGMFe0

 

 

Collections Landing Page

Edited under Theme Settings > Collections Page

Collection Image - 2000 x 690px

 

This is a page which allows you to feature a custom set of collections.

 

1. Adding a Collection
For each collection you would like to include, add title, a link to the collection (or any desired page), and an image.

 

 

 

The image will be cropped on mobile, and only the middle 1/3 will be displayed (example below). Ensure any important content is within this area.

 

 

 

 

 

 

Skincare

Hero Image - 2000 x 420px
Collection Tip Image - 1000 x 600px

 

1. Skincare Hero Image

Edited under Theme Settings > Skincare 101 Page

 

The large image and text at the top of the skincare page can be edited in theme settings.

 

 

 

2. Skincare Articles
Edited under Online Store > Blog Posts

Skincare articles can be added by creating a blog post and attributing it to the skincare blog.

An excerpt must be added and should be the same as first few sentences of the content. The excerpt is shown before the user clicks the Read More button. Clicking the button reveals the article's full content.

 

 

 

3. Collection Tips
Edited under Theme Settings > Skincare - Collection Tips

A skincare tip can be added to a collection. When added, it will show on the product page of all products within that collection.

To begin, enter a collection's handle This is usually the same as the collection's title, but all lowercase, with dashes in place of spaces. (A collection's handle can be found near the bottom of the collection's admin page, under Edit Website SEO)

Then, add an image, a title, and text. If you have a Vimeo video to include, add the iframe code to the Video Iframe field (click the link below the field for full instructions). If you add a video, you will still need to include an image. This Image will display until the user clicks the play button.

 

 

 

Journal

Edited under Online Store > Blog Posts

Article Featured Image - 1500 x 830px

 

Journal articles can be added by creating a blog post and attributing it to the journal blog.

An excerpt must be added and should be the same as first few sentences of the content. The excerpt is shown before the user clicks the Read More button. Clicking the button reveals the article's full content.

 

 

 

 

The most recent article from the Journal is automatically displayed on the homepage.

 

 

 

About Page

Content Block Image - 800 x 1130
Press Logo - 400 x 400px (the logo should be vertically centered and full width)

 

1. Content Blocks

Edited under Theme Settings > About Page

Add an image, title, and text to a block. Checking the Show Block checkbox will display the block.

 

 

 

2. Press
Edited under Theme Settings > Press

Press listings are shown at the bottom of the about page. For each listing, add an image and check the Show Listing checkbox to display the listing. An optional link can be added, allowing you to link the logo to a web url. (Make sure you include the http:// or https:// at the beginning of the url).

 

 

Contact Page

Edited under Theme Settings > Contact Page

 

1. Contact Info
The contact email address and phone number can be edited here.

 

 

 

General Text Pages

Edited under Online Store > Pages

Any Image - 1500px wide 

 

1. Formatting

When editing a page, an underlined title can be created by highlighting the desired text and formatting it as a Heading 2.

When separating paragraphs, one return will break to a new line, two returns will add a space between paragraphs.

 

 

 

 

Close

Shopping Cart

Newsletter

Sign up for our newsletter and receive 10% off your first purchase.