Skip to content

Header

Top Bar

Customizer Header Topbar

เปิดใช้งานแถบด้านบนของหน้าเว็บ (Top Bar)

Top Bar Colors

ปรับสีของ Topbar

  • Background ปรับสีพื้นหลัง
  • Text ปรับสีฟอนต์
  • Hover ปรับไอคอนที่ใช้ในธีม

Height

ปรับความสูงของ Topbar โดยเลือกปรับได้ทั้งขนาดบนมือถือ แท็บเบล็ต และจอคอม

Left Text & Right Text

สามารถใส่ข้อความ โค้ด HTML รวมถึง Shortcode ได้

Example

Topbar Preview


Header Template

Header Template

Template

เลือกเทมเพลต Header ที่เตรียมไว้ให้ โดยมีตัวเลือกดังนี้

  • Minimal
  • Standard (Logo Left on Mobile)
  • Standard (Logo Center on Mobile)
  • Centered Logo
  • Shop
  • Classic
  • Leftbar
  • Widget: Header

Height

ปรับความสูงของ Header โดยเลือกปรับได้ทั้งขนาดบนมือถือ แท็บเบล็ต และจอคอม

Effect

  • No Effect
  • Fixed on every page
  • Slide in on Home
  • Slide in on Home, Others are fixed

Overlay on Home? (No Background)

ตั้งหน้าแรกให้ Overlay (No Background)

Hide Brand on Home?

ซ่อน logo ในหน้าแรก


Set Left Icons?

Header Template

Left Icons

เลือกชิ้นส่วนที่ต้องการแสดง ด้านซ้ายบนมือถือ และ ด้านขวาบนจอคอมพิวเตอร์

  • Search
  • Menu
  • Member
  • Cart
  • Custom

Set Right Icons?

Header Template

Left Icons

เลือกชิ้นส่วนที่ต้องการแสดง ด้านขวาบนมือถือ และ บนจอคอมพิวเตอร์

  • Search
  • Menu
  • Member
  • Cart
  • Custom

Set Search Placeholder?

Header Template

Search Placeholder

เปลี่ยนคำเริ่มต้นของตัว Search


Set Header Colors?

Header Template

Header Colors

เลือกค่าสีของ Backround, Text, Hover

Different Colors for Home?

เลือกค่าสีของ Backround, Text, Hover ของหน้า Home

Add space below Header

เพิ่มช่องว่างใต้ Header


Set Side Menu?

Header Template

Side Menu Width

ขนาดความกว้างของ Side Menu

Side Menu Colors

เลือกค่าสีของ Backround, Text, Hover