Rich Text
Overview
The "Rich Text" section is designed to provide Shopify store owners with a versatile space to add customized text content such as headings, descriptions, captions, and buttons. This section supports full customization including alignment, padding, and color schemes to integrate seamlessly with the store's design.
Section Configuration:
Layout Settings
| Setting |
Description |
| Max Content Size |
Adjust the maximum width of the text content as a percentage of its container, providing control over text line length for better readability. |
| Text Alignment |
Choose the alignment of the text within the section, such as left, center, or right. |
| Color Scheme |
Select from predefined color schemes to ensure text visibility and aesthetic harmony with the store's design. |
Spacing Settings
| Setting |
Description |
| Top Padding |
Set the amount of padding above the text content. |
| Bottom Padding |
Set the amount of padding below the text content. |
Blocks Configuration:
Caption Block
| Setting |
Description |
| Heading |
A short text used as a caption or tagline. |
| Text Size |
Choose the size of the text, providing options like small or x-small. |
| Bottom margin |
Adjust the margin below the block to manage spacing between consecutive blocks. |
Heading Block
| Setting |
Description |
| Heading |
The main heading text of the section. |
| Heading Size |
Select the size of the heading, with options ranging from extra-large to medium, to create visual hierarchy. |
| Bottom margin |
Adjust the margin below the block to manage spacing between consecutive blocks. |
Description Block
| Setting |
Description |
| Heading (Content) |
Rich text field for detailed description or content. |
| Text Size |
Define the size of the description text, with choices such as small, medium, or large. |
| Block Spacing |
Set the space below the description block to structure the layout effectively. |
| Setting |
Description |
| Heading (Label) |
Add the Button text label. |
| Type |
Choose between primary or secondary button styles to indicate the importance or action type. |
| URL |
Link for the button to direct users when clicked. |
| Open in New Window |
A checkbox to decide if the button should open the link in a new tab/window. |
| Block Spacing |
Margin below the button to separate it from other content or elements in the section. |