Release Notes 1-92

New big slider component

From a customer point of view it would be userfriendly to be able to see relevant highlight articles for a themed stage directly, so that they can find out more quickly about articles that could be right/ relevant for the customer. 

Criterias for the slider: 

• A background graphic must be maintained for each slide
  • The background graphic can link to an internal or external page
  • The editor can add alt tags, author, location and title
  • Link target and title are maintained via the CTA

• A headline must be maintained for each slide
  • The headlines of all slides / sections are headings of type H1
  • The editor has two input fields for the H1, if only one is filled, only one line is displayed at the level of the lower one
  • The background color / color of the headline is dependent and can be selected from the ANIKO color scheme
  • The editor receives a message below the input field to check the number of characters in all viewports
  • Headlines  that are too long may be highlighted depending on the viewport

• Number of products per slide
  • The interaction concept assumes a maximum of 4 desktop products and 3 mobile products per category / slide
  • At least 2 tiles must be maintained, if less than 2 tiles are integrated on a slide no tiles will be displaed on all slides

• For BELGIUM only:
  • Different products can be maintained for the different languages
  • A picture can be maintained for the different languages ​​and the text can be adapted in each case in the language
  • For each tile you can choose from Article tiles or content tiles 
  • Each slide has a CTA with link target (link can be internal oder external)

• The following parameters are transferred in the web service:
  • Headline per slide
  • Stage picture
  • Links to the articles
  • CTA text and link target

• For each slide, you can select in which channels the stage should be played (web, app and web & app)

• The tracking parameters can be maintained for each section, the parameters are appended to all links of a section

• The current theme stage will be expanded to include this as a fourth variant
  • The new variant only allows the selection of dots, no more tabs

• Tiles are lifted and highlighted slightly while mouserover
• Slide timings:
  • At least 5 seconds of viewing a slide
  • Transition of at least 0.6s
  • Pause the autoslide when the mouse pointer is on the stage

• The component can only be used on the Consumer Home

How to Configurate the slider:

1. Open a Consumer Page
2. Check that in Tab GENERAL a new Stage Display Option  called "big slider" was added
3. Check that on each Theme Tab a new area Big Slider is available
   1. here you can configurate Button text+URL, Link target behavior and headline
   2. a color scheme can be selected as well
   3. At the bottom you can "add field" these are for the article tiles
   4. After adding a field you can see new input fields like article link and tile position can be configurated
4. Keep in mind that an image has to be selected for each active slide (can be inserted at the top of each slider tile settings)

A few adjustments have been made on the category slider: 

• Tiles will have rounded edges
• Tiles will have a fixed width
• Arrows for sliding will be adjusted in style 
• Additionally to the arrows the swiping functions will be remained
• Space between the tiles will stay the same 
• Other sliders will be also adjusted:
  • Recipe Landing Page slider
  • Product Category slider
  • Content slider

In order to offer our users an easy-to-use shopping list, some things have been changed. It is now possible to add a text which will be displayed on the shopping list under the headline. Furhtermore the CTA appearance have been adjusted.

• Send list via Email button below the text and under the articles is available as primary button
•  Print button below the text is available as secondary button (on Desktop only)
• Delete sopping list button is displayed at the bottom of the page as a secondary button