Android Titanium Template MyShop + JSON

Android Titanium Template MyShop + JSON

Released 4 years ago , Last update 4 years ago

MyShop Template App is an application designed to be easily customized with the details of your store, with external JSON integration for PROMO section.

MyShop Template App is an application designed to be easily customized with the details of your store, with external JSON integration for PROMO section.

The app is divided into four sections:

  • Home
  • Products
  • Promo (source external JSON)
  • Contacts

Home

The page where you start the app with the logo and a brief description of your business.

Products

List of product categories, structured as follows:

  • Category 1:

Product 1

Product 2

Product 3

  • Category 2:

Product 1

Product 2

Product 3

  • Category 3:

Product 1

Product 2

Product 3

  • Category 4:

Product 1

Product 2

Product 3

  • Category 5:

Product 1

Product 2

Product 3

Promo

”Promo” is a table that is populated from an external JSON (upgradeable with much easy).

Here you will add a JSON using products that will be promoted, with details, price, any links to external card. You can filter the table by the text box.

Contacts Full contact list of your business with actions:

  • address [linked with google maps]
  • email [linked to new email message]
  • phone [linked to make a call]
  • web page [open browser]
  • facebook [open browser]

Pricing

14 day 14-day money-back guarantee

$9.99

Hosted License

  • Perpetual license

  • 1 site, unlimited servers

  • No distribution (hosted use only)

  • Commercial use

  • 1 month support

Need custom services for this product? Get a quote

Documentation

How to populate the "Product" section: " Products " is a Tableview ( tableViewCategories ) , initialized on " index.js " var via the " categoriesArray" :

var categoriesArray = [
     {title:'', backgroundImage:'/Categories/Category_1.png',
selectedBackgroundColor:'#fff', height:150,link: '/Products/
Category_1.js'},
     {title:'', backgroundImage:'/Categories/Category_2.png',
selectedBackgroundColor:'#fff', height:150,link: '/Products/
Category_2.js'},
     {title:'', backgroundImage:'/Categories/Category_3.png',
selectedBackgroundColor:'#fff', height:150,link: '/Products/
Category_3.js'},
     {title:'', backgroundImage:'/Categories/Category_4.png',
selectedBackgroundColor:'#fff', height:150,link: '/Products/
Category_4.js'},
     {title:'', backgroundImage:'/Categories/Category_5.png',
selectedBackgroundColor:'#fff', height:150,link: '/Products/
Category_5.js'}
];

Each category has an associated js file that describes the list of products.

Promo section: ”Promo” is a table that is populated from an external JSON (upgradeable with much ease). You can filter the table by the text box. Currently, search for the name of the product. (filterAttribute).

...

name: promoJSON.promos[i].promo,

....

var tableViewPromo = Ti.UI.createTableView({

data : promo,

backgroundImage: "/BG.png",

search:searchBar,

searchHidden:false,

filterAttribute:'name',

top:0

});

JSON Structure

{
"promos": [
    {"promo": "Smartphone 4S", "date": "11/07/2008", "price":"200$", "mail":"info@cg-village.com", "web":"http://www.cg-village.com", "phone":"+391234", "detail":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor."},
    {"promo": "PC + LCD", "date": "11/06/2009", "price":"400$", "mail":"info@cg-village.com", "web":"http://www.cg-village.com", "phone":"+391234", "detail":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor."},
    {"promo": "Laptop 8GbRam 500GB", "date": "24/06/2010", "price":"499$", "mail":"info@cg-village.com", "web":"http://www.cg-village.com", "phone":"+391234", "detail":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor."},
    {"promo": "Reflex 12Mpx", "date": "14/10/2011", "price":"399$", "mail":"info@cg-village.com", "web":"http://www.cg-village.com", "phone":"+391234", "detail":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor."},
    {"promo": "Tablet 7''", "date": "28/09/2012", "price":"499$", "mail":"info@cg-village.com", "web":"http://www.cg-village.com", "phone":"+391234", "detail":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor."},
    {"promo": "Smartphone S5", "date": "11/07/2008", "price":"499$", "mail":"info@cg-village.com", "web":"http://www.cg-village.com", "phone":"+391234", "detail":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor."},
    {"promo": "Smartphone 5C", "date": "11/07/2008", "price":"699$", "mail":"info@cg-village.com", "web":"http://www.cg-village.com", "phone":"+391234", "detail":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor."}
]}  

Customize Contacts Section

The tab " Contacts" contains all the references to their business , telephone number , email, address, facebook page and web page.

<Tab title="Contacts" icon="ContactsIcon.png">
<Window title="Contacts">
<ImageView id="logoHome" image="/Logo.png" top="0"/>
<ImageView left="0" id="" image="/Contacts/home.png" top="130" width="50" height="50" /><Label left="60" top="140" textAlign="Ti.UI.TEXT_ALIGNMENT_CENTER" onClick="openMaps">Corso Buenos Aires, Milano (ITALY)</Label>
<ImageView left="2" id="" image="/Contacts/phone.png" top="200" width="50" height="50" /><Label left="70" top="210" textAlign="Ti.UI.TEXT_ALIGNMENT_CENTER" onClick="callNumber">+39 021234567890</Label>
<ImageView left="0" id="" image="/Contacts/mail.png" top="270" width="50" height="50" /><Label right="10" top="290" textAlign="Ti.UI.TEXT_ALIGNMENT_CENTER" onClick="openMail">info@cg-village.com</Label>

    <Button onClick="openModalView" title="" backgroundImage="/Contacts/Modal.png" bottom="10" right="130" width="50" height="50" />
    <Button onClick="openWebSite" title="" backgroundImage="/Contacts/web.png" bottom="10" right="70" width="50" height="50" />
    <Button onClick="openFacebookPage" title="" backgroundImage="/Contacts/FBLogo.png" bottom="10" right="10" width="50" height="50" /></Window></Tab>
2 licenses, starting from From » $9.99 View Licenses

Get A Quote

What do you need?
  • Custom development
  • Integration
  • Customization / Reskinning
  • Consultation
When do you need it?
  • Soon
  • Next week
  • Next month
  • Anytime

Thanks for getting in touch!

Your quote details have been received and we'll get back to you soon.

or Get a quote

for customization or integration services


Or enter your name and Email
No comments have been posted yet.