Featured blog
Overview:
The Featured blog section showcases a collection of blog articles in a structured layout. It supports multiple display options, including grid and slideshow formats, allowing store owners to feature their latest or most relevant blog content. The section includes customizable elements such as headings, descriptions, images, and metadata (author, date, tags, etc.).
Section Configuration:
Blog Selection
| Setting |
Description |
| Blog |
Selects the blog from which articles will be displayed. |
Text Content Settings
| Setting |
Description |
| Caption |
A short text displayed above the heading. |
| Caption Size |
Adjusts the caption text size (Small, Medium, Large, Extra Large). Default: Medium. |
| Caption Font Weight |
Controls the boldness of the caption text. Default: Bold. |
| Heading |
Main title for the section. Default: "Featured Blog". |
| Heading Size |
Adjusts the heading text size (H1–H4). Default: H4. |
| Heading Font Weight |
Controls the boldness of the heading. Default: Bold. |
| Description |
Additional text displayed below the heading. |
| Description Size |
Adjusts the description text size. Default: Small. |
| Description Weight |
Controls the boldness of the description text. Default: Normal. |
Layout & Grid Settings
| Setting |
Description |
| Number of Columns on Desktop |
Sets how many articles are shown per row on desktop (2–4). Default: 4. |
| Number of Rows on Desktop |
Sets how many rows of articles are shown on desktop (1–3). Default: 1. |
| Number of Columns on Mobile |
Defines the number of articles per row on mobile (1 or 2). Default: 2. |
| Text Alignment (Desktop & Mobile) |
Adjusts the alignment of text content. Default: Left. |
| Color Scheme |
Applies a predefined color scheme to the section. Default: Scheme1. |
Blog Article Card Settings
| Setting |
Description |
| Card Media Size |
Defines the aspect ratio of images (Adapt, Square, Portrait, Landscape). Default: Adapt. |
| Show Featured Image |
Toggles the display of blog article images. Default: Enabled. |
| Show Tags |
Displays article tags below the title. Default: Disabled. |
| Show Date |
Displays the publication date of each blog post. Default: Enabled. |
| Show Author |
Displays the author's name under the title. Default: Enabled. |
| Show Excerpt |
Displays a short preview of each article. Default: Enabled. |
| Show Comments Count |
Displays the number of comments on each post. Default: Enabled. |
Slideshow Settings (Optional)
| Setting |
Description |
| Enable Slideshow |
Converts the blog list into a slider/carousel. Default: Disabled. |
| Auto Play |
Enables automatic sliding of articles. Default: Disabled. |
| Show Navigation |
Displays previous/next arrow buttons. Default: Enabled. |
| Show Pagination |
Displays dot indicators for multiple slides. Default: Enabled. |
| Setting |
Description |
| Enable "View More" Button |
Adds a button linking to the full blog. Default: Enabled. |
| Button Text |
Defines the button label (e.g., "View More"). |
| Button Style |
Selects between "Primary" or "Secondary" button styles. Default: Secondary. |
Spacing Settings
| Setting |
Description |
| Top Padding |
Adjusts the top spacing of the section (0–100px). Default: 60px. |
| Bottom Padding |
Adjusts the bottom spacing of the section (0–100px). Default: 60px. |
