Blog posts
General
The Blog template allows you to display articles from a specific blog. You can customize its layout, appearance, and functionality using various settings to enhance readability and engagement.
Customization Options
Color Scheme
- Choose a predefined color scheme to match your store’s branding and overall theme.
Articles per Page
- Define the number of articles displayed per page, ensuring a well-balanced layout.
Blog Title & Tag Filters
- Enable or disable the blog title display.
- Show or hide tag-based filters, allowing visitors to refine content based on available tags. If no tags exist, the filters remain hidden.
Title Alignment & Spacing
- Center the blog title if needed.
- Adjust the gap between articles (in pixels) to control the spacing and overall flow.
Desktop & Tablet Layouts
- Set the number of articles displayed per row on desktop and tablet views to optimize readability and organization.
Banner Blocks
Use Banner blocks to highlight specific products, promotions, or brand messages along the articles. Customize the banners using block settings:
-
Placement within the blog articles grid: The banner can be displayed after a specific number of blog articles.
-
Visual appeal: You can include images or videos that blend seamlessly with the articles layout.
-
Text and links: Add a heading and link to direct customers to a campaign page, a specific collection, or a product.
-
Visibility settings: Choose whether the banner appears only on the first page or across all blog posts views.
-
Banner width: Define the banner column width for desktop and tablet.
Custom Spacing Block
By using the custom spacing block you can easily adjust the padding and margin top of any section to suit your design needs.
- Note: Values set in the custom spacing block will override those defined in the general theme settings, applying locally only to this specific section.
Steps to Add Custom Spacing for a Section:
- Open the theme editor and select the section you want to edit.
- Click the section name to open its settings, then find and click "Add block."
- Select "Custom Spacing" and define padding and margin top values for the section.
- The values you set here will locally override the general padding settings in the theme.