Slideshow articles settings

This guide describes the Slideshow articles section.

Use this section to customize your articles in slideshow format. You can turn on auto rotate, adjust the scroll speed, choose the number of columns, and set how many blog posts are displayed.

Demo Example:

This section appears on the blog archive page to showcase blog posts as scrollable banner-style slides.

How to access the Slideshow articles section

Access this section through the theme customizer:

Navigate to Online Store > Themes
Select “Customize” on your active theme
On any theme template, click “Add section”
Search and select “Slideshow articles”

Note: Section cannot be added to the Password page.

To insert a new section between existing ones, follow the steps in the article "Sections and blocks" and locate the section titled “How to add a section”.

Once the blog posts section is added, you can customize its appearance and functionality using the available settings.

How to configure the Slideshow articles section

Basic Components

The “Slideshow articles” section consists of general settings.

To start customizing your blog posts, click on the “Slideshow articles” section to access its settings.

General settings

Select a setting described in the following table:

Setting	Description
Color scheme	Choose a color scheme for the entire section. A color scheme consists of a predefined set of colors you can apply to this section for consistent styling. These schemes are created in the Theme Settings and are available across all sections, making customization faster and ensuring a cohesive color system throughout your store. Learn more about color schemes.
Switch background	Within each color scheme, you can define a secondary background in addition to the main background. When you enable Switch background, the main background of the section changes to the secondary background.
Slides color scheme	You can assign a separate color scheme to slideshow articles, including colors for the text and the date block.
Select blog	Select blog with blog posts to be displayed in the slideshow articles section, or create a new blog.
Show date	Enable this option to display the publication date of the blog post.
Show date icon	Enable to display a calendar icon next to the publication date.
Date color scheme	Choose a color scheme for the date to match your theme’s style.
Number of blog posts to show	Choose the desired number of blog posts that you want to display in the slider. This option allows you to control the quantity of blog posts visible to your visitors.
Number of columns on desktop	Use the slider to choose the number of columns—or a partial column width—for the desktop view.
Auto-rotate	Enable this option to activate automatic rotation of blog posts slides in the slider.
Change every	Set the interval (in seconds) between each slide when auto-rotate is enabled.
Scroll speed	Adjust the speed at which slides scroll in the slider.

Section padding

Setting	Description
Top padding	The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section.
Top padding mobile	The 'Top padding (Mobile)' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile	The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.