ส่วนคงที่สำหรับ Brooklyn

หน้านี้พิมพ์ขึ้นเมื่อ Sep 22, 2020 หากต้องการเวอร์ชันปัจจุบัน โปรดไปที่ https://help.shopify.com/th/manual/online-store/os/using-themes/themes-by-shopify/brooklyn/sections/fixed-sections

Brooklyn มีส่วนที่แสดงหน้าทุกหน้าที่ปรากฏบนร้านค้าออนไลน์ของคุณ ดูวิธีปรับแต่งส่วนต่างๆ เหล่านี้ให้เหมาะกับธุรกิจของคุณ

ส่วนหัว

ส่วนหัวของธีมคือส่วนที่ปรากฏด้านบนของทุกหน้าในร้านค้าของคุณ

ธีม Brooklyn ช่วยให้คุณสามารถเพิ่มรายการต่อไปนี้ไปยังส่วนหัวของคุณได้:

  • โลโก้
  • เมนูการนำทาง
  • แถบประกาศ

นอกจากนี้คุณยังสามารถเปลี่ยนสีของลิงก์และไอคอนส่วนหัวของคุณได้อีกด้วย

หากคุณต้องการเปิดใช้ส่วนหัวแบบโปร่งใสในหน้าแรกของคุณ คุณก็สามารถเลือกโลโก้และสีที่แยกต่างหากสำหรับส่วนหัวของหน้าแรกของคุณได้

เพิ่มโลโก้แบบกำหนดเอง

  1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
  1. จากแอป Shopify ให้แตะ ร้านค้า
  2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
  3. แตะ จัดการธีม
  1. จากแอป Shopify ให้แตะ ร้านค้า
  2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
  3. แตะ จัดการธีม

  1. ถัดจากBrooklyn ให้คลิก ปรับแต่ง

  2. คลิกที่ หัวเรื่อง

  3. ในบริเวณ รูปโลโก้ ให้คลิกที่ เลือกรูปภาพ แล้วเลือกดำเนินการอย่างใดอย่างหนึ่งต่อไปนี้:

- หากต้องการเลือกรูปภาพที่คุณได้อัปโหลดแล้วในหน้า Shopify admin ให้คลิกที่แท็บ ไลบรารี - หากต้องการใช้สต็อกรูปภาพฟรีจาก Burst ให้คลิกที่ รูปภาพฟรี - หากต้องการเลือกรูปภาพจากคอมพิวเตอร์ของคุณ ให้คลิกที่ ไลบรารี > อัปโหลด

  1. ใช้แถบเลื่อน ความกว้างของโลโก้แบบกำหนดเอง เพื่อปรับแต่งความกว้างของโลโก้

  2. คลิกที่บันทึก

ปรับแต่งการตั้งค่าการนำทางของคุณ

คุณสามารถปรับแต่งการตั้งค่าการนำทางต่อไปนี้ได้:

  • ประเภทการค้นหา - กำหนดรูปแบบของฟีเจอร์การค้นหาของส่วนหัว
  • เมนู - กำหนดเมนูที่ปรากฏในส่วนหัว
  • เมนูแถบด้านข้างสำรอง - เพิ่มเมนูสำรองไปยังเมนูแถบด้านข้างของคุณ เมนูแถบด้านข้างจะปรากฏขึ้นแทนเมนูส่วนหัวเมื่อเมนูหลักใช้พื้นที่มาก คุณสามารถดูข้อมูลเพิ่มเติมได้ใน เคล็ดลับสำหรับ Brooklyn
  • เปิดใช้การค้นหา - แสดงแถบค้นหาบนเมนูแถบด้านข้าง
  1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
  1. จากแอป Shopify ให้แตะ ร้านค้า
  2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
  3. แตะ จัดการธีม
  1. จากแอป Shopify ให้แตะ ร้านค้า
  2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
  3. แตะ จัดการธีม

  1. ถัดจากBrooklyn ให้คลิก ปรับแต่ง

  2. คลิกที่ หัวเรื่อง

  3. ในส่วนการนำทาง ให้ปรับการตั้งค่าการนำทางของคุณ

  4. คลิกที่บันทึก

เพิ่มแถบประกาศ

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">เดสก์ท็อป</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>ในส่วน Shopify admin ให้ไปที่<strong>ร้านค้าออนไลน์</strong> &gt; <strong>ธีม</strong>
</li></ol></div><div class="iphone changeable-content"><ol>
<li>จาก<a href="https://www.shopify.com/install/detect">แอป Shopify</a> ให้แตะ <strong>ร้านค้า</strong>
</li><li>ในส่วน<strong>ช่องทางการขาย</strong> ให้แตะ <strong>ร้านค้าออนไลน์</strong>
</li><li>แตะ <strong>จัดการธีม</strong>
</li></ol></div><div class="android changeable-content"><ol>
<li>จาก<a href="https://www.shopify.com/install/detect">แอป Shopify</a> ให้แตะ <strong>ร้านค้า</strong>
</li><li>ในส่วน<strong>ช่องทางการขาย</strong> ให้แตะ <strong>ร้านค้าออนไลน์</strong>
</li><li>แตะ <strong>จัดการธีม</strong>
</li></ol></div>
</div>



1. ถัดจาก**Brooklyn** ให้คลิก **ปรับแต่ง**

  1. คลิกที่ ส่วน

  2. คลิกที่ หัวเรื่อง

  3. ในพื้นที่แถบประกาศให้ทำเครื่องหมายในช่องแสดงประกาศ แล้วเลือกหน้าแรกเท่านั้นเพื่อแสดงข้อความประกาศในหน้าแรกเท่านั้น

  4. ป้อนข้อความสำหรับประกาศของคุณในช่อง ข้อความ

7 ตัวเลือกเสริม: ป้อน URL ในช่องลิงก์เพื่อเพิ่มลิงก์ไปยังประกาศของคุณ

  1. หากต้องการเปลี่ยนสีของพื้นหลังแถบประกาศ ให้คลิกที่ตัวอย่างสีของ แถบ แล้วเลือกสีที่ต้องการ

  2. หากต้องการเปลี่ยนสีของข้อความประกาศ ให้คลิกที่ตัวอย่างสีของ ข้อความ แล้วเลือกสีที่ต้องการ

  3. คลิกที่บันทึก

เปลี่ยนสีของลิงก์และไอคอนส่วนหัวของคุณ

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">เดสก์ท็อป</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>ในส่วน Shopify admin ให้ไปที่<strong>ร้านค้าออนไลน์</strong> &gt; <strong>ธีม</strong>
</li></ol></div><div class="iphone changeable-content"><ol>
<li>จาก<a href="https://www.shopify.com/install/detect">แอป Shopify</a> ให้แตะ <strong>ร้านค้า</strong>
</li><li>ในส่วน<strong>ช่องทางการขาย</strong> ให้แตะ <strong>ร้านค้าออนไลน์</strong>
</li><li>แตะ <strong>จัดการธีม</strong>
</li></ol></div><div class="android changeable-content"><ol>
<li>จาก<a href="https://www.shopify.com/install/detect">แอป Shopify</a> ให้แตะ <strong>ร้านค้า</strong>
</li><li>ในส่วน<strong>ช่องทางการขาย</strong> ให้แตะ <strong>ร้านค้าออนไลน์</strong>
</li><li>แตะ <strong>จัดการธีม</strong>
</li></ol></div>
</div>



1. ถัดจาก**Brooklyn** ให้คลิก **ปรับแต่ง**

  1. คลิกที่ ส่วน

  2. คลิกที่ หัวเรื่อง

  3. คลิกที่ตัวอย่างสีของลิงก์และไอคอนและเลือกสี

  4. คลิกที่บันทึก

เปิดใช้ส่วนหัวโปร่งใส

หากคุณต้องการแสดงโลโก้ส่วนหัวและข้อความบนสไลด์โชว์บนหน้าแรกของคุณ คุณก็สามารถเปิดใช้ส่วนหัวโปร่งใสได้ โดยคุณควรเลือกตัวเลือกนี้ในกรณีที่ส่วนบนของร้านค้าของคุณเป็นสไลด์โชว์เท่านั้น

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">เดสก์ท็อป</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>ในส่วน Shopify admin ให้ไปที่<strong>ร้านค้าออนไลน์</strong> &gt; <strong>ธีม</strong>
</li></ol></div><div class="iphone changeable-content"><ol>
<li>จาก<a href="https://www.shopify.com/install/detect">แอป Shopify</a> ให้แตะ <strong>ร้านค้า</strong>
</li><li>ในส่วน<strong>ช่องทางการขาย</strong> ให้แตะ <strong>ร้านค้าออนไลน์</strong>
</li><li>แตะ <strong>จัดการธีม</strong>
</li></ol></div><div class="android changeable-content"><ol>
<li>จาก<a href="https://www.shopify.com/install/detect">แอป Shopify</a> ให้แตะ <strong>ร้านค้า</strong>
</li><li>ในส่วน<strong>ช่องทางการขาย</strong> ให้แตะ <strong>ร้านค้าออนไลน์</strong>
</li><li>แตะ <strong>จัดการธีม</strong>
</li></ol></div>
</div>



1. ถัดจาก**Brooklyn** ให้คลิก **ปรับแต่ง**

  1. คลิกที่ ส่วน

  2. คลิกที่ หัวเรื่อง

  3. ในส่วนส่วนหัวโปร่งใส ให้ทำเครื่องหมายในช่องเปิดใช้ส่วนหัวโปร่งใสในหน้าแรก

  4. ตัวเลือกเสริม: ในส่วนโลโก้โปร่งใส ให้คลิกที่เลือกรูปภาพแล้วเลือกดำเนินการอย่างใดอย่างหนึ่งต่อไปนี้:

- หากต้องการเลือกรูปภาพที่คุณได้อัปโหลดแล้วในหน้า Shopify admin ให้คลิกที่แท็บ ไลบรารี - หากต้องการใช้สต็อกรูปภาพฟรีจาก Burst ให้คลิกที่ รูปภาพฟรี - หากต้องการเลือกรูปภาพจากคอมพิวเตอร์ของคุณ ให้คลิกที่ ไลบรารี > อัปโหลด

  1. หากต้องการเปลี่ยนสีของลิงก์และไอคอน ให้คลิกที่ตัวอย่างสีของลิงก์และไอคอนส่วนหัวแบบโปร่งใสแล้วเลือกสี

  2. คลิกที่บันทึก

ส่วนท้าย

ส่วนท้ายของธีมคือส่วนที่ปรากฏด้านล่างของทุกหน้าในร้านค้าของคุณ คุณสามารถเพิ่มฟีเจอร์ต่อไปนี้ในส่วนท้ายได้:

  • ไอคอนการชำระเงิน
  • ตัวเลือกภาษา
  • เครื่องมือเลือกสกุลเงิน
  • เมนู

เพิ่มไอคอนการชำระเงิน

คุณสามารถแสดงไอคอนสำหรับวิธีการชำระเงินที่คุณยอมรับได้ในส่วนท้ายของคุณ พื้นที่นี้จะแสดงไอคอนที่เชื่อมโยงกับผู้ให้บริการการชำระเงินที่คุณได้เปิดใช้ในส่วนการตั้งค่าการชำระเงินของส่วนผู้ดูแลของคุณ

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">เดสก์ท็อป</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>ในส่วน Shopify admin ให้ไปที่<strong>ร้านค้าออนไลน์</strong> &gt; <strong>ธีม</strong>
</li></ol></div><div class="iphone changeable-content"><ol>
<li>จาก<a href="https://www.shopify.com/install/detect">แอป Shopify</a> ให้แตะ <strong>ร้านค้า</strong>
</li><li>ในส่วน<strong>ช่องทางการขาย</strong> ให้แตะ <strong>ร้านค้าออนไลน์</strong>
</li><li>แตะ <strong>จัดการธีม</strong>
</li></ol></div><div class="android changeable-content"><ol>
<li>จาก<a href="https://www.shopify.com/install/detect">แอป Shopify</a> ให้แตะ <strong>ร้านค้า</strong>
</li><li>ในส่วน<strong>ช่องทางการขาย</strong> ให้แตะ <strong>ร้านค้าออนไลน์</strong>
</li><li>แตะ <strong>จัดการธีม</strong>
</li></ol></div>
</div>



1. ถัดจาก **Brooklyn** ให้คลิกที่ **ปรับแต่ง**

  1. คลิกที่ ส่วน

  2. คลิกที่ ส่วนท้าย

  3. ทำเครื่องหมายที่ แสดงไอคอนการชำระเงิน

  4. คลิกที่บันทึก

เพิ่มเมนู

คุณสามารถเพิ่ม เมนู ในส่วนท้ายของคุณได้ การทำเช่นนี้จะแสดงลิงก์ของเมนูทั้งหมดในส่วนท้ายของคุณ ซึ่งคุณสามารถใช้เพื่อไฮไลต์หน้าทั่วไปที่ลูกค้าต้องการเข้าถึงได้ ตัวอย่างเช่น คุณสามารถเพิ่มเมนูที่มีลิงก์ไปยังหน้าข้อมูลติดต่อ หน้าข้อมูลการจัดส่ง และนโยบายความเป็นส่วนตัวของคุณ

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">เดสก์ท็อป</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>ในส่วน Shopify admin ให้ไปที่<strong>ร้านค้าออนไลน์</strong> &gt; <strong>ธีม</strong>
</li></ol></div><div class="iphone changeable-content"><ol>
<li>จาก<a href="https://www.shopify.com/install/detect">แอป Shopify</a> ให้แตะ <strong>ร้านค้า</strong>
</li><li>ในส่วน<strong>ช่องทางการขาย</strong> ให้แตะ <strong>ร้านค้าออนไลน์</strong>
</li><li>แตะ <strong>จัดการธีม</strong>
</li></ol></div><div class="android changeable-content"><ol>
<li>จาก<a href="https://www.shopify.com/install/detect">แอป Shopify</a> ให้แตะ <strong>ร้านค้า</strong>
</li><li>ในส่วน<strong>ช่องทางการขาย</strong> ให้แตะ <strong>ร้านค้าออนไลน์</strong>
</li><li>แตะ <strong>จัดการธีม</strong>
</li></ol></div>
</div>



1. ถัดจาก **Brooklyn** ให้คลิกที่ **ปรับแต่ง**

  1. คลิกที่ ส่วน

  2. คลิกที่ ส่วนท้าย

  3. หากต้องการเลือกเมนู ให้คลิกที่ เปลี่ยนแปลง เลือกเมนูจากรายการหรือคลิกที่ สร้างเมนู เพื่อสร้างใหม่

  4. หากต้องการแก้ไขเมนู ให้คลิกที่ แก้ไขเมนู

  5. คลิกที่บันทึก

เพิ่มตัวเลือกภาษา

คุณควรเพิ่มตัวเลือกภาษาเท่านั้นหากคุณได้เปิดใช้ ภาษาของร้านค้าหลายภาษา

  1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
  1. จากแอป Shopify ให้แตะ ร้านค้า
  2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
  3. แตะ จัดการธีม
  1. จากแอป Shopify ให้แตะ ร้านค้า
  2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
  3. แตะ จัดการธีม

  1. ถัดจาก Brooklyn ให้คลิกที่ ปรับแต่ง

  2. คลิกที่ ส่วน

  3. คลิกที่ ส่วนท้าย

  4. ในส่วน ตัวเลือกภาษา ให้เลือก แสดงตัวเลือกภาษา

  5. คลิกที่บันทึก

เพิ่มเครื่องมือเลือกสกุลเงิน

คุณควรเพิ่มเครื่องมือเลือกสกุลเงินเท่านั้นหากคุณได้เปิดใช้ หลายสกุลเงิน

  1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
  1. จากแอป Shopify ให้แตะ ร้านค้า
  2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
  3. แตะ จัดการธีม
  1. จากแอป Shopify ให้แตะ ร้านค้า
  2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
  3. แตะ จัดการธีม

  1. ถัดจาก Brooklyn ให้คลิกที่ ปรับแต่ง

  2. คลิกที่ ส่วน

  3. คลิกที่ ส่วนท้าย

  4. ในส่วน เครื่องมือเลือกสกุลเงิน ให้เลือก แสดงเครื่องมือเลือกสกุลเงิน

พร้อมเริ่มต้นการขายด้วย Shopify แล้วหรือยัง

ทดลองใช้งานฟรี