1. Home
  2. Docs
  3. Listar WP 2.0
  4. Site Configuration
  5. Front Page

Front Page

Dashboard → Appearance → Widgets

Select widget area → [Listar] Home Sidebar → Select widgets for insert

Search Form Widget

Advance Search Form Widget

[Listar] Home Sidebar → Add widget [Listar] Listing Search Form

Advance Search Form Widget Settings

Category Widget

Category Widget → Style 1

[Listar] Home Sidebar → Add widget [Listar] Category

Category Widget Settings
  • Title: the title of widget
  • Description: the description of widget
  • Show counts: count total number of listing directory belong to category
  • Hide title: the title of widget won’t show
  • Hide description: the description of widget won’t show
  • Style Display: select ‘Style1’
  • Use background color: if unchecked the background is white, otherwise us gray color
  • Select item will be displayed: select categories that you want to display

Category Widget → Style 3

Style Display → select Style 3

Category Widget → Style 3

Location Widget

Location Widget

[Listar] Home Sidebar → Add widget [Listar] Location

Select Location Widget
Location Widget Settings
  • Title: the title of widget
  • Description: the description of widget
  • Show counts: count total number of listing directory belong to category
  • Hide title: the title of widget won’t show
  • Hide description: the description of widget won’t show
  • Style Display: select ‘Style 2’
  • Use background color: if unchecked the background is white, otherwise us gray color
  • Select item will be displayed: select categories that you want to display

Listing Data Widget

Listing Data Widget

[Listar] Home Sidebar → Add widget [Listar] Listing Data

Add Listing Data Widget
Listing Data Widget Settings
  • Title: the title of widget
  • Total Items: the number of listing will be showed
  • Order by: It’s sort option

HTML Widget

HTML Widget

[Listar] Home Sidebar → Add widget Custom HTML

Custom HTML Widget
<div class="p-5 bg-primary li-border-radius" style="margin-top: -60px;margin-bottom: -60px;">
  <h3 class="mb-0 text-white">Discover More Destinations</h3>
  <p class="text-white">Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
  <a class="btn bg-white text-primary" href="https://demo.listarapp.com">Get Start Now</a>
</div>

Blog Widget

Blog Widget

[Listar] Home Sidebar → Add widget [Listar] Recent Post

Blog Widget Settings
  • Title: the title of widget
  • Description: the description of widget
  • Total Items: the number of posts will be displayed