Products Home

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 Main Products in the application, then all other functionality from this screen can be customized in the sectionDefault elements

Product card for the elementsNew products and Popular products is additionally configured in the sectionDefault elements -> Product card

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

Elements

  • FAB
  • List of widgets
  • Logo
  • Title
  • Search
  • List of product categories
  • Description
  • New Products
  • Popular products

Fab

This is a button with an icon located in the lower right corner of the screen to attach an action to it, using widgets you can attach any functionality to it.

Element settings

  • Active - display an item on the screen
  • Image - selection of an image for an element
  • Select a widget - selection of a pre-created widget to attach functionality to an element

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

Title

Title or title of the screen.

Element settings

  • Active - display an item on the screen
  • Text - element text
  • Element size - change the size of the element
  • Positioning - changing the position of an element 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

List of product categories

Change the display of the product category block. You can add and change categories in CMS -> Catalog -> Categories

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 the item card - the item card has 2 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
    • Scroll type - change the type of scrolling of the element to vertical or horizontal

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

New products

Change the display of new products. New products are generated according to the algorithm last added products in CMS -> Catalog -> Products

Setting the item

  • 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
  • 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

Change the display of popular products. You can add or change the content of the element Popular products inCMS -> Catalog -> Products -> Asterisk.

Setting the item

  • 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
  • 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