Info blocks settings
How to access the Info blocks 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 “Info blocks”
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”.
How to configure the Info blocks section
Basic Components
The “Info blocks” section consists of two primary components:
- General settings – These control the overall settings of the section.
- Block – Each block has its own individual settings.
Available block types include:
- Info block (To learn about all available block settings, see the related article "Info block").
To insert a new block between existing ones or to add a block when none have been added yet, refer to the article "Sections and blocks" and locate the section titled “How to add a block”.
General settings
Select a setting described in the following table:
| Settings | Description |
| Heading | This field is for adding a heading to the section. In the top menu of the field, you can find options to customize the heading. Furthermore, you can click the dynamic source button to insert a dynamic source as the title of the section. |
| Heading size | The heading size setting offers three options to control the size of your section heading:
|
| Heading alignment | Align the heading according to your design preferences:
|
| Number of columns on desktop | Arrange info blocks in 1 to 3 columns on the page. |
| Color scheme | Choose the color scheme for the info blocks, including background, and text. |
| 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. |
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. |