Article Page
Overview
The Article Page in Label One theme 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
- From your Shopify admin, go to Online Store > Themes
- Click Customize on your Label One theme
- In the theme editor, select Pages in the top dropdown menu
- 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:
- In the theme editor sidebar, click Add block
- 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)
- Click and drag blocks to reorder them in the sidebar
Configuring Individual Blocks
Breadcrumbs
- 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
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
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
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
Mobile Considerations
- Preview your article on mobile devices
- The section layout automatically stacks on mobile (image above text)
- Consider using responsive text sizes
SEO Optimization
- Write compelling, keyword-rich titles
- Include descriptive alt text for all images
- Use internal links to connect articles to relevant products
By following this guide, you'll create professional, engaging articles that enhance your store's content marketing while providing valuable information to your customers.