เคล็ดลับสำหรับ Brooklyn
บทความนี้ได้สรุปตัวช่วยที่เป็นประโยชน์และหลักปฏิบัติที่ดีที่สุดซึ่งจะช่วยคุณในการตั้งค่าBrooklynสำหรับร้านค้าออนไลน์ของคุณ
เคล็ดลับสำหรับการนำทาง
เพิ่มเมนูดรอปดาวน์
หากต้องการเพิ่มเมนูดรอปดาวน์ไปยังเมนูหลักของคุณ คุณจำเป็นต้องสร้างเมนูบนหน้าการนำทางของคุณ หากต้องการดูเพิ่มเติม ให้ดูที่การตั้งค่าเมนูดรอปดาวน์ในร้านค้าออนไลน์ของคุณ
เมนูหลักกลายเป็นเมนูแถบด้านข้าง
หากเมนูหลักของคุณใช้พื้นที่เป็นจำนวนมาก ระบบจะเปลี่ยนเมนูดังกล่าวให้กลายเป็นเมนูแถบด้านข้างที่จะเปิดขึ้นมาเมื่อคุณคลิกปุ่มบริเวณส่วนหัว
คุณสามารถหลีกเลี่ยงไม่ให้เมนูหลักของคุณถูกเปลี่ยนรูปแบบเป็นเมนูแถบด้านข้างได้โดยดำเนินการตามขั้นตอนต่อไปนี้:
- เพิ่มลิงก์ไม่เกินสี่หรือห้าลิงก์ไปยังเมนูหลักของคุณ
- ใช้แบบอักษรแบบแคบสำหรับลิงก์เมนูหลักของคุณ คุณสามารถเปลี่ยนแบบอักษรของข้อความเน้นได้จากการตั้งค่าตัวพิมพ์
- สร้างรายการเมนูด้วยจำนวนตัวอักษรที่จำกัด ตัวอย่างเช่น คุณอาจจะใช้ “FAQ” แทน “คำถามที่พบบ่อย” หรือ “ติดต่อ” แทนที่ “ติดต่อเรา”
เคล็ดลับสำหรับรูปภาพ
ประเภทของรูปภาพสินค้าที่ดีที่สุดสำหรับ Brooklyn
เนื่องจากรูปภาพที่มีความละเอียดสูงช่วยให้คุณดูเป็นมืออาชีพและสวยงามในสายตาลูกค้า ดังนั้นรูปภาพสินค้าของคุณควรมีขนาดอย่างน้อย 1024 x 1024 พิกเซล โดยรูปร่างที่ดีที่สุดสำหรับรูปภาพสินค้าของคุณคือสี่เหลี่ยมจัตุรัส
หากจะให้ดีที่สุด รูปภาพของคุณควรจะมีพื้นหลังสีเรียบ สีเรียบคือสีที่ทึบโดยไม่มีการแรเงาหรือไฮไลต์ รูปภาพทั้งหมดควรจะมีสีพื้นหลังสีเดียวกัน
หากต้องการลบกรอบออกจากรอบๆ รูปภาพสินค้าของคุณ ให้กำหนดค่าสีพื้นหลังสินค้าของคุณเป็นโปร่งใสจากหน้าการตั้งค่าสี
ขนาดที่เหมาะสมที่สุดสำหรับรูปภาพสไลด์โชว์
สไลด์รูปภาพทั้งสองที่แสดงในร้านค้าตัวอย่างของ Brooklyn คือ 1200 x 800 พิกเซล การทำให้รูปภาพในสไลด์มีขนาดเดียวกันทั้งหมดถือเป็นแนวทางที่ดี
การครอบตัดรูปภาพบนหน้าจอขนาดเล็ก
บนอุปกรณ์ขนาดเล็ก สไลด์รูปภาพจะแสดงเต็มจากขอบหน้าจอบนถึงขอบหน้าจอล่าง สไลด์จะปรับขนาดความสูงให้เท่ากับความสูงของหน้าจออุปกรณ์ ในการแสดงบนหน้าจอโดยไม่บิดเบือนขนาดของรูปภาพ สไลด์จะถูกครอบตัดทั้งด้านซ้ายและขวา
บนหน้าจอขนาดใหญ่ สไลด์รูปภาพจะถูกปรับขนาดให้ความกว้างพอดีกับความกว้างของหน้าต่างเบราว์เซอร์ หากต้องการให้แสดงบนหน้าต่างโดยไม่บิดเบือนขนาดของรูปภาพ สไลด์จะถูกครอบตัดด้านล่าง
ตัวอย่างด้านล่างคือตัวอย่างการแสดงผลร้านค้าออนไลน์บนหน้าเดสก์ท็อปและมือถือ:
การกำหนดรูปภาพสำหรับโพสต์บล็อก
รูปภาพแรกในบทความเว็บบล็อกจะถูกใช้เป็นรูปภาพที่แสดงสำหรับหน้าบล็อกดังกล่าว คุณสามารถดูวิธีเพิ่มรูปภาพไปยังบทความเว็บบล็อกได้ในการเขียนโพสต์บล็อก
เคล็ดลับสำหรับสินค้า
เพิ่มเครื่องหมายการขายให้สินค้า
คุณสามารถเพิ่มเครื่องหมายการลดราคาสินค้าได้โดยตั้งค่าราคาเปรียบเทียบซึ่งเป็นราคาที่ดีกว่าราคาปกติ เครื่องหมายจะแสดงบนรูปภาพของสินค้าดังกล่าวบนหน้าคอลเลกชัน
กำหนดว่าสินค้าใดจะมีขนาดใหญ่กว่ากันบนหน้าคอลเลกชัน
หากคุณตั้งค่าหน้าคอลเลกชันของคุณให้แสดงสินค้าในรูปแบบภาพตัดปะ สินค้าของคุณบางรายการจะแสดงด้วยรูปภาพขนาดใหญ่กว่าสินค้าอื่น และบางรายการจะแสดงด้วยรูปภาพที่เล็กกว่า ขนาดของรูปภาพจะอิงตามลำดับของสินค้าใรคอลเลกชันของคุณ คุณสามารถเปลี่ยนลำดับการแสดงของสินค้าได้บนหน้าคอลเลกชันในส่วนผู้ดูแลระบบ คลิกคอลเลกชันที่คุณต้องการแก้ไข จากนั้นในบริเวณของสินค้า ให้เลือกกำหนดด้วยตนเองจากเมนูดรอปดาวน์เรียงลำดับ ขั้นต่อไป ลากแล้ววางสินค้าไปยังลำดับที่คุณต้องการให้สินค้านั้นๆ แสดงบนร้านค้าออนไลน์ของคุณ
สำหรับสินค้าทุกๆ หกรายการ สินค้ารายการแรกและรายการที่หกจะแสดงด้วยรูปภาพสินค้าขนาดใหญ่ ตัวอย่างเช่น รูปภาพที่ 1, 6, 7, 12, 13 และ 18 ในคอลเลกชันจะแสดงเป็นรูปภาพขนาดใหญ่:
หากต้องการแสดงกริดของรูปภาพสินค้าที่มีขนาดเดียวกันทั้งหมด ให้กำหนดค่าคอลเลกชันของคุณเป็นแสดงสินค้าในรูปแบบกริดแทน
ภาพเคลื่อนไหวแบบเลื่อนเมื่อเลือกตัวเลือกสินค้า
บนหน้าสินค้า หากคำอธิบายสินค้าสั้นพอที่จะแสดงบนหน้าจอโดยไม่ต้องเลื่อน คุณจะเห็นภาพเคลื่อนไหวแบบเลื่อนเมื่อคุณเลือกตัวเลือกสินค้าที่มีรูปภาพ หากคำอธิบายยาวเกินไปที่จะแสดงได้พอดีบนหน้าจอโดยไม่ต้องเลื่อนลง ส่วนบนสุดของรูปภาพมักจะถูกแทนที่ด้วยรูปภาพตัวเลือกสินค้า และจะไม่มีภาพเคลื่อนไหวแบบเลื่อน
หากคุณต้องการให้แสดงภาพเคลื่อนไหวแบบเลื่อน ตรวจสอบให้แน่ใจว่าคำอธิบายสินค้าของคุณสั้นกระชับ