1. Banners

In your backend, go to SimiCart > Themes > Banners

• Store View: Choose the store(s) where you would like the banner to appear
  
• Title: Create a name for your banner. This name is visible on your backend only.
  
• Image (width:800px, height:400px): The banner image to be shown on mobile app.
  
• Tablet Image (width:800px, height:400px): The banner image to be shown on tablet app.
  
• Direct viewers to: Choose what tapping on the banner will lead to: Product Detail page (Product In-app), Category page (Category In-app) or External link (Website Page).
  
• Product ID / Category ID / Url: Choose a specific product, category or URL for the banner to point to.
  
• Sort Order: The order where this banner will appear.
  
• Status: Choose if you want the banner to be Enabled (shown to customers) or Disabled (not shown to customers)
  

Finally, click Save to save your information.

2. Categories

To configure which categories appear on home page, go to SimiCart > Themes > Home Category

On this new page, you can see your list of home categories and you can add new categories by clicking Add Category.

• Store View: Choose the store(s) that you would like the category to appear
  
• Image: The category image to be shown on mobile app
  
• Tablet Image: The category image to be shown on tablet app
  
• Category ID: Choose which category to be shown
  
• Sort Order: The order where this category will appear (left-to-right direction)
  
• Status: Choose if you want the category to be Enabled (shown to customers) or Disabled (not shown to customers).
  

Then, go to SimiCart website and login to your account to configure the app theme.

Default Theme / Zara Theme

From App Builder > Theme > choose Install Standard Theme or Zara theme > click Save.

Go back to your Magento backend and upload category images + choose a store and a store view where you want to show them on + choose appropriate categories to be shown.

Recommended Image sizes:

• Default Theme: 400x400 pixel (or any image with Square shape).
  
• Zara Theme will fit your images in a vertical order starting from banners so there is no limit here. Just use your imagination. We do recommend rectangle images size 600x300 or similar.
  

Example categories: VIP (500x500) + Accessories (600x300)

As can be seen in the red highlighted area.VIP Category is positioned as 1 (start from 0), and Accessories is positioned as 2

Matrix Theme

From App Builder > Theme > choose Install Matrix Theme > click Save

• Upload category images
  
• Choose a store and a store view where you want to show
  
• Choose appropriate categories to be shown.
  

However, unlike Zara Theme or Default Theme, Matrix Theme offers a mock-up presentation and additional configurations due to its strong ability to be customized.

Matrix Layout Config:

• Image Width/Screen Width Ratio: The ‘category image width’ to ‘mobile screen width’ ratio in percentage.
  
• Image Height/Screen Width Ratio: The ‘category image height’ to ‘mobile screen width’ ratio in percentage
  
• Tablet Image Width/Screen Width Ratio: The ‘category image width’ to ‘tablet screen width’ ratio in percentage (Leave it empty if you want to use Phone Value)
  
• Tablet Image Height/Screen Width Ratio: The ‘category image height’ to ‘tablet screen width’ ratio in percentage (Leave it empty if you want to use Phone Value)
  
• Row Number: Choose which row you want the category to appear
  
• Store view for Mockup Preview: Choose which theme you want to show for the mockup underneath
  

 Finally, click Save and you will see the changes applied in the Matrix Theme Mockup Preview.

3. Product Lists

Product List is not a particular category. It is a list of products which have a common characteristic (best sellers, most viewed etc.)

To configure which product list appear on home page, locate to SimiCart > Themes > Product Lists

On this new page, you can see your list of Product Lists and you can add new Product Lists by clicking on Add Product List.

• Store View: Choose the store(s) where you would like the product list to appear
  
• Title: Create a name for your product list
  
• Product List Image: The product list image to be shown on mobile app
  
• Product List Tablet Image: The product list image to be shown on tablet app
  
• Sort Order: The order in which this list will appear (left-to-right direction)
  
• Product List Type: Choose to use a SimiCart’s pre-defined product list or create your custom list.
  
• Product ID: Select products to be included in your custom list. If you choose a SimiCart’s pre-defined list, this field will disappear.
  
• Enable: Choose if you want the category to be Enabled (shown to customers) or Disabled (not shown to customers)
  

Matrix Layout Config:

Similar configuration process from Categories for Matrix Theme can be done here apart from the fact that you can choose the product list and more importantly to add a custom list of any products you want to have in there.

Finally, click Save and you will see the changes applied in the Matrix Theme Mockup Preview.