Block Section Settings: Difference between revisions
From Posstack.com Documentation
(Created page with "Easy Content Builder uses Section Settings as a special block to determine your ideal layouts within a section: * You can define 1-column, 2-columns, and 3-columns layouts that are fully responsive. * You can add as many sections on a page as you want. In each section, you create a Section Settings block to control the layout for that specific section. * You should always keep the Section Settings at the bottom of the Content Blocks list that you might add to a sect...") |
No edit summary |
||
Line 8: | Line 8: | ||
''(If you’re new to our Easy Content Builder, please refer to section [[Add App Sections]] and [[Add ECB Blocks]] for more details on how to create and edit a section.)'' | ''(If you’re new to our Easy Content Builder, please refer to section [[Add App Sections]] and [[Add ECB Blocks]] for more details on how to create and edit a section.)'' | ||
{| class="wikitable" | |||
|+ | |||
!Section settings | |||
!Description | |||
|- | |||
|Full Width Container | |||
|Display content of this section in full screen width. | |||
|- | |||
|Layout | |||
|Select a layout applied to the current app section: | |||
* One Column | |||
* Two Columns | |||
* Two Columns: First Block Right, others Left | |||
* Two Columns: First Block Left, others Right | |||
* Three Columns | |||
* Two Columns: First Block Right, others Left | |||
* Two Columns: First Block Left, others Right | |||
|- | |||
|Main Column Width | |||
|Set the width of the first block in percent. This setting is only applied to the layouts that have more than two columns. | |||
|- | |||
|Background image | |||
|Set the background image of the section. Once added, you can tab the Change button below the image to delete or change the image. | |||
|- | |||
|Mask Color | |||
|Specifies the color overlay over the background color or the background image. Click the color and use the color picker or enter the value of the new color in the text field. | |||
|- | |||
|Mask Image | |||
|Using the image as a mask layer. Must be a PNG image. You can download mask images here. | |||
|- | |||
|Mask Opacity | |||
|Set the opacity/transparency of the mask. | |||
|- | |||
| | |||
| | |||
|- | |||
| | |||
| | |||
|} |
Revision as of 22:34, 10 November 2022
Easy Content Builder uses Section Settings as a special block to determine your ideal layouts within a section:
- You can define 1-column, 2-columns, and 3-columns layouts that are fully responsive.
- You can add as many sections on a page as you want. In each section, you create a Section Settings block to control the layout for that specific section.
- You should always keep the Section Settings at the bottom of the Content Blocks list that you might add to a section.
From the Shopify theme editor, click on Section settings on the sidebar to view the details of settings.
(If you’re new to our Easy Content Builder, please refer to section Add App Sections and Add ECB Blocks for more details on how to create and edit a section.)
Section settings | Description |
---|---|
Full Width Container | Display content of this section in full screen width. |
Layout | Select a layout applied to the current app section:
|
Main Column Width | Set the width of the first block in percent. This setting is only applied to the layouts that have more than two columns. |
Background image | Set the background image of the section. Once added, you can tab the Change button below the image to delete or change the image. |
Mask Color | Specifies the color overlay over the background color or the background image. Click the color and use the color picker or enter the value of the new color in the text field. |
Mask Image | Using the image as a mask layer. Must be a PNG image. You can download mask images here. |
Mask Opacity | Set the opacity/transparency of the mask. |