Membina catalog emas guna google sheets dan simplestore

Dalam tutorial #1 sebelum ini, kami ada terangkan bagaimana cara untuk menarik harga emas dari mana-mana laman web menggunakan google spreadsheets sahaja tanpa perlu membina bot, scrapy atau sebagainya, dalam tutorial ini pula kami cuba membina catalog simple emas dengan menggunakan spreadsheet dan simplestore (project fork dari github)

Tutorial ini untuk mereka yang lebih advanced sedikit dan mempunyai sedikit pengetahuan dalam html dan javascript dan lebih baik mempunyai server ataupun boleh menggunakan localhost (install wamp, xampp di windows)

KIRA VALUE EMAS KALKULATOR EMAS, AR-RAHNU, PAJAK GADAI

Kira Disini

ini adalah contoh catalog yang menggunakan google sheets dan simplestore (demo: hargemas.com/simplestore)

SIMPLE GOLD TESTING KIT USING ACID TEST TO CHECK GOLD PURITY

Uji Emas Anda

dan ini adalah data dari spreadsheets yang ditarik oleh simplestore: link: Demo produk simplestore

Bagaimana untuk membina catalog emas menggunakan simplestore.

1. First anda perlu download simplestore dari github disini : https://github.com/cdmedia/simplestore
2. Sila download final release, ataupun jika anda ada install bower di computer anda download zip files, letak di localhost /www/simplestore dan guna

   sudo bower install

   

3.  selepas install, pergi ke simplestore/js/config.js dan add code ini pada line 81

   // add spreadsheetID here
   spreadsheetID : "1AdDFOCtJsPgOcYQ-1mRhd1kas8eZewK95ntER2HKMWs",

   spreadsheetID adalah url spreadsheet yang anda gunakan, sila copy format spreadsheet yang diatas

   Tada.. catalog anda sudah siap dan boleh terus buka contohnya di demo disini

4. Simplestore adalah cart menggunakan javascript dan html sahaja, boleh diletakkan dimana-mana server tanpa perlu database, simplestore menggunakan template skeleton, tetapi masih boleh diubah kepada bootstrap ataupun material, simplestore menerima bayaran menggunakan paypal, jika anda boleh menerima bayaran dari paypal, boleh letak email di simplestore/js/config.js pada line 81

// how simpleCart should checkout, see the checkout reference for more info
checkout: {
type: "PayPal" ,
email: "you@yours.com"
},

ataupun boleh juga mengubah sedikit menggunakan payment gateway tempatan contohnya seperti billplz seperti kami buat di sini

Ada banyak cara untuk mengubah simplestore ini menjadi lebih baik, kami akan share dalam tutorial akan datang seperti menggunakan template bootstrap, materialize yang lebih cantik serta cara menyusun harga di template mengikut berat, categori, search dan filter

BELAJAR CARA KIRA HARGA EMAS DAN SENARAI SUPPLIER KILANG

Learn More