03GENERAL

Main article

This page explains how “Main article” actually behaves, which data it depends on, and what its settings change.

WHAT IT DOES

Main article

This page explains how “Main article” actually behaves, which data it depends on, and what its settings change.

Used in templates

article.ingredients.jsonarticle.jsonarticle.routines.jsonarticle.skin-essentials.jsonarticle.skin-notes.json

IMPLICIT BEHAVIOR

What the theme does automatically

→
Reading time is recalculated from HTML-free text: word count ÷ 220, then one minute is added.
→
The table of contents is built in the browser from H2 and H3 headings, only appears when the configured minimum is reached, and is collapsed by default on mobile.
→
Excerpt, tags, and author come from the Shopify article. When data is missing, the related area is not rendered.
→
Native sharing only appears when the browser supports Web Share. Link copying has a fallback and the confirmation returns to its initial label after about 1.8 seconds.
→
The Shopify author bio takes priority over the fallback bio entered in the section. Without a photo, the author initial is used.
→
Comments only appear when enabled for the blog; they are paginated by ten and respect Shopify moderation.
→
The sticky product appears after the marker below the header leaves view. A single-variant product can be added directly; a multi-variant product opens the picker.
→
Pagination is calculated by Shopify: the section only loads the configured number of items per page.
→
Add to cart uses Shopify’s cart. Price, inventory, and availability remain controlled by Shopify.

CONFIGURATION

Understand the settings

Header

Configure the texts and elements displayed at the top of the section.

Header layoutheader_layout

Default: editorial · Options: Editorial, Text on image, Minimalist

Show breadcrumbsshow_breadcrumbs

Default: enabled

Accessible breadcrumb labelbreadcrumbs_label

Show excerptshow_excerpt

Default: enabled

Show authorshow_author

Default: enabled

Author prefixauthor_prefix

Show reading timeshow_reading_time

Default: enabled

Reading time labelreading_time_label

Show tagsshow_tags

Default: enabled

Accessible tag labeltags_label

Liquid date formatdate_format

Use a Liquid date format, for example %d %B %Y.

Default: %d %B %Y

Image height on desktophero_height

Default: 620 · Range: 420–820px

Image height on mobilehero_height_mobile

Default: 520 · Range: 360–680px

Darkening of the imageoverlay

Default: 40 · Range: 0–80%

Reading

Adjust the reading width and generation of the article summary.

Text widthcontent_width

Default: 760 · Range: 620–920px

Show automatic summaryshow_toc

Default: enabled

Summary titletoc_heading

Minimum number of headingstoc_min_headings

The summary appears only when the article contains at least this number of headings.

Default: 2 · Range: 1–6

Sharing

Enable sharing options and customize their labels and status messages.

Show shareshow_share

Default: enabled

Share captionshare_eyebrow

Share titleshare_heading

Native share labelnative_share_label

Copy labelcopy_label

Copy Confirmationcopied_label

Sharing error messageshare_error

Facebook labelshare_facebook_label

Pinterest Labelshare_pinterest_label

WhatsApp labelshare_whatsapp_label

Author

Set up the additional author blurb at the end of the article.

Show author profileshow_author_box

Default: enabled

Eyebrow of the author fileauthor_box_eyebrow

Photo of the authorauthor_image

Function or expertiseauthor_role

Biographyauthor_bio

Sticky product on mobile

Configure the shopping bar that remains accessible while playing on mobile.

Display a sticky productshow_sticky_product

Default: disabled

Productfeatured_product

The product is used by the mobile shopping bar when it is activated.

Accessible wordingsticky_accessibility_label

Product surtitlesticky_eyebrow

Addition labelsticky_add_label

Selection labelsticky_choose_label

Label while addingsticky_adding_label

Wording after additionsticky_added_label

Label unavailablesticky_sold_out_label

Message in case of errorsticky_error_label

Comments

Adapt the texts of the comment form and its confirmation messages.

Comment surtitlescomments_eyebrow

Comment titlecomments_heading

Form titlecomment_form_heading

Name wordingcomment_name_label

Email address labelcomment_email_label

Comment wordingcomment_body_label

Button labelcomment_submit_label

Confirmation messagecomment_success_message

Message in moderationcomment_moderated_message

Spacing

Adjust the space above and below the section.

Top margin of contentpadding_top

Default: 72 · Range: 0–120px

Content bottom marginpadding_bottom

Default: 104 · Range: 0–160px

Section palette

Applies a consistent palette to the background, text, and buttons in this section.

Section appearance

Use a dedicated paletteopaline_use_color_scheme

Default: disabled

Paletteopaline_color_scheme

Default: scheme-1

Title

Alignment on desktopopaline_heading_alignment

Default: inherit · Options: Keep the design, Left, Center, Right

Spacing

Space after sectionopaline_section_spacing

Creates space between this section and the next. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–160px

Left and right insetopaline_content_inset

Moves content away from the edges. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–120px

COMPOSITION

Available blocks

This section has no reorderable blocks. Its content is controlled by its settings and related Shopify data.

CHECKS

Before publishing

✓
Content remains readable in every color scheme.
✓
Labels match the storefront language.
✓
Displayed promotions match Shopify rules.
✓
Interactions remain accessible by keyboard and touch.