Fitur Template Masgusmarket :
- Shopping cart ( Keranjang belanja )
- Email Invoice ( invoice email otomatis )
- Drop down Menu
- Slide show by Nivo Slider
- Yang terpenting template ini GRATIS....hehehe
Tutorial Template MasgusMarket :
Untuk template masgusmarket 2014 harus di posting dengan Format
tersendiri agar produk anda memiliki flexibilitas yang sama dengan
produk lainnya, alias rapi gan..
<div class="product_image">
<a class="item_thumb zoomable" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimyW2GLiF9q20ZglJ5lceefhbzTmKhKIcoclrVS6-4EZTLs6TG88LNbkYIxi45SgdSe3R38eP0GaVZ1s5NWLvIyHLys3C7HFFjUQMrg18X4Sf9WBvjQ37kM4u562RafHu_hH9xslwejIE/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimyW2GLiF9q20ZglJ5lceefhbzTmKhKIcoclrVS6-4EZTLs6TG88LNbkYIxi45SgdSe3R38eP0GaVZ1s5NWLvIyHLys3C7HFFjUQMrg18X4Sf9WBvjQ37kM4u562RafHu_hH9xslwejIE/s1600/nike.jpg" /></a>
<span class="item_price">RP 280,000.00</span></div>
<div class="product_describe">
<br />
<br />
<table class="ui-grid ui-gridFull prd-attributes" style="background-color: white; border-collapse: collapse; border-spacing: 0px; border: 0px; color: black; font-family: Tahoma, Arial, sans-serif; font-size: 13px; height: 127px; line-height: 15px; margin-bottom: 0px; width: 100%;"><tbody>
<tr class="even" style="background-color: #fafafa;"><td class="strong" style="border: 1px solid rgb(242, 242, 242); font-weight: bold; line-height: 24px; padding: 0px 15px; vertical-align: top;"><div style="text-align: center;">
Nama</div>
</td><td style="border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;"><div id="pdtsku">
AIRWALK SNEAKERS </div>
</td></tr>
<tr class="odd"><th class="strong" style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Ukuran (L x W x H/ cm)</th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Ukuran Produk</td></tr>
<tr class="even" style="background-color: #fafafa;"><th class="strong" style="border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Berat (kg)</th><td style="border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Berat Produk</td></tr>
<tr class="odd"><th class="strong" style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Warna</th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Warna Produk</td></tr>
</tbody></table>
<br />
Keterangan :
- Silahkan gantis text yang di cetak tebal warna hitam dengan alamar URL gambar produk anda.
- Jangan lupa merubah harga produk di bagian text yang berwarna Merah.
2. Setting data Pemilik Toko Online :
- Masuk ke halaman Template.
- klik Edit Html.
- Cari deretan kode seperti di bawah ini :
simpleCart.email = 'masgustemplate@gmail.com';
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;
- Silahkan rubah data toko anda sesuai kebutuhan seperti Email,norek dan lain-lain.
3. Script Slider by Nivo Slider :
- Masuk ke halaman TataLetak.
- Klik Tambahkan Gadget > Html/JavaScript.
- Pastekan kode Slider berikut.
<div class="slider-wrapper theme-pascal">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDP3nTacual8IQ_PKhKTX0LZ-jWthkjo6-rF7Cftw9H-d9JM-2qCmmChko8TaCxzmNlQvzBc9z9Xi4AIeT0GVmY3E-mj9sOJuU4ynNX2T8Rp1EKqzf37jU8sSG2E9MUZSWoct3lojg9g8/s1600/gshock_banner_2.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2kXHBvfzVSlj9qN32ZgkRIqKcgk2sWvuH1osLbjmV0v7cHcJrt5yeHI5iQ84IYWXRe3szIy3vii3prWCopryjukoVDk8nVFQ80djGIxjtMt2A41QW9DTM5z8xBoFH5HCdPikKoBGRwE4/s1600/banner-(1).jpg" alt="" title="Selamat Datang di toko kami" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiLiVcEwxuePpml6Ud4blOe6_DReSiGM5Mt_ZGIFxwhyRA4Q70DTH6Ha4Z2PXPR8RD2YwWU2Oh97kKrAIaoX5MjGOaY7GpiJ8jVqH-vfUis9eJ8D6ODpH6SjLsrK47CTkiAqHkxc7kGj8/s1600/ban.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh87PbvQ_RcCiknatiV4a-IknvmnH9ydTOoQnzVtddUG5NVhoIP_s4_8OwqLw73mqRcG6-mTfLTt1IXXjpEwuoyFF1-MpGLopo4ZxBud5Iaq7gqJQAGgCrFWjUWCE8B7SxZ0A5BFnY9FqY/s1600/slide1-680x285.jpg" alt="" title="#htmlcaption" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>Selamat Berbelanja
</strong></div>
</div>
- Silahkan agan rubah kode yang berwarna Merah dengan URL banner anda sendiri.
- Klik Simpan dan lihat hasilnya.
Sumber : bukablog
Lihat juga : http://jetwebs.blogspot.co.id/2016/05/free-download-wordpress-theme-toko.html
Lihat juga : http://jetwebs.blogspot.co.id/2016/05/free-download-wordpress-theme-toko.html
0 komentar