Sections reference

Sections are the full-width building rows of every page in Zalify Theme — you add them from Add section in the Shopify theme editor and drag to reorder. This reference covers each section on its own page.

All sections share two conventions:

• Color scheme — a palette picked from the schemes defined in Theme settings, controlling background, text, accent, and button colors.
• Section spacing — None / Small / Medium / Large, controlling the vertical room around the section.

See How the theme composes for the section → block mental model, and the content blocks reference for the shared block library most sections accept.

Store-wide sections

• Header — logo, navigation, and mega-menu promos
• Announcement bar — rotating messages above the header
• Footer — menus, newsletter, payment icons, locale selectors

Home and landing page sections

• Hero — slides, content boxes, and full-screen media
• Stories — the circular category strip
• Featured collection — a product row from any collection
• Image with text — split media + content layout
• Rich text — a column of content blocks
• Multicolumn — content blocks in 2–4 columns
• Custom section — a blank canvas for content blocks

Shopping sections

• Collection — the product listing grid and promo cards
• Product — the product page and its content blocks
• Product recommendations — related and complementary products
• Cart page and cart drawer — vouchers, free-shipping progress, recommendations

Everything else

• Utility sections — 404, article, blog, search, and other standard templates