Tab Bar

Tab Bar adalah fitur navigasi yang biasanya terdapat di bagian bawah layar pada aplikasi mobile. Fitur ini memungkinkan Anda dengan mudah berpindah antara berbagai halaman dengan mengklik pada tab yang terdapat di Tab Bar.

Fitur Tab Bar juga sudah tersedia di theme Bello. Jika ingin setting, silakan kunjungi Theme Options > Tab Bar

Disana Anda bisa ubah nama menu serta icon nya dan bisa di hide, jika tidak ingin di tampilkan.

Berikut ini script untuk ganti menu Tab Bar di theme Bello

Silakan copy paste script dibawah ini ke field yang sudah di sediakan.

Menu 1

<a href="https://demo.eitheme.com/bello/">
  <img src="https://demo.eitheme.com/bello/wp-content/themes/bello-master/assets/icon/tab-bar/icon-home.svg" alt="Home" width="21" height="21">
  <span>Home</span>
</a>

Menu 2

<a href="https://demo.eitheme.com/bello/blog/">
  <img src="https://demo.eitheme.com/bello/wp-content/themes/bello-master/assets/icon/tab-bar/icon-article.svg" alt="Article" width="21" height="21">
  <span>Article</span>
</a>

Menu 3

<a href="https://demo.eitheme.com/bello/most-popular/" class="icon-popular">
  <img src="https://demo.eitheme.com/bello/wp-content/themes/bello-master/assets/icon/tab-bar/icon-popular.svg" alt="Most Popular" width="22" height="22">
  <span>Most Popular</span>
</a>

Menu 4

<a href="#" class="pointer" data-bs-toggle="modal" data-bs-target="#searchpop">
  <img src="https://demo.eitheme.com/bello/wp-content/themes/bello-master/assets/icon/tab-bar/search.svg" alt="Search" width="21" height="21">
  <span>Search</span>
</a>

Menu 5

<a href="#" class="pointer hamburger-menu">
  <img src="https://demo.eitheme.com/bello/wp-content/themes/bello-master/assets/icon/tab-bar/icon-menu.svg" alt="Menu" width="21" height="21">
  <span>Menu</span>
</a>

Link Theme:
https://www.eitheme.com/product/bello/

Demo:
https://demo.eitheme.com/bello/