Story and marketing sections#

These sections help you tell the story behind your clothes and collect email addresses. There are no countdown timers or urgency messages in this theme.

Fabric and care story#

Explains your materials and care. It shows up to four points (blocks) and a "spec card" with fiber, weight and care. You type the card text in the section, so it is the same wherever the section appears.

Editor name: Fabric and care story. Where you can add it: Home page, Pages, Product pages. Blocks: up to 4.

The section is not in the default product page. It is meant for the home page or any other page. You can still add it to the product page with Add section.

Settings#

Content

Image

Spec card

Style

Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.

Image caption and link (at the end of the settings list, Macro layout only)

Blocks#

Block: Point (up to 4)

Tips

• Type the Card heading, Fiber, Weight and Care yourself. The card is the same wherever the section is shown, so write text that fits the whole page, for example a general fabric story for a collection.
• The Macro layout shows a full-width image band and a garment-label strip instead of the card. It also adds a short caption and a link under the image band (see Image caption, Image link label and Image link). The image needs to be set for the caption and link to show.
• The section is not in the default product page. You can add it to the product page, where it appears below the product details, but the text is the same on every product that uses the template.

Shop the look#

An image with numbered or dotted hotspots. Each hotspot points to a product. A list beside the image shows each product with its thumbnail, title and price.

Editor name: Shop the look. Where you can add it: Home page, Pages, Product pages. Blocks: up to 6.

Settings#

Content

Look

Style

Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.

Blocks#

Block: Hotspot

Tips

1. Add the Image.
2. Add a Hotspot block for each product.
3. Pick the Product, then move Horizontal position and Vertical position until the dot sits on the right garment. 0 is the left or top edge and 100 is the right or bottom edge.

• You can add up to six hotspots.
• On product pages this section can show a look for that product.

Lookbook#

A photo with hotspots and an optional product list. The Triptych layout shows three images side by side with hotspots on the middle one.

Editor name: Lookbook. Where you can add it: Home page, Pages. Blocks: up to 6.

Settings#

Content

Look

Style

Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.

Blocks#

Block: Hotspot

Tips

• Works like Shop the look, with more layouts. Use Lookbook for editorial photos and Shop the look for a single outfit.
• With Open the first product card on, the card of the first hotspot is open when the page loads.

Capsule launch#

An announcement for a coming collection with a release date as plain text and a "notify me" email form. It does not show a countdown.

Editor name: Capsule launch. Where you can add it: Home page, Pages.

Settings#

Content

Release

Signup form

Image

Style

Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.

Tips

• Release date is free text, so "Early March" works.
• Every customer who signs up gets the Customer tag you set (the default is capsule-launch). On release day, create a customer segment with that tag in Customers > Segments and email it with Shopify Email or your email app.
• The Invitation layout puts the text and form on a framed card beside the image.

Blog posts#

Shows recent articles from one of your blogs. Use it on the home page, product pages or collection pages.

Editor name: Blog posts. Where you can add it: Home page, Pages, Product pages, Collection pages, Article pages.

Settings#

Content

Post details

Style

Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.

Tips

• Pick the Blog whose articles you want to show.
• Show reading time is estimated from the article length.

Newsletter#

A sign-up form for email marketing. It uses Shopify's customer form, so subscribers appear in Customers in your admin with the tag newsletter.

Editor name: Newsletter. Where you can add it: Home page, Pages, Collection pages, Product pages, Article pages, Blog page.

Settings#

Content

Signup form

Style

Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.

Tips

• The default Success message says to check the inbox to confirm. If your store does not send a confirmation email, change the message.
• In the Bleed right layout, the image runs to the right edge of the page.
• To email subscribers, filter your customers by the tag newsletter in Shopify Email or your email app.

Newsletter popup#

A sign-up popup. It is off by default. When on, it never appears on the first page load of a visit, and it waits for the page view and delay you choose.

Editor name: Newsletter popup. Where you can add it: Any page.

Settings#

Behavior

Content

Style

Spacing: Top padding (56 px, 0 to 200 px), Bottom padding (48 px, 0 to 200 px). These add space above and below the section.

Tips

1. Turn on Show popup.
2. Choose After a delay or When the visitor is about to leave (desktop) in Show.
3. Set Delay and Show from page view. The popup waits until that page view or later. Use a long delay: popups can hurt first impressions.
4. Set Show again after dismissal (days) so visitors who close it are not asked again too soon.

• To edit the popup, open the home page in the theme editor. Newsletter popup is at the bottom of the sidebar, in the same list as Cart drawer and below the Footer group. That list has no heading.
• In the theme editor, the popup is not timed. It opens when you select the section and closes when you select something else.
• The popup does not show on the cart page, the password page or the gift card page.
• Show on mobile controls whether phone visitors see it.
• On phones the popup is 350 px wide with the image on top.