Skip to main content

Retail Item - Appearance

Portal 4-Dot Menu Data Management Ordering Settings Products Product List

From the Appearance page of the Product List editor, configure the product menu button:

  • Caption that users can easily understand.

  • Background and text color.

  • Image or logo.

Menu Display Options

Portal 4-Dot Menu Data Management Ordering Settings Products Product List

From the Menu Display Options section of the Appearance page, define the following:

Setting

Description

Menu Caption

Type the menu caption to display on the POS button for this product. Maximum of 5 lines and 255 characters.

  • If this field is left blank, the formal name defined for the product is displayed on the menu button.

POS Button Color

Set the primary and secondary background color for the POS button for this product.

From the dropdown, select the desired option:

  • Inherit from Menu Item Group - If the product is assigned to a Menu Item Group, then the POS Display colors defined for the Menu Item Group are used.

  • Specify Color(s) - Define unique colors for the POS button:

    • Color 1 - Select the color picker to set the primary background color for the button.

    • Color 2 - Select the color picker to set the secondary background color for the button gradient.

POS Button Text Color

Set the color for the caption that appears on the POS button for this product.

From the dropdown, select the desired option:

  • Inherit from Menu Item Group - If the product is assigned to a Menu Item Group, then the POS Display colors defined for the Menu Item Group are used.

  • Specify Color(s) - Define unique colors for the POS button:

    • Text color - Select the color picker to set the color for the button caption.

Product Images

Portal 4-Dot Menu Data Management Ordering Settings Products Product List

From the Product Images section of the Appearance page, select an image or logo to display on the menu button:

  1. From the Image Type column, select the applicable Image Set.

  2. From the action bar located above the Image Set list, select Edit.

  3. From the Edit Image window, define the following:

    Field

    Description

    Description

    Name or description of the image.

    Image Source

    Select the image source:

    • URL - In the Address field, specify the network address or URL for the image.

    • Upload Image - Select Choose File to upload an image to the cloud.

    The image is displayed in the Preview section. Select the image to zoom in.

  4. From the lower-right of the Edit window, select Done.

Nota

All Image Sets with a Usage type of Product are listed in this section. To add an Image Set, use the Image Sets editor.

Genius is not responsible for any copyright violations.