Products list

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 the Product List in the application, then all other functionality from this screen can be customized in the sectionDefault Items

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.

Elements

  • List of widgets
  • Logo
  • Search
  • Product List
  • Description

List of widgets

It is a versatile element for attaching various functionality to the screen using widgets.

Element settings

  • Active - display an item on the screen
  • Text - title for the element, leave it blank if you want to remove the title of the element
  • Element card layout - change the display of an element
    • Selecting the type of item card - the item card has two types * horizontal * and * vertical *
    • 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 *
    • The first item in the card - selection of the first item in the card, it can be either an image or a text in the item card
  • Elements - in this section you can add a new element or change the icon, text and selection of a widget for any of the elements

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

Displays the search on the screen.

Element settings

  • Active - display an item on the screen
  • Image - loading an image for an element

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

Description

Change the description for the screen.

Setting the item

  • Active - display an item on the screen
  • Text - add description text
  • Element size - change the size of the element
  • Positioning - changing the position of an element on the screen