Blog & pages

Lapels ships a template for every piece of editorial and informational content a menswear store carries: a blog index, an article page, a standard page, a contact page, and a ready-made FAQ page. Each one is driven by a single main section, so you arrange it visually in the theme editor and never touch code. This page covers where each content type is created in your Shopify admin, which section renders it, and how to point a page at an alternate template.

How content templates work

Your content lives in the Shopify admin. That means the article body, the page body and the tags. The template decides how that content is presented. Lapels provides one template per content type.

Content type	Where you create the content	Rendered by
Blog index	Online Store → Blog posts (a blog)	Blog section
Article	Online Store → Blog posts (a blog post)	Article section
Standard page	Online Store → Pages	Page section
Contact page	Online Store → Pages, on the contact template	Contact page section
FAQ page	Online Store → Pages, on the faq template	Page section + FAQ section

You edit the content in the admin and the presentation in the theme editor under Online Store → Themes → Customize. On any of the five you can add extra sections above and below the main one.

Note

Every section on this page carries the same two presentation groups, so they are described once here rather than repeated in each table. Color scheme picks which of the schemes from your theme settings paints the section. Section spacing holds a Device switch, set to Desktop or Mobile, and then Top and Bottom padding from 0 to 200px in steps of 4. Desktop starts at 96px and mobile at 56px, and the two sets of values are stored separately.

Create a blog and articles

Shopify keeps articles inside blogs. A new store arrives with one blog called News, and that is the blog the “more posts” section on Lapels’ shipped article template points at.

1. In your Shopify admin, go to Online Store → Blog posts.
2. Click Create blog post. Give it a Title, write the body, and add a Featured image, an Excerpt, Tags, and an Author as needed.
3. To keep posts in a separate blog, open Manage blogs → Add blog. Each blog gets its own URL and its own listing page, both rendered by the blog template.
4. Set Visibility to publish now or schedule for later.

The theme reads these admin fields directly:

• Featured image is the card image on the blog index, the hero on the article, and the article’s social share image.
• Excerpt becomes the card summary. With no excerpt set, the card falls back to the opening of the body.
• Tags build the blog’s tag filter, the per-tag archive pages, and the tag row in the article’s footer.
• Author shows in the card meta and in the article colophon when you turn those on.
• Comments appear on the article only when the blog allows them in the admin.

The blog index

The blog listing is drawn by the Blog section. On page one the newest post runs as a large split feature, with the photograph on one side and the words on the other. Every post after it falls into a three-up grid of cards. Above them sits the blog title and, when any article in the blog carries tags, a row of plain tag links with an All posts link to clear the filter.

Setting	What it does	Default
Color scheme	Section colors, chosen from the schemes in your theme settings.	scheme-paper
Posts per page	How many posts a page holds before pagination, 4–25. The first post on page one runs larger than the rest.	7
Show excerpt	Prints the excerpt under each card title.	On
Show date	Prints the publish date in the card meta.	Off
Show author	Prints the author name in the card meta.	Off

Blocks: Custom Liquid and app blocks, so a subscribe app or a snippet can sit inside the section.

Note

The tag filter has no on/off setting. It appears when at least one article in the blog has a tag, and it disappears when none do. Tag your articles consistently and the filter builds itself.

The shape of the card photograph is a global choice, not a per-section one. Theme settings → Blog → Image ratio offers Tall (2 by 3), Portrait (3 by 4), Square (1 by 1), and Landscape (4 by 3). Landscape is the default.

It governs the cards here and the cards in the Blog posts section together, so a reader crossing from the home page to the blog never sees the same photograph recut. The article’s own page is unaffected. The image there is sized by that page’s hero settings.

A blog with no published posts shows a single line saying so, rather than an empty grid.

The shipped blog template also carries a Newsletter section under the listing. Remove it, or swap it for anything else, in the theme editor.

The article page

Individual posts are drawn by the Article section. It carries the featured image as a hero, the title, a colophon of byline and date, the body on a controlled reading width, the article’s tags, share links, a link back to the blog, and the comment thread.

Setting	What it does	Default
Color scheme	Section colors.	scheme-paper
Content width	The reading measure of the article body: Narrow, Normal, Wide, or Extra wide.	Wide
Featured image	Where the hero goes. Behind the heading sets the words on the photograph. Above the article places it under them. Hidden drops it.	Behind the heading
Height	How tall the hero band stands: Small, Medium, Large, or Full screen. Shown only on Behind the heading.	Large
Maximum height	How tall the band may grow on a large screen: 800 px, 900 px, 1,000 px, 1,100 px, or No maximum. It still shrinks to fit a smaller screen. Shown only on a full-screen hero.	900 px
Overlay strength	How hard the hero is washed so the title over it stays legible: Very strong, Strong, Medium, Soft, or None. Shown only on Behind the heading.	Strong
Overlay color	Which scheme the wash and the title are drawn from.	scheme-night
Show date	Prints the publish date in the colophon.	On
Show author	Prints the author name in the colophon.	On
Show reading time	Prints an estimated reading time in the colophon, counted from the article body.	On
Show share links	Shows the share row: X, Facebook, Pinterest, and email.	On
Show comments	Shows the thread and the comment form. Turn comments on for the blog in the admin as well.	On
Comments per page	How many comments a page holds, 5–50 in steps of 5. Longer threads continue on numbered pages.	20

Blocks: Custom Liquid and app blocks.

The colophon is a ruled register under the title. It carries the author, the publish date and the reading time. When the comment thread is on and has comments in it, it also carries a Responses count that jumps straight down to them. Each row appears only when it has something to say, and the whole register disappears when all four are off or empty.

Lapels also gives search engines structured data for every post: headline, description, image, publish and modified dates, author, and publisher. That is automatic and needs no setup.

The shipped article template carries a Blog posts section below the article, set to three posts from your News blog. It is an ordinary section, so you can change the blog, the count or the heading, or remove it entirely. See Blog posts.

Tip

Set Featured image to Hidden on posts that have no photograph worth running at hero size. The title then opens the page on its own, on paper, which reads better than a placeholder.

Comments

The thread and the form only appear when both halves agree: Show comments is on in the section, and comments are allowed for that blog in your admin.

1. Go to Online Store → Blog posts → Manage blogs and open the blog.
2. Under Comments, choose Comments are allowed, pending moderation (recommended) or Comments are automatically published. Save.

With both on, the article shows the comment count as the thread heading, the comments newest first, and a Name / Email / Comment form under them. Long comments collapse behind a Read the full comment toggle. On a moderated blog, the visitor is told their comment appears once it has been read. On an unmoderated one it is published immediately, and the confirmation sits at the head of the thread, directly above their own words. A failed post returns a summary at the form, with each message tied to the field that raised it.

Standard pages

Use a page for anything evergreen: About, Shipping, Returns, a size guide, a stockist list.

1. In your Shopify admin, go to Online Store → Pages → Add page.
2. Enter a Title and write the body. Headings, lists, links, tables, and images in the body are all styled by the theme.
3. Set Visibility, then Save.

A page arrives on the default page template, drawn by the Page section: the page title as the page heading, a drawn hairline under it, and the body set as rich text on a centered measure.

Setting	What it does	Default
Color scheme	Section colors.	scheme-paper
Content width	How wide the column runs: Narrow, Default, or Wide. Narrow holds the line length where long prose stays comfortable to read.	Default

Blocks: every theme block Lapels offers, plus app blocks, rendered under the page body. That is what lets one page carry a heading, a paragraph, an image, a divider, a button, a video, or an app block without a new template.

Note

The title always comes from the page record in the admin and is always the page heading. There is no “hide the title” switch, because the heading level has to land somewhere and the page record is the one place every page has it. If you want a page that opens differently, build it out of blocks and sections and leave the page body empty. The section draws nothing it has not been given.

Alternate page templates

Not every page wants the same shape. A page can be pointed at a different template, and Lapels ships two beyond the default: contact and faq.

To point a page at one:

1. In your Shopify admin, go to Online Store → Pages and open the page.
2. In the right-hand column, find the Online store card and its Theme template menu.
3. Choose the template: contact, faq, or Default page.
4. Save, then open the page in the theme editor to fill it in.

To make a template of your own, open the theme editor, switch the page selector to the page template, and use Create template. Give it a name, such as landing, configure its sections, and it appears in that same Theme template menu in the admin. The same duplicate-and-assign flow works for blogs and articles.

Caution

Changing a page’s template changes what shows on it. The page’s own title and body carry across, but sections and settings belong to the template, so anything you configured on the old one stays there rather than following the page.

The FAQ page template

The faq template is a ready-made answers page. The Page section sits at the top, holding the page title and any intro you write in the admin. The FAQ section sits under it, holding the questions.

The two are tuned to sit together. The page’s bottom padding and the FAQ’s top padding are both pulled in, so the title and the first category read as one page rather than two stacked bands.

It arrives filled in, with four categories: Fit, Delivery, Returns and exchanges, and Care and cloth. Each carries a run of questions, laid out in two columns with a sticky category index in the left rail. Rewrite every answer. They are written as menswear placeholders, and a returns policy that is not yours is worse than none.

Create a page called something like “FAQ”, assign the faq template, and edit the questions in the theme editor. Add a category by adding a Category block. Add a question by adding a Question block under it.

The contact page

The contact template is drawn by the Contact page section. Your page title and body sit at the top, a contact form on one side, and a panel of theme blocks on the other. That panel usually holds the address, opening hours, and a note about repairs.

Setting	What it does	Default
Color scheme	Section colors.	scheme-paper
Heading	The headline above the form. Italicize a word or two and the theme prints them in the accent color.	”Write to us”
Text	Rich-text copy under the heading. Say what you answer and how quickly.	”Every message is read by the people who make the clothes…”
Layout	Split sets the words beside the form on desktop. Stacked runs them above it.	Split

Blocks: every theme block, plus app blocks. They fill the side panel. The shipped template uses a heading, an address, a divider, a second heading, a paragraph about response times, and a small label about repairs. With no blocks at all, the form takes the full width and the split layout is skipped.

The form goes through Shopify’s own contact handling. Messages arrive by email at the address in Settings → Store details. The fields are fixed. They are Name, Email, Phone, and Message, with Email and Message required, and a note under them explaining the asterisk. A successful send is confirmed in place. A failed one returns a summary at the top of the form, with each message tied to the field that raised it.

The shipped contact template also carries an FAQ section under the form, holding five common questions in two columns. Reword them, or remove the section in the theme editor.

The page’s title from the admin is the page heading. If a page somehow carries no title, the form’s own heading is promoted in its place, so the page is never left without one and never given two.

Tip

Add the contact page to a menu under Content → Menus so customers can reach it, and add a Contact cards section under the form if you want a directory of ways to reach you beside the form itself. That covers email, phone, the shop address and opening hours.

Adding sections to a page

Any page template takes extra sections above or below its main section, added with Add section in the theme editor. The ones that earn their place on a content page most often:

Section	What it adds
Rich text	A heading and body copy on a controlled measure, with an optional button.
FAQ	A ruled list of questions and answers, grouped into categories.
Contact form	A standalone form with a column of copy beside it, for a page that is not the contact page.
Contact cards	A row of ways to reach you: email, phone, hours, and a map tile with your address.
Spec table	A table you build column by column, such as a size chart, a care matrix or a comparison.
Newsletter	An email signup band.
Custom Liquid	Your own code, or a snippet an app gave you.

The full list is in Sections.

Related: Customer accounts · 404 & password · Blog posts · FAQ · Lapels support replies within 12 hours.