Product Overview Page

  1. Showroom Home
  2. Templates
  3. Product Overview Page

Purpose

The Product Overview Page is the startpage for the product section and can be integrated beneath the Startpage.  The Product Category Pages can be integrated beneath the Product Overview Page.

The new tempalte can contain the following features:

  • Search bar, which is displayed directly beneath the title
  • the teasers to the Product Category pages located beneath the Product Overview Page. They are placed within the Product Category Overview component, which comes automatically with the template.
  • the Content Slider component to promote the assortment and ownbrand pages

Regarding the display of the corresponding Product Category Pages there will be the initial number of 6 displayed categories on mobile devices and 8 for desktops. To see all referenced categories the user has the choice to click on "see all" or vice versa on "see less".

Per default the categories are displayed in alphabetical order. However, the author also has the possibility to define the order. This can be done via drag and drop within the Product Category Overview component

On the template itself all components known from the Editorial Overview Page can be inserted, except "Job Search Bar" and "Job Quick Search". All components can be positioned freely except the article search bar which has a fix position beneath the page title, if the article search is enabled.

Overview

Below you will find an exemplary presentation of the page as well as a list of required and optional components.

Example Product Overview Page on Publisher

The following components are per default present on the Product Overview Page:

  • Article Search Bar
  • Product Category Overview
Please see details about the Product Category Overview component below.

Configuration

To create the template, follow the steps below. 

Page Properties of the Product Overview Page, tab Page Content
  • Step 1
    When creating the page fill in all necessary fields in the Tab Basic
  • Step 2
    Fill in all necessary fields in the tab SEO & Analytics
  • Step 3
    Fill in the following fields in the tab Page Content
    • a. Check the checkbox to show the article search
    • b.  Check the checkbox to show the category navigation
  • Step 4
    Create the Page
  • Step 5
    The following components are present on the template per default: the article search bar and the Product Category overview component

Product Category Overview

Configuration of Product Category Overview component on the Product Overview Page
  • Step 6
     Within the Product Category Overview component all Teaser information from the Product Category pages located beneath the Product Overview Page are displayed
  • Step 7
    Per default they are displayed in alphabetical order, however the following settings can be defined within the Product Category Overview component:
  • Step 8
    Integrate a Root path to a different Overview page
  • Step 9
    Overwrite the label to Show all
  • Step 10
    Overwrite the label to Show less
  • Step 11
    Decide whether the display of the Product Category Pages should be alphabetical, or customized
  • Step 12
    If you choose custom, the order can be changed via drag and drop

Optional components

The following components can additionally be integrated on the template Product Overview Page:

 

Available components on Editorial Overview Page
Erinnerung für
Fehler Es ist ein Fehler aufgetreten. Bitte versuchen Sie es später erneut.

Sollen wir Sie benachrichtigen wenn der Artikel verfügbar ist?

hh

Tag der Erinnerung
Zwei Tage vorher
Einen Tag vorher
Am Angebotstag
Uhrzeit
00:00
01:00
02:00
03:00
04:00
05:00
06:00
07:00
08:00
09:00
10:00
11:00
12:00
13:00
14:00
15:00
16:00
17:00
18:00
19:00
20:00
21:00
22:00
23:00
Hinweise
  • line 1
  • line 2
  • ...

Eine Erinnerung ist nicht mehr möglich

Die Erinnerungszeiten für diesem Artikel sind bereits abgelaufen.

Erinnerung aktiv!

hh

Sie erhalten Ihre Erinnerung am ${date} um ${time} Uhr.

hh

Wir senden Ihnen noch eine Nachricht per E-Mail, um ihre E-Mail Adresse zu bestätigen. Bitte klicken Sie auf den Link in der Nachricht.

regions.regionSwitchHeadline

regions.regionSwitchText
regions.regionSwitchTextExplicitSwitch