Theming Grocery App

In environment file, you will see the following variable with JSON objects.

const grocery_app = {
  themeColor:'#44bd32',
  title:'GroceryEcommerce',
  subTitle:'Sample grocery ecommerce app',
  ionTitle:'success',
  ionTitleButton:'light',
  productBox1:'product-box2',
  productBox2:'product-box4',
  homepage:'home/grocery',
  apiurl:'https://projects.planahost.com/ecommerce/grocery/wp-json/wc/v3/',
  consumer_key:'ck_3c31aacd2fd4f6fa6c993581c8ba155e502b1119',
  consumer_secret:'cs_0123a73c689f42dc5cfd907d01ef33b2a4b29680',
}
  • themecolor: Use HEX colour for theme of the entire application. E.g.: title, button, footer etc

  • title: Title of your app

  • subTitle: Subtitle of your app, can be your caption.

  • ionTitle: The color to use from your application's color palette. Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming.

  • ionTitleButton: Color for button in contrast to Title, you can refer the same documentation as ionTitle.

  • productBox1: Product Box 1 to be displayed in product details page, and home page. We have built in four type of product display. E.g. "product-box1" , "product-box2", "product-box3", "product-box4"

  • productBox2: Product Box 2 to be displayed in product list page, and home page. We have built-in four type of product display. E.g. "product-box1" , "product-box2", "product-box3", "product-box4"

  • homepage: We offer two types of home 'homepage/grocery' or 'homepage/fashion' . However, you are free to make customised one.

Last updated