Skip to main content

Article Page

The Article Page provides a powerful, customizable layout for showcasing your blog content.

With special formatting options, customizable blocks, and a versatile content display system, you can create professional, engaging articles that enhance your store's content marketing strategy.

Setting Up Your Article Page​

Accessing Article Settings​

  1. From your Shopify admin, go to Online Store → Themes
  2. Click Customize on your Label One theme
  3. In the theme editor, select Pages in the top dropdown menu
  4. Select Article page to customize your article layout

Customizing Your Article Layout​

Adding Content Blocks​

The article page uses a block-based system for complete flexibility:

  1. In the theme editor sidebar, click Add block
  2. Choose from available blocks:
    • Breadcrumbs — Navigation path showing blog/article hierarchy
    • Title — Your article's main heading
    • Author — Display the article author's name
    • Published date — Show when the article was published
    • Thumbnail — Featured image display
    • Content — The main article content
    • Notes — Optional section for additional information
    • Article comments — Reader comments section (if enabled)
  3. Click and drag blocks to reorder them in the sidebar

Configuring Individual Blocks​

  • Choose display size (XS, S, or Base) or hide completely
  • Set alignment (Left, Center, or Right)

Title​

  • Select from multiple text sizes (XL to 6XL)
  • Responsive options available (different sizes for mobile/desktop)

Content​

  • Select text size for optimal readability
  • Special formatting options available (see Advanced Content Formatting)

Notes​

  • Set text size for the notes section
  • Customize the notes title (default is "Notes")

General Article Settings​

In the main settings panel:

  • Toggle Display author name to show/hide the article author
  • Toggle Display published date to show/hide when the article was published
  • Adjust section spacing and padding
  • Select a color scheme for the article page

Advanced Content Formatting​

Label One includes a unique shortcode system for creating visually interesting layouts:

Creating Side-by-Side Sections​

When writing your article in the Shopify admin:

  • Wrap content in section tags to create alternating layouts
  • Inside each section, use content tags for text
  • Use image tags for images

This creates:

  • First section: Text on right, image on left
  • Second section: Text on left, image on right
  • Pattern continues for additional sections
Visual Storytelling

Use the side-by-side layout to create engaging, magazine-style articles that keep readers interested through visual variety.

Adding Special Notes​

To create a separate notes section:

  • Wrap notes content in notes tags
  • This content will appear in the Notes block (if added to your layout)

Comments Section​

If blog comments are enabled in your Shopify settings:

  • Add the Article comments block to display:
    • Existing comments with pagination
    • Comment submission form
    • Success/error messages
  • Comments are managed in your Shopify admin under Blog posts
Comment Moderation

Comments require approval in your Shopify admin before appearing on your live site. This helps prevent spam and maintain quality discussions.

Best Practices for Engaging Articles​

Image Optimization​

  • Use high-quality featured images (1200 × 800 pixels recommended)
  • Compress images before uploading (under 200KB ideal)
  • When using section layouts, keep images consistent in size
  • Use descriptive alt text for all images (SEO + accessibility)

Content Structure​

  • Use clear, descriptive titles (under 60 characters for best display)
  • Break content into short paragraphs for readability
  • Use the Notes section for key takeaways or product specifications
  • Include internal links to connect articles to relevant products

Mobile Considerations​

  • Preview your article on mobile devices
  • The section layout automatically stacks on mobile (image above text)
  • Consider using responsive text sizes
  • Ensure touch targets (links, buttons) are large enough

SEO Optimization​

  • Write compelling, keyword-rich titles
  • Include descriptive alt text for all images
  • Use internal links to connect articles to relevant products
  • Add meta descriptions in Shopify's blog post settings
Content Marketing

Link your blog articles to relevant products throughout the content. This drives traffic from educational content to product pages, improving conversion rates.

Block Organization Tips​

Recommended block order:

  1. Breadcrumbs (for navigation context)
  2. Title (main heading)
  3. Author + Published date (credibility)
  4. Thumbnail (visual interest)
  5. Content (main article)
  6. Notes (key takeaways)
  7. Comments (community engagement)

For minimal layouts:

  1. Title
  2. Published date
  3. Content
  4. Comments
Preview Mode

Changes made in preview mode won't affect your live store until you publish. Always preview on multiple devices before publishing.

Last updated on