Global Sections Overview

A Global Section is a block that displays across your site rather than living inside a single page. A Navbar or Footer are the classic examples — they need to appear on (almost) every page, so you build them once and Shock shows them everywhere.

Shock is built on a Global Sections system that treats these blocks conditionally: you can create several versions of the same section type and choose exactly where each one appears. That makes it easy to give one landing page a different header, show a promotional Popup Bar only on the shop, or display a modal to first-time visitors.

Because every Global Section is designed with Elementor, you can drop in any widget you like — text, images, buttons, forms, menus — which makes them far more flexible than a fixed theme header.

Tip

If you imported the Demo Data, many ready-made Global Sections are already in the list. In most cases you only need to edit where they appear and tweak the content to match your brand.

Create or edit a Global Section

1. In the WordPress dashboard, go to Shock » Global Sections.

2. Click Add New to create a section, or Edit on an existing item in the list.

3. Give the section a title. This is only used to identify it in the list — it is never shown on the site.

4. Configure the display settings (see Display conditions below), then click Update to save.

Note

The list offers two distinct actions. Edit opens the settings screen where you choose the section type and its display conditions. Edit with Elementor opens the visual builder where you design the actual content. They are separate steps — you will usually use both.

Design the content with Elementor

1. Go to Shock » Global Sections.

2. Find the section you want to design and click Edit with Elementor.

3. Build the layout with any Elementor and Shock Core widgets, then Publish.

Display conditions

Every Global Section is governed by three settings on its Edit screen:

Setting	What it does
Section Type	Chooses which kind of section this is (Navbar, Footer, Popup, etc.). See the table below.
Display Rules	The locations where this section should appear — the whole site, a specific page, an archive, and so on.
Exclude Rules	The locations where this section should be hidden, even if a display rule would otherwise show it. Exclusions win over inclusions.

This include/exclude model is what lets you show a section almost everywhere while carving out exceptions — for example, “show on the entire site except the checkout page.”

Caution

Assigning two sections of the same type to the same location can produce duplicate or overlapping elements (for instance, two Navbars). Give each section clear, non-overlapping rules, and use Exclude Rules to resolve any conflicts.

Tip

You don’t have to delete a section you’re not ready to use. Removing it from the Global Sections list simply stops it from appearing on the site — handy for parking demo content you may want later.

Available section types

When you create a Global Section you pick a Section Type. Each type controls where and how the block is rendered.

Section type	What it is
Navbar	The site header — logo, navigation menu, buttons and optional sticky behavior. See the Navbar guide.
Grid Menu	A full-screen or panel-style overlay menu laid out as a grid, ideal for bold, image-driven navigation.
Footer	The site footer — link columns, widgets and a copyright bar. See the Footer guide.
Popup Bar	A slim notification bar (top or bottom) for announcements, offers or cookie notices.
Popup Box	A floating box, usually in a corner, for smaller promotions, chat prompts or newsletter nudges.
Modal	A centered dialog with a dimmed backdrop, triggered on load or by an action, for high-priority messages.
Cursor	A custom cursor that replaces the default pointer for a distinctive, branded feel.
Scroll to Top	A button that appears as visitors scroll down and returns them to the top of the page in one click.
Side Icons	A fixed vertical strip of icons (social links, contact shortcuts) pinned to the edge of the screen.
Vertical Lines	Decorative vertical guide lines overlaid on the layout for a structured, editorial look.
Cursor Follower	An accent element that trails the cursor, adding subtle motion to the interface.

Build a Navbar

Turn your logo, menu and buttons into a sticky, conditional header.

Navbar guide →

Build a Footer

Assemble columns, widgets and a bottom bar that appear site-wide.

Footer guide →

Tip Pair your Navbar with a Mega Menu to add rich, multi-column dropdowns.