Add section settings: Difference between revisions
From Posstack.com Documentation
mNo edit summary |
|||
| Line 20: | Line 20: | ||
==Edit Section Settings== | ==Edit Section Settings== | ||
===Add multi-column layouts=== | ====Add multi-column layouts==== | ||
:https://cdn.shopify.com/s/files/1/0683/5339/2927/files/section-settings-multi-cols.gif | :https://cdn.shopify.com/s/files/1/0683/5339/2927/files/section-settings-multi-cols.gif | ||
===Add the background image=== | ====Add the background image==== | ||
:https://cdn.shopify.com/s/files/1/0683/5339/2927/files/section-settings-bg-img.gif | :https://cdn.shopify.com/s/files/1/0683/5339/2927/files/section-settings-bg-img.gif | ||
===Add the background video=== | ====Add the background video==== | ||
:https://cdn.shopify.com/s/files/1/0683/5339/2927/files/section-settings-bg-video.gif | :https://cdn.shopify.com/s/files/1/0683/5339/2927/files/section-settings-bg-video.gif | ||
===Add the background color=== | ====Add the background color==== | ||
:https://cdn.shopify.com/s/files/1/0683/5339/2927/files/section-settings-bg-color.gif | :https://cdn.shopify.com/s/files/1/0683/5339/2927/files/section-settings-bg-color.gif | ||
===Add the background container color=== | ====Add the background container color==== | ||
:https://cdn.shopify.com/s/files/1/0683/5339/2927/files/section-settings-container-bg-color.gif | :https://cdn.shopify.com/s/files/1/0683/5339/2927/files/section-settings-container-bg-color.gif | ||
===Set text color=== | ====Set text color==== | ||
:https://cdn.shopify.com/s/files/1/0683/5339/2927/files/section-settings-text-color.gif | :https://cdn.shopify.com/s/files/1/0683/5339/2927/files/section-settings-text-color.gif | ||
===Adjust the column gap=== | ====Adjust the column gap==== | ||
:https://cdn.shopify.com/s/files/1/0683/5339/2927/files/section-settings-margin-padding.gif | :https://cdn.shopify.com/s/files/1/0683/5339/2927/files/section-settings-margin-padding.gif | ||
==Next Step== | ==Next Step== | ||
* Add content blocks: follow this guide. | * Add content blocks: follow this guide. | ||
Revision as of 10:06, 29 May 2024
What is Section Settings
You can add the special block called Section Settings, which allows you to manage the layouts of your section by choosing your preferred layouts (1-column, 2-column, 3-column, 4-column, or hierarchical layouts) and global configurations (full-width layout, mask color, mask image, background video, parallax animation, etc.).
You can add multiple sections to a page. For each section, you can utilize a Section Settings block to customize the layout for that particular section.
Step Overview
- Step 1: Create a template following one of these options:
- Create a template for multiple pages
- Create a template for one specific page
- Customize your homepage, collection page
- Step 2: Create a Section Settings
- Step 3: Add Content Blocks
Add Section
Add Blocks
Edit Section Settings
Add multi-column layouts
Add the background image
Add the background video
Add the background color
Add the background container color
Set text color
Adjust the column gap
Next Step
- Add content blocks: follow this guide.
