Adding image selectors and menu items

Selector and menu item images are configured using the Large Image File property of the Self-Service/Online Orders section.

Files must be located in the subdirectory WebData\assets\dishes. The path to the directory must be specified in the r_keeper manager in the Path to the directory with images parameter.

Available formats: jpg, jpeg, png, bmp.

The size of the images must be 512x512 pixels.
Image Modified

Changing the scale of the image of selectors and menu items

The scale of selector and menu item images can be changed using the extended property itemParams. To set a scale of 0.7, enter {"imgScale":0.7} in the parameter field.

Image Modified

Adding selector and menu item names

The display of selector and dish names is configured through the extended property name XXXX, where XXXX is the language code defined in the localization settings.
Image Modified

Adding a description of the menu item

The description is specified in the dish properties in the extended property descriptionXXXX, where XXXX is the language code that is defined in the localization settings.
Image Modified

The description can be displayed in the menu item information or directly in the menu if the SHOW DISH DESCRIPTION IN MENU option is enabled in the service menu.
Image Modified

Adding a label to a menu item or selector

A label is used to provide additional information about a discount, the spiciness of a dish, a promotion, etc.

Display of a label for a menu item or selector is configured in the r_keeper manager panel via the extended claim property.
When configuring an extended property, all items for which it can work must be added to the Types List parameter.

Image Modified
Images for labels should be located in the WebData\assets\claims directory for menu items and WebData\assets\selectors for selector pages.

In the extended claim property of a menu item or selector, the file name and its location relative to the main image are specified (orientation along X axis (right, left), orientation along Y axis (top, bottom)), for example: {"src":"spicy.png", "position": "right top"}.

Examples with label placement:

• top right (right,top)
• bottom left (left,bottom)

Image Modified