เคล็ดลับสำหรับ Supply

หน้านี้พิมพ์ขึ้นเมื่อ Jul 06, 2022 หากต้องการเวอร์ชันปัจจุบัน โปรดไปที่ https://help.shopify.com/th/manual/online-store/themes/themes-by-shopify/vintage-themes/supply/tips

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

เคล็ดลับสำหรับรูปภาพ

รูปภาพสินค้า

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

อัตราส่วนความกว้างและความยาวที่เหมาะสมสำหรับรูปภาพสินค้าของคุณคือ อัตราส่วนแบบสี่เหลี่ยมจัตุรัส

ทำให้สไลด์โชว์เล็กลง

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

เคล็ดลับส่วนหัว

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

ปรับความกว้างของโลโก้ของคุณ

  1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
  2. ถัดจาก Supply ให้คลิกที่ ปรับแต่ง
  1. จาก แอป Shopify ให้แตะที่ร้านค้า
  2. ในส่วน ช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
  3. แตะ จัดการธีม
  4. ถัดจากSupply ให้แตะปรับแต่ง
  5. แตะที่แก้ไข
  1. จาก แอป Shopify ให้แตะที่ร้านค้า
  2. ในส่วน ช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
  3. แตะ จัดการธีม
  4. ถัดจากSupply ให้แตะปรับแต่ง
  5. แตะที่แก้ไข
  1. คลิกที่ หัวเรื่อง
  2. ป้อนความกว้างใหม่ลงในช่อง “ความกว้างโลโก้แบบกำหนดเอง (เป็นพิกเซล)” ค่าพิกเซลเริ่มต้นคือ 305 ลดค่าพิกเซลลงเพื่อลดขนาดของโลโก้ ซึ่งจะลดความสูงของส่วนหัวด้วย การลดความกว้างของโลโก้ยังช่วยลดความสูงลงด้วย เพราะโลโก้ของคุณจะลดขนาดลงเพื่อคงอัตราส่วนเดิมเอาไว้
  3. คลิกที่บันทึก

เคล็ดลับสำหรับการนำทาง

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

เพิ่มเมนูดรอปดาวน์

หากต้องการเพิ่มเมนูดรอปดาวน์ไปยังเมนูหลักของคุณ คุณจำเป็นต้องสร้างเมนูบนหน้าการนำทางของคุณ

หลักปฏิบัติที่ดีที่สุดสำหรับเมนูหลัก

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

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

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

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

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

ลบแถบด้านข้าง

หากต้องการลบแถบด้านข้างออกจากร้านค้าของคุณ คุณจำเป็นต้องเพิ่มรหัสไปยังไฟล์ธีมสองรายการของคุณ

  1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

  1. จากแอป Shopify ให้แตะ ร้านค้า

  2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

  3. แตะ จัดการธีม

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

  1. จากแอป Shopify ให้แตะ ร้านค้า

  2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

  3. แตะ จัดการธีม

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

  1. ในไดเรกทอรีส่วน ให้คลิก collection-template.liquid

  2. ค้นหา has_sidebar ในไฟล์ ลบโค้ดในบรรทัดต่อไปนี้:

{% if collection.all_tags.size > 0 %}
  {% assign has_sidebar = true %}
{% endif %}

  1. คลิกที่ “บันทึก”

  2. ในไดเรกทอรีส่วน ให้คลิก collection-list-template.liquid

  3. ค้นหา has_sidebar ในไฟล์ ลบโค้ดในบรรทัดต่อไปนี้:

{% if collection.all_tags.size > 0 %}
  {% assign has_sidebar = true %}
{% endif %}
  1. คลิกที่ “บันทึก”

เคล็ดลับสำหรับสินค้า

เคล็ดลับต่อไปนี้จะช่วยให้คุณแสดงสินค้าของคุณโดยใช้ Supply

ใช้การกรองกลุ่มขั้นสูง

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

  1. กำหนดกลุ่มของคุณ สำหรับร้านค้ากล้อง กลุ่มอาจมีการจัดเรียงเป็นแบรนด์ ความยาวโฟกัส และความละเอียด

  2. ส่งออกสินค้าทั้งหมดของคุณไปยังไฟล์ .csv

  3. ใส่แท็กทั้งหมดที่มีด้วยชื่อกลุ่มที่ต้องการด้วยรูปแบบ กลุ่ม_ชื่อแท็ก เช่น บางแท็กอาจจะเป็น แบรนด์_Canon ระยะโฟกัส_18-55 มม. และความละเอียด_12 MP ด้านซ้ายของเครื่องหมายขีดล่างคือชื่อกลุ่ม และด้านขวาคือแท็กสำหรับสินค้า ทั้งสองด้านของเครื่องหมายขีดล่างสามารถใส่เว้นวรรคได้

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

  5. เปิดใช้การกรองตามกลุ่มในหน้าคอลเลกชันของคุณ:

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

จัดลำดับแท็กและกลุ่มตัวกรองใหม่

กลุ่มจะเรียงตามตัวอักษร เช่นเดียวกับแท็กที่อยู่ภายในกลุ่ม ผู้เชี่ยวชาญของ Shopify สามารถช่วยคุณปรับแต่งการจัดเรียงรายการได้

เคล็ดลับสำหรับการกำหนดราคา

เคล็ดลับต่อไปนี้จะช่วยคุณตั้งราคาเมื่อใช้ธีม Supply ได้

ปิดใช้งานการปัดเศษจำนวนยอดขาย

  1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

  1. จากแอป Shopify ให้แตะ ร้านค้า

  2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

  3. แตะ จัดการธีม

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

  1. จากแอป Shopify ให้แตะ ร้านค้า

  2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

  3. แตะ จัดการธีม

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

  1. ที่ด้านซ้ายใต้สินทรัพย์ ให้เปิด timber.scss.liquid

  2. ที่ด้านล่างของไฟล์ ให้ใส่รหัสต่อไปนี้:

.sale-tag sup {
  display: inline;
  top: 0;
  font-size: 100%;

  &:before {
   content: '.';
  }
}
  1. คลิกที่บันทึก

เคล็ดลับสำหรับตะกร้าสินค้า

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

เปลี่ยนประเภทตะกร้าสินค้าเพื่อทำให้ JavaScript ขั้นสูงทำงาน

เมื่อใช้ธีม Supply อยู่ JavaScript ใดก็ตามที่คุณเพิ่มไปยัง cart.liquid จะยังไม่สามารถใช้งานได้ในลิ้นชักหรือตะกร้าสินค้าประเภทโมดอล ระบบจะดำเนินการเมื่อคุณเพิ่ม /cart ไปยัง URL ร้านค้าของคุณเท่านั้น ตัวอย่างเช่น http://your.store.url/cart

หากคุณต้องการเพิ่มฟีเจอร์ต่อไปนี้ไปยังหน้าตะกร้าสินค้าของคุณ คุณจำเป็นต้องตั้งค่าประเภทตะกร้าสินค้าของคุณเป็นหน้า:

  • ตัวคำนวณอัตราค่าจัดส่ง
  • หลายสกุลเงิน
  • การห่อของขวัญ
  • การตรวจสอบยืนยันคุณสมบัติตะกร้าสินค้า
  • เครื่องมือเลือกวันที่
  • ช่องทำเครื่องหมาย “ฉันยอมรับข้อกำหนด”

ขั้นตอน:

  1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
  2. ถัดจาก Supply ให้คลิกที่ ปรับแต่ง
  1. จาก แอป Shopify ให้แตะที่ร้านค้า
  2. ในส่วน ช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
  3. แตะ จัดการธีม
  4. ถัดจากSupply ให้แตะปรับแต่ง
  5. แตะที่แก้ไข
  1. จาก แอป Shopify ให้แตะที่ร้านค้า
  2. ในส่วน ช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
  3. แตะ จัดการธีม
  4. ถัดจากSupply ให้แตะปรับแต่ง
  5. แตะที่แก้ไข
  1. คลิกที่การตั้งค่าธีม
  2. คลิกตะกร้าสินค้า
  3. จากรายการแบบดรอปดาวน์ประเภทตะกร้าสินค้า ให้เลือกหน้า
  4. คลิกที่บันทึก

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

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