Product search

By activating and customizing the elements, you can arrange different screen views. You can also change the color theme of page elements to make the screen more unique.

If you use only Product search in the application, then all other functionality from this screen can be customized in the sectionDefault elements

Product card at theProduct list element is additionally configured in the section Default elements -> Product card

If the item names are the same from another screen, then the customization options and functionality are the same.

On the Search Products screen in the application, there will also be a product search field, it can be customized using a color theme in Theme -> Setting a color theme

Elements

  • Logo
  • Product List

Change the display of the application logo on the screen.

The logo image is loaded in the section Default Elements -> Logo

Element settings

  • Active - display an item on the screen
  • Positioning - changing the position of an element on the screen
  • Image size - resize the image of an item on the screen

Grocery list

Change the display of the list of products. You can add or change the content of the Product List element inCMS -> Catalog -> Products.

Setting the item

  • Text - title for the element, leave it blank if you want to remove the title of the element
  • Product card layout - change the display of an item
    • Selecting the type of item card - the item card has 4 types of display * Horizontal card - image on the right , * Horizontal card - image on the left , * Vertical card * and * Large vertical card *
    • Image size - resize the image in the item card
    • Image scaling - change the image scaling, there are two options for scaling * Fit to center * and * Crop and center *
    • Scroll type - change the type of scrolling of the element to vertical or horizontal
    • Card background - change the background of the item card to a transparent or solid color, the color can be changed inTheme -> Color theme settings