Panduan Lengkap Pengaturan Template Blogger "S Market"

Cara Setup Template Blogger S Market

Template Blogger S Market adalah tema eCommerce yang ramping dan modern, dirancang khusus untuk toko online. Template ini cepat, SEO-friendly, dan sepenuhnya responsive, memastikan pengalaman belanja yang lancar. Dengan layout yang bisa dikustomisasi, fitur canggih, dan interface yang ramah pengguna, S Market memudahkan Anda membuat toko online profesional dengan tingkat konversi tinggi.

🔧 Main Menu / DropDown / Multi DropDown / Mega Menu

Masuk ke Layout blog Anda > klik ikon Edit pada widget Main Menu.

Link Biasa: Features
Sub Link: _Sub Link 1.0 (tambahkan _ di awal)
Sub Link 2: __Sub Link 1.1 (tambahkan __ di awal)

Mega Shortcode:

Berdasarkan Label: Technology/mega-menu
Berdasarkan Recent: recent/mega-menu
Berdasarkan Random: random/mega-menu

🗂️ Mega Tab Menu

Untuk menampilkan produk berdasarkan label dalam tab, salin shortcode berikut ke bagian URL widget:

[getMega label="kids/women/men/smartwatch/laptop" type="mtabs"]

💡 Gunakan label yang sesuai, pisahkan dengan tanda /. Tidak ada batasan jumlah label.

📱 Top Social

Masuk ke Layout > klik Edit pada widget Social Top.

Ikon Tersedia: facebook, twitter, youtube, instagram, whatsapp, dll.

🧭 Top Menu / Secondary Menu / Vertical Icon Menu

Masuk ke Layout > klik Edit pada widget masing-masing.

Menambahkan ikon:
Gunakan FontAwesome:
Contoh: <i class="fa fa-download"></i>Download this Theme

Secondary Menu

Vertical Icon Menu

Menambah Icon Menu

🏷️ Verticle Tag

Ini hanyalah widget Label biasa. Disarankan jumlah label maksimal 8.

🎞️ Slider

Masuk ke Layout > Add a Gadget > HTML/JavaScript di bagian Slider.

Shortcode Format:

Jumlah Postingan/Label/slider

Contoh: 8/Technology/slider

💼 Product Services

Masuk ke Layout > klik Edit pada widget Product Services.

⭐ Popular Tags

Masuk ke Layout > klik Edit pada widget Popular Tags.

🗃️ Info Box 01 - 05

Masuk ke Layout > klik Edit pada masing-masing widget Info Box 01 sampai 05.

💬 Main Testimonials

Masuk ke Layout > klik Edit pada widget Main Testimonial.

📦 Product Tabs

Masuk ke Layout > klik Edit pada widget Product Tabs.

Gunakan shortcode seperti:

[getMega label="kids/laptop/mens/mobile/smartwatch" type="mtabs"]

📰 Home Ads 01, 02 & 03

Masuk ke Layout > klik Edit pada masing-masing bagian Home Ads.

📰 Marquee Menu

Masuk ke Layout > klik Edit pada widget Marquee Menu.

🔥 Hot Offers

Masuk ke Layout > Add a Gadget > HTML/JavaScript pada bagian Hot Offers.

Contoh shortcode: Food/hot-posts

🛍️ Featured Products & Product List

Gunakan shortcode berikut pada gadget HTML/JavaScript:

Label Posts: 3/Technology/post-list
Recent Posts: 3/recent/post-list
Random Posts: 3/random/post-list

📥 Post List Widget

Tambahkan gadget HTML/JavaScript di Sidebar/Footer dengan format seperti bagian di atas.

🔗 Social Widget (Sidebar)

Masuk ke Layout > klik Edit pada widget Social Widget.

Ikon Tersedia: facebook, twitter, instagram, dll.

🛒 Product Page

Masuk ke Layout > klik Edit pada widget Main Posts/Blog Posts.

🏷️ Brand Logos

Masuk ke Layout > klik Edit pada widget Brand Logos.

📄 Post Layouts

Left Sidebar: Tambahkan teks left-sidebar dan beri gaya ~~Strikethrough~~
Full Width: full-width dengan gaya ~~Strikethrough~~
Right Sidebar: right-sidebar dengan gaya ~~Strikethrough~~

💲 Harga Produk, Diskon, dan Ukuran

Gunakan shortcode di dalam postingan:

Harga: price/$59.00
Diskon: off/-35%
Ukuran: size/35/36/37

Semua diberi gaya Strikethrough.

🛒 Cart Page

Buat halaman baru dengan judul cart (tanpa tanda kutip).

URL harus seperti: https://yourdomain.com/p/cart.html

💳 Checkout Page

Buat halaman baru dengan judul checkout (tanpa tanda kutip).

URL harus seperti: https://yourdomain.com/p/checkout.html

💳 Credit Cards Icons

Masuk ke Layout > klik Edit pada widget Credit Cards.

Ikon Tersedia: paypal, visa, master, amex, dll.

⚙️ Theme Options

1. Payment Options

Masuk ke Layout > klik Edit pada widget Payment Options.

paymentOption: metode pembayaran (contoh: PayPal)
paypalMail: email PayPal Anda
currencyOption: mata uang (misal: USD)
shippingOption: biaya pengiriman per produk

Mata uang yang didukung: USD, EUR, GBP, IDR, dll.

2. UPI Options / Bank Details

Masukkan nama gateway dan QR Code UPI, atau detail bank Anda.

3. Boxed Version

Aktifkan atau nonaktifkan mode boxed dengan menambahkan:

boxedVersion: true atau false

4. Default Variables

postPerPage: jumlah postingan per halaman
fixedSidebar: true atau false
commentsSystem: blogger, disqus, facebook, atau hide
disqusShortname: nama pengguna Disqus

📘 Facebook Page Plugin

Tambahkan Gadget HTML/JavaScript di Sidebar/Footer:

<center>
  <div class="fb-page" data-href="https://www.facebook.com/soratemplate"
       data-width="360" data-small-header="false"
       data-adapt-container-width="true" data-hide-cover="false"
       data-show-facepile="true">
  </div>
</center>

Ganti link data-href dengan URL Facebook Page Anda.

🎨 Customizing Your Template

Masuk ke Theme > klik tombol Customize.

Ganti background
Terapkan warna bawaan
Klik Advanced untuk mengubah warna utama (Main Colors)

DEMO

DOWNLOAD

Panduan Lengkap Pengaturan Template Blogger "S Market"