Big Day Release: Prestashop Extended Header

Dec 19, 201272Alex Simonchik
Big Day Release: Prestashop Extended Header

Prestashop Extended Header module allows adding a header to your store and editing it easily and quickly. The settings are intuitive: simply configure header size and background color, create blocks to be displayed within, click any block and drag it to the best position on the preview. Block content is created in the WYSIWYG editor. Feel free to compose lots of headers and assign them to different stores of yours.

Key features:

  • Advanced header view
  • Configuring header size and background
  • Header angles rounding
  • Creating blocks and positioning them inside the header
  • Live header preview
  • WYSIWYG blocks content editor
  • Managing headers for a Multilanguage store

Let’s take a closer look at these features.

Whichever website you visit, the first thing that you will intuitively use to navigate or pay attention to is a header. Give a whole new life and excitement to this significant tool, because, you know, a dull or ill-convinced header might just kill the experience.

After activating and configuring the header, a small stylish tab appears at the top of the page. The user clicks it and the header slides. Any content can be used within, including blocks with eye-popping graphics, snappy typography, text and links.

Log in to the back-office. To view module settings, go to Modules –> Extended Header.

The list of existing headers is being displayed here. To create a new one, click the Add new button.

Grid with headers


You may configure header size (width, height), background color & image and border with its radius (the way header angles look).

Configure header style


Add new blocks to header. First, specify block size and press Add button.

Specify block size


When a block is created, you will see it on a preview. Drag the block around to position it on header.

Add a new block


Double click the block to edit its settings and add content.

Block content settings


That’s the way extended header will look on the front-office. The user clicks the tab for the header to appear.

Header appears on click


Visit the demo page or read the user guide to see how the Extended Header works.

Post a new comment

BelVG Newsletter
Subscribe to our mailing list and get interesting stuff and updates to your email inbox.
Email *