ส่วนต่างๆ สำหรับ Express

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

คุณสามารถเพิ่มจัดเรียงใหม่หรือลบส่วนออกเพื่อสร้างเลย์เอาต์ของคุณได้ คุณสามารถมีส่วนต่างๆ ได้สูงสุดถึง 25 ส่วนในหน้าของคุณ รวมถึงส่วนหัวกระดาษและส่วนท้าย ไม่สามารถลบส่วนหัวและส่วนท้ายออกหรือจัดเรียงใหม่ได้

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

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

ส่วนหัว

คุณสามารถเพิ่มรูปภาพโลโก้แบบกำหนดเองไปยังส่วนหัวของร้านค้าของคุณได้ รูปแบบที่ดีที่สุดคือไฟล์ .png ที่มีพื้นหลังโปร่งใส ความกว้างสูงสุดของโลโก้คือ 180 พิกเซล คุณสามารถปรับขนาดรูปภาพโลโก้ได้โดยเพิ่มหรือลดความกว้าง

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

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

<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. ถัดจาก**Express** ให้คลิก **ปรับแต่ง**
  1. คลิกที่ หัวเรื่อง

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

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

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

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

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

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

  2. Click Sections.

  3. Click Header.

  4. In the Announcement bar area, check Show announcement.

  5. Enter the text for your announcement in the Text field.

  6. Optional: From the Icon menu, select an icon to display in the announcement bar. The icon uses the same color as your announcement text.

  7. To change the color of the announcement bar background, click the Bar color swatch and choose a color.

  8. To change the color of the announcement text, click the Text color swatch and choose a color.

  9. Click Save.

ส่วนท้าย

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

  • ไอคอนการชำระเงิน
  • เมนู
  • การสมัครรับจดหมายข่าว
  • ส่วนข้อความที่มีข้อมูลเกี่ยวกับธุรกิจของคุณ
  • ไอคอนโซเชียลมีเดีย
  • ตัวเลือกภาษา

ส่วนท้ายของเว็บไซต์ที่แสดงบล็อกข้อความสองบล็อกและการสมัครรับจดหมายข่าว

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

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

<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. ถัดจาก **Express** ให้คลิกที่ **ปรับแต่ง**
  1. คลิกที่ ส่วน

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

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

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

เพิ่มเมนู การสมัครรับจดหมายข่าว หรือข้อความ

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

  2. Click Sections.

  3. Click Footer.

  4. To add a content block, in the Content area, click Add content. Select the type of block from the following choices:

      • Menu
      • Newsletter
      • Text

    You can add up to 4 content blocks.

    To move a content block, click the ⋮⋮ icon and drag the block to a different place.

    To remove a content block, click on the block and then click Remove content.

    To customize a content block, click on the block and edit the settings.

  5. Click Save.

เพิ่มไอคอนโซเชียลมีเดีย

<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. ถัดจาก **Express** ให้คลิกที่ **ปรับแต่ง**
  1. คลิกที่ ส่วน

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

  3. คลิกที่ส่วน การตั้งค่าธีม

  4. ในช่องโซเชียลมีเดียที่เกี่ยวข้องให้ป้อน URL ไปยังโปรไฟล์ของคุณ

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

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

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

<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. ถัดจาก **Express** ให้คลิกที่ **ปรับแต่ง**
  1. คลิกที่ ส่วน

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

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

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

คอลเลกชันแนะนำ

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

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

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

เพิ่มส่วนคอลเลกชันแนะนำ

<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. ถัดจาก **Express** ให้คลิกที่ **ปรับแต่ง**
  1. คลิกที่ ส่วนต่างๆ > เพิ่มส่วน

  2. คลิกที่ คอลเลกชันแนะนำ จากนั้นคลิกที่ เพิ่ม

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

- เล็ก - สินค้า 6 รายการ - ปานกลาง - สินค้า 18 รายการ - ใหญ่ - สินค้า 36 รายการ

  1. จากรายการดรอปดาวน์ รูปแบบรูปภาพ ให้เลือกรูปแบบการครอบตัดรูปภาพสำหรับรูปภาพสินค้าในคอลเลกชัน การตั้งค่านี้จะนำไปใช้กับคอลเลกชันทั้งหมดในส่วน คอลเลกชันแนะนำ

  2. ในพื้นที่ของเนื้อหา ให้เลือกบล็อก คอลเลกชัน หรือคลิกที่ เพิ่มคอลเลกชัน

  3. คลิกที่ เลือกคอลเลกชัน

  4. จากรายการ คอลเลกชัน ให้เลือกคอลเลกชันที่คุณต้องการแสดงในแท็บ จากนั้นคลิกที่ เลือก

    หากต้องการเพิ่มคอลเลกชัน ให้คลิกที่ลิงก์ เพิ่มคอลเลกชัน เพื่อเปิดหน้า สร้างคอลเลกชัน ในแท็บใหม่

    หากต้องการเพิ่มหรือลบสินค้าออกจากคอลเลกชันที่เลือกไว้ ให้คลิกที่ลิงก์ แก้ไขคอลเลกชัน เพื่อเปิดหน้า คอลเลกชัน ในแท็บใหม่

  5. ทำซ้ำขั้นตอนที่ 5 ถึง 7 เพื่อเพิ่มคอลเลกชันเพิ่มเติมไปยังส่วนดังกล่าว

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

เพิ่มคอลเลกชันไปยังส่วนคอลเลกชันแนะนำ

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

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

  3. เลือกส่วนคอลเลกชันแนะนำที่คุณต้องการแก้ไข

  4. ในพื้นที่ของเนื้อหา ให้เลือกบล็อก คอลเลกชัน หรือคลิกที่ เพิ่มคอลเลกชัน

  5. คลิกที่ เลือกคอลเลกชัน

  6. จากรายการ คอลเลกชัน ให้เลือกคอลเลกชันที่คุณต้องการแสดงในแท็บ จากนั้นคลิกที่ เลือก

    หากต้องการเพิ่มคอลเลกชัน ให้คลิกที่ลิงก์ เพิ่มคอลเลกชัน เพื่อเปิดหน้า สร้างคอลเลกชัน ในแท็บใหม่

    หากต้องการเพิ่มหรือลบสินค้าออกจากคอลเลกชันที่เลือกไว้ ให้คลิกที่ลิงก์ แก้ไขคอลเลกชัน เพื่อเปิดหน้า คอลเลกชัน ในแท็บใหม่

  7. ทำซ้ำขั้นตอนที่ 3 ถึง 5 เพื่อเพิ่มคอลเลกชันลงในส่วนดังกล่าว

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

สินค้าที่แนะนำ

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

ส่วนสินค้าแนะนำประกอบด้วยการตั้งค่าต่อไปนี้:

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

เพิ่มส่วนสินค้าแนะนำ

<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. ถัดจาก **Express** ให้คลิกที่ **ปรับแต่ง**
  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. ถัดจาก **Express** ให้คลิกที่ **ปรับแต่ง**
  1. คลิกที่ ส่วน

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

  3. ใช้การตั้งค่าเพื่อปรับแต่งหน้าสินค้าของคุณ

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

รูปภาพพร้อมข้อความ

ด้วย Express คุณสามารถเพิ่มรูปภาพพร้อมข้อความที่แสดงที่ด้านขวาหรือซ้ายของรูปภาพได้ นอกจากนี้คุณยังสามารถเพิ่มปุ่มที่เชื่อมโยงไปยังหน้าอื่นได้อีกด้วย

คุณอาจใช้ส่วนรูปภาพพร้อมข้อความเพื่อโฆษณาสินค้าหรือคอลเลกชันที่เฉพาะเจาะจง

ส่วนรูปภาพพร้อมข้อความประกอบด้วยการตั้งค่าต่อไปนี้:

  • รูปภาพ - รูปภาพที่จะรวมไว้ในส่วนนั้น คุณสามารถอัปโหลดรูปภาพได้โดยใช้รูปภาพที่อัปโหลดก่อนหน้าหรือเลือกรูปภาพสต็อกได้ฟรีจาก Burst
  • หัวเรื่อง - ข้อความหลักที่จะจับคู่กับรูปภาพ
  • ข้อความ - ข้อความรองเพื่อจับคู่กับรูปภาพ ข้อความนี้จะปรากฏด้านล่างข้อความหัวเรื่อง
  • ป้ายกำกับปุ่ม - ข้อความที่คุณต้องการให้ปรากฏบนปุ่ม
  • ลิงก์ปุ่ม - URL หรือหน้าที่คุณต้องการเชื่อมโยงไว้ที่ปุ่ม ให้วางไว้ใน URL หรือเลือกหน้าจากเมนู ในกรณีที่คุณไม่ต้องการเพิ่มปุ่มไปยังส่วนนี้ ให้ทิ้งช่องนี้ว่าง

ตัวเลือกเลย์เอาต์

  • เดสก์ท็อป - เลือกว่าจะให้รูปภาพในส่วนดังกล่าวปรากฏทางด้านซ้ายหรือด้านขวาเมื่อมีการดูจากคอมพิวเตอร์เดสก์ท็อป หากต้องการแสดงรูปภาพด้านซ้ายให้เลือก "รูปภาพก่อน"
  • มือถือ - เลือกว่าจะให้รูปภาพในส่วนนี้ปรากฏก่อนหรือหลังเมื่อดูในอุปกรณ์มือถือ
  • พื้นหลังรอง - เลือกว่าจะเพิ่มสีพื้นหลังรองลงในส่วนดังกล่าวหรือไม่ เลือก บางส่วน เพื่อเพิ่มสีพื้นหลังไปยังเศษสามส่วนห้าด้านบนของส่วนดังกล่าว สีนี้สามารถแก้ไขได้ในการตั้งค่าธีม
  • ขนาดข้อความ - เลือกขนาดสัมพัทธ์ของหัวเรื่องและข้อความในส่วนดังกล่าว
  • รักาาอัตราส่วนภาพ - เลือกตัวเลือกนี้เพื่อป้องกันไม่ให้รูปภาพที่คุณเลือกถูกครอบตัด หากคุณปล่อยให้ตัวเลือกนี้ถูกยกเลิกการเลือกรูปภาพจะถูกครอบตัดเป็นสี่เหลี่ยมจัตุรัส
  • เปิดใช้สีข้อความรอง - เลือกตัวเลือกนี้เพื่อใช้สีข้อความพื้นหลังรองสำหรับหัวเรื่องและข้อความ สีนี้สามารถแก้ไขได้ใน การตั้งค่าธีม

เพิ่มรูปภาพพร้อมส่วนข้อความ

<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. ถัดจาก **Express** ให้คลิกที่ **ปรับแต่ง**
  1. คลิกที่ ส่วนต่างๆ > เพิ่มส่วน
  2. คลิกที่ รูปภาพพร้อมข้อความ จากนั้นคลิกที่ เพิ่ม
  3. ในพื้นที่ของ รูปภาพ ให้คลิกที่ เลือกรูปภาพ แล้วเลือกดำเนินการอย่างใดอย่างหนึ่งต่อไปนี้: - หากต้องการเลือกรูปภาพที่คุณได้อัปโหลดแล้วในหน้า Shopify admin ให้คลิกที่แท็บ ไลบรารี

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

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

ลิ้นชักตะกร้าสินค้า

Express มีลิ้นชักตะกร้าสินค้าที่ช่วยให้ผู้ซื้อดูเนื้อหาของตะกร้าสินค้าของพวกเขาได้อย่างรวดเร็วแล้วเลือกซื้อต่อ

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

เปิดใช้งานหมายเหตุคำสั่งซื้อในลิ้นชักตะกร้าสินค้า

  1. ไปที่ลิ้นชักตะกร้าสินค้าในเครื่องมือแก้ไขธีมโดยการเพิ่มสินค้าไปยังตะกร้าสินค้า

  2. คลิกที่แท็บ ส่วนต่างๆ

  3. คลิกที่ส่วน หน้าตะกร้าสินค้า

  4. ทำเครื่องหมายที่ แสดงหมายเหตุของตะกร้าสินค้า

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

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

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