Skip to main content
Skip table of contents

Create tile view for categories

You can first present your visitors with the offer categories with images (tile view) so that they can be selected and then only the specific offers in that category are displayed. We have created anexamplefor youwith a yoga page.

Yoga Demo Page

Tile view of categories

Bottom tile view

Offer table in a single category

Instructions for implementing the tile design

  1. In Design Manager, copy an existing design via "New Design" and give the copy a suitable name (hereinafterreferred to as Tile View_main). It is best to choose a design that already contains many of the desired settings (such as an extended registration form) as the copy template. If you have not yet created a design, please use the edoobox Start Design as the copy template.

  2. Now set the design Tile view_main as the default design and do not assign it to any category.

    image-20240129-162017.png

    3. In the Tile View_main design in the "Offers Overview" template, drag the "Categories Tiles" widget into the workspace and save the design.

  1. image-20240129-162218.png

    Now create a new design based on the design Tile view_main and name it, for example, Design Tile view_sub.

  2. You do not select this design as the default, but you assign it to all (desired) categories.

image-20240129-161722.png

In the Tile View_sub design in the "Offers Overview" template, remove the "Categories Tiles" widget and insert a widget for the offer overview here. Possible widgets here would be "Offers List," "Offers Table," "Calendar," and/or "Offers in Tiles."

image-20240131-122219.png
  1. For an appealing presentation, add appropriate images for all categories (optional).

  2. Check your result by opening the default view on your account code in the quote tree using the preview share function.

Overview of the hierarchy and designs:

level

issued design

template

representation

Root directory (account code)

Default design (Tile view_main)

Offers overview

Categories

Design assigned to categories
(Tile view_sub)

Offers overview

Offers

Design assigned to categories
(Tile view_sub)

Offer details

 

Related instructions

Keywords for these instructions

Tile Design ¦ Designs ¦ Design Manager

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.