Design your mobile app

Click here to read import demo

Following diagram explains how to build pages for mobile app

Go to Extensions -> Extensions -> Mstoreapp Blocks -> Edit -> Add New


Local Image

Tips and Tricks:

  1. Each section is called blocks. you can add unlimited blocks and so pages
  2. Blocks can be given sort order, So it will appear in order on mobile screen
  3. Each banner can be linked to category or products or post or block pages. Select link type and Give proper link id
  4. Category Block with link id = 0 will display the main categories as children. Likn id = Category id will display subcategory as children
  5. Product Block with link id = category will display product of the category as children
  6. Each block can be given background color, padding, margin of your choice
  7. Flash Sale Block with future ending time will display down counter in the block
  8. Any Block with Layout scroll will display children scrollable items, Layout grid will display grid structure
  9. Banner Block with Layout Grid and Column 2, Will display 2 banners in one line. Column 3, Will display 3 banners in one line and so on
  10. Give border radius 50% to display item in round shape
  11. Choosing link type as Block Page will display children in new page
Name : Category Grid Parent : Home Screen Block Type : Category Grid Sort Order : 6 Layout : Grid Background Color : #B51C1C Name : Category Slider Parent : Home Screen Block Type : Category Block Sort Order : 5 Layout: Scroll Background Color : #FF5B00 Category 1 Category 3 Category 2 13 12 Category 1 Category 4 Category 2 Category 3 Category 5 Category 6 Category 1 Category 2 Category 3 Name : Category Slider Parent : Home Screen Block Type : Category Grid Sort Order : 7 Layout : Scroll Border radius : 50% Background Color : #004C56 14 Name : Top home slider Parent : Home screen Block Type : Banner Slider Sort Order : 0 Name : Single banner below home slider Parent : Home Screen Block Type : Banner Sort Order : 1 Name : Banner 1 Parent : Top home slider Block Type : Banner Sort Order : 0 Name : Banner 3 Parent : Top home slider Block Type : Banner Sort Order : 2 Name : Banner 2 Parent : Top home slider Block Type : Banner Sort Order : 1 Parent : Center home banner block Block Type : Banner Sort Order : 0 Parent : Center home banner block Block Type : Banner Sort Order : 1 Name : Center home banner block Parent : Home Screen Block Type : Banner Block Sort Order : 2 Layout : Scroll Background Color : #29ABE2 Name : Featured Products Parent : Home Screen Block Type : Product Block Sort Order : 3 Layout: Scroll Background Color : #F7931E Name : Best Offfer Banner Parent : Home Screen Block Type : Banner Sort Order : 4 Product 1 Product 3 Product 2 Name : Home screen Parent : Root Block Type : Home Background Color : #F2F2F2 6 2 1 3 4 5 7 10 8 9 11 Name : Banner Parent : Home Screen Block Type : Banner Block Sort Order : 10 Layout : Grid Grid Column : 3 Name : Best Offers Parent : Home Screen Block Type : Product Block Sort Order : 8 Layout: Scroll Margin Right : 40%Header Align : Left FloatingBackground Color : #931500 Product 2 Product 1 17 15 Name : FLASH SALE Parent : Home ScreenBlock Type : Flash SaleEnd Time : Aug 24, 2018 24:00 Sort Order : 11 Layout : Scroll Header Align: Top Center Background Color : #FFFFFF 21 BESTOFFERS Product 1 FLASH SALE 10 : 20 : 59 Product 2 Product 3 Product 4 Product 5 Product 6 Name : 50% Off Banner Parent : Home Screen Block Type : Banner Sort Order : 9 Name : Banner Parent : Banners Block Type : Banner Sort Order : 0 Name : Banner Parent : Banners Block Type : Banner Sort Order : 1 Name : Banner Parent : Banners Block Type : Banner Sort Order : 2 16 18 19 20

results matching ""

    No results matching ""