Skip to main content

Section settings

Overview​

Every section in the theme includes comprehensive settings that control layout, appearance, and behavior. These universal settings ensure consistent design while providing flexibility to customize each section's visual impact and spacing. Understanding section settings is crucial for creating professional, cohesive page layouts that work seamlessly across all devices.

General section settings​

Setting nameDescription
GeneralAdjust the section size settings: width, height, container gap.
AppearanceAdjust the section color scheme, corner radius, and border: Color scheme, Background type, Background overlay, Corner radius, Border.
PaddingAdjust the section padding: Top, Bottom, Left, Right.

1. General​

Use this setting when you want to adjust the section size. The global container gap value will be applied based on the value set in the theme settings. View Theme settings.

2. Appearance​

You can choose from the following four background types: color, gradient, image, or video.

3. Padding​

You can flexibly customize the four padding sides on desktop and mobile.

All available sections​

Collection sections​

  • Collection list
  • Collection list: Expand
  • Collection sale banner
  • Collection title content
  • Collection: Editorial
  • Collection: Title with image
  • Feature collection: grid
  • Product intro

Blog sections​

  • Blog list
  • Blog: Editorial

Product sections​

  • Featured product
  • Featured product grid
  • Product list
  • Product list with box
  • Product list with sidebar