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

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

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

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

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

เมนูหลักบนร้านค้าออนไลน์ เลื่อนเม้าส์ให้ชี้ไปที่ลิงก์

เมนูหลักกลายเป็นเมนูแถบด้านข้าง

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

เมนูแถบด้านข้างบริเวณด้านซ้ายของร้านค้าออนไลน์ ลิงก์เมนูหลักเช่น

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

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

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

ประเภทของรูปภาพสินค้าที่ดีที่สุดสำหรับ Brooklyn

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

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

  • หากต้องการลบกรอบออกจากรอบๆ รูปภาพสินค้าของคุณ ให้กำหนดค่าสีพื้นหลังสินค้าของคุณเป็นโปร่งใสจากหน้าการตั้งค่าสี:

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

ขนาดที่เหมาะสมที่สุดสำหรับรูปภาพสไลด์โชว์

สไลด์รูปภาพทั้งสองที่แสดงในร้านค้าตัวอย่างของ Brooklyn คือ 1200 x 800 พิกเซล การทำให้รูปภาพในสไลด์มีขนาดเดียวกันทั้งหมดนั้น ถือว่าเป็นความคิดที่ไม่เลวเลย

การครอบตัดรูปภาพบนหน้าจอขนาดเล็ก

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

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

ตัวอย่างด้านล่างคือตัวอย่างการแสดงผลร้านค้าออนไลน์บนหน้าเดสก์ท็อปและมือถือ:

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

แสดงภาพแบบขอบชนขอบสำหรับคอลเลกชัน

หากต้องการแสดงภาพแบบขอบชนขอบ คอลเลกชันของคุณต้องมีรูปภาพที่แสดง

คุณสามารถดูตัวอย่างรูปภาพแบบขอบชนขอบในคอลเลกชันได้บนร้านค้าตัวอย่างของ Brooklyn รูปภาพในคอลเลกชันที่แสดงอยู่บริเวณด้านบนมีขนาด 1405 x 800 พิกเซล

สไลด์โชว์ที่แสดงบนเดสก์ท็อปจะแสดงรูปภาพที่ความกว้างมากกว่าความสูง

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

การกำหนดรูปภาพสำหรับโพสต์บล็อก

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

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

เพิ่มเครื่องหมายการขายให้สินค้า

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

กำหนดว่าสินค้าใดจะมีขนาดใหญ่กว่ากันบนหน้าคอลเลกชัน

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

หน้าคอลเลกชันใน Shopify admin

สำหรับสินค้าทุกๆ หกรายการ สินค้ารายการแรกและรายการที่หกจะแสดงด้วยรูปภาพสินค้าขนาดใหญ่ ตัวอย่างเช่น รูปภาพที่ 1, 6, 7, 12, 13 และ 18 ในคอลเลกชันจะแสดงเป็นรูปภาพขนาดใหญ่:

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

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

ภาพเคลื่อนไหวแบบเลื่อนเมื่อเลือกตัวเลือกสินค้า

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

หากคุณต้องการให้แสดงภาพเคลื่อนไหวแบบเลื่อน ตรวจสอบให้แน่ใจว่าคำอธิบายสินค้าของคุณสั้นกระชับ

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

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