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.

The content of the list of products is controlled by the element Selected category, you can create a category and add products to it inCMS -> Catalog

Elements

  • List of widgets
  • Logo
  • Search
  • Product List
  • Selected category
  • 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.

The content of the list of products is controlled by the element Selected category, you can create a category and add products to it inCMS -> Catalog

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

Selected category

This element controls the content of the Product List element. After selecting the created category, the Product List is filled

Setting the item

  • Enter the name of the category - when you enter the name of the category, a list of created categories will appear inCMS -> Catalog, select the desired category

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