Section: Static Section
Roel avatar
Written by Roel
Updated over a week ago

Static section is based on Flexible section. Static section offers a variety of preset layouts that blend images, videos, and text content elements seamlessly. These presets allow you to quickly select and create beautiful sections for your Shopify store without the hassle of designing from scratch.

To activate this section you first have to add the section to your page. This can be done in a few small steps.
1) Click on 'add section' which can be found in your left sidebar

2) Scroll down, or search for 'Static Section', then click on it.

3) Done, the section has been added.

Section Settings:

Once the Static section is added, you can customize it using a range of options tailored to suit your needs:

  1. Enable Transparent Header: If your header has a transparent background, enabling this option ensures your Static section seamlessly blends with the header. This feature is applicable when the 'Slideshow' option is enabled.

  2. Layout: The static section comes with 11 different layouts, we will be adding more in the future.

  3. Width: Control the width of the section, make it fullwidth or you can go with box width layout.

  4. Minimal height section: Adjust the height of the sections and of the blocks inside.

Layouts available:

  1. Static section color scheme: Adjust the color scheme of the section + elements.

  2. Background color opacity: Control the background opacity using the range slider.

Static section is blend of multiple blocks Images/videos and text. So this particular section of Images allow you to select images that displays in your selected static section layout.

Some of the layouts have 3 images like layout 2 so here you can upload the images that displays in the layout and adjust the opacity of the images.

Note: Video can be added to Layout 8 , 9 and 10.

This area allows you to selected the videos available on your store and control the overlay opacity.

You can also show a play button by checking Show play button option.

All layouts have 2 headings:
-- Sub heading

-- Main heading

For both headings you see option to adjust font size and font family. Since sub heading shows on the top you see an option to control: Spacing between subheading and heading.

As it states add text for your static section. Display all the information/details you want it.

Button Label: Enter text for the button.

Button Link: Set the URL to which the button will redirect users when clicked. You can enter a custom link, such as a product page, collection, or any other relevant page on your website.

Button Color Scheme: Choose the color scheme for the button, allowing you to match it with your overall website theme.

Button Style: Select 'Fill' or 'No Fill'.

Fill: The button will have a solid color, making it visually prominent and encouraging users to click.

No Fill: The button will have a transparent background, appearing more subtle and blending with the section's design.

Show Link Instead of Button: Enable this option if you prefer to display a simple text link instead of a button.

We have added option to have different images (optimized for mobile) if the desktop once are not showing properly.

Set the bottom spacing for both desktop and mobile views. This feature enables you to control the amount of whitespace below the section, ensuring a harmonious design. The default spacing is 50px for desktop and 30px for mobile, providing a balanced and visually appealing layout.

Did this answer your question?