Turning the “Number of Items” drop-down list into hyperlinks on the Prestashop product category page is easy. You need to create a form <input type=”hidden” name=”n” id=”nb_item” value=”10″ /> instead of selectBox links of the following form: (more…)
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.
- 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.
You may configure header size (width, height), background color & image and border with its radius (the way header angles look).
Add new blocks to header. First, specify block size and press Add button.
When a block is created, you will see it on a preview. Drag the block around to position it on header.
Double click the block to edit its settings and add content.
That’s the way extended header will look on the front-office. The user clicks the tab for the header to appear.