ป๊อป

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

ตัวอย่างร้านค้าออนไลน์ที่ใช้ Pop

เครื่องมือแก้ไขธีม

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

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

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

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

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

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

  • แต่ละธีมจะมีส่วนบังคับ เช่น ส่วนหัว และส่วนท้าย ซึ่งแสดงอยู่ในทุกๆ หน้าบนร้านค้าออนไลน์ของคุณ

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

ป๊อป ประกอบด้วยส่วนคงที่ต่อไปนี้:

  • โลโก้และเมนู
  • แถบประกาศ
  • ส่วนท้าย
  • หน้าสินค้า
  • หน้าคอลเลกชัน
  • หน้ารายการคอลเลกชัน
  • บทความ

ส่วนไดนามิก

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

ป๊อป ประกอบด้วยส่วนไดนามิกต่อไปนี้:

  • โพสต์บล็อก
  • รายการคอลเลกชัน
  • คอลเลกชันแนะนำ
  • รูปภาพพร้อมข้อความ
  • สไลด์โชว์
  • สินค้าที่แนะนำ
  • จดหมายข่าว
  • แผนที่
  • Rich Text
  • วิดีโอ
  • HTML แบบกำหนดเอง

หน้าสินค้า

ในส่วนหน้าสินค้า คุณสามารถเพิ่มหรือลบองค์ประกอบต่อไปนี้ได้:

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

วิธีแก้ไขการตั้งค่าสำหรับหน้าสินค้า:

  1. จากเมนูดรอปดาวน์ในแถบด้านบน ให้เลือกหน้าสินค้า

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

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

  4. วิธีแสดงแบรนด์หรือผู้ขายสินค้า ให้ทำเครื่องหมายที่แสดงผู้ขายสินค้า หากต้องการแสดงแบรนด์หรือผู้ขาย คุณต้องเพิ่มผู้ขายลงในสินค้าก่อน

  5. หากต้องการให้ลูกค้าสามารถซูมเข้ารูปภาพสินค้าได้โดยใช้เม้าส์เลื่อนเหนือรูปภาพสินค้า ให้ทำเครื่องหมายที่เปิดใช้การซูมรูปภาพ

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

  7. หากต้องการแสดงตัวเลือกจำนวน ให้ทำเครื่องหมายที่แสดงตัวเลือกจำนวน

  8. หากต้องการให้แสดงปุ่มชำระเงินแบบไดนามิก ให้ทำเครื่องหมายที่แสดงปุ่มชำระเงินแบบไดนามิก

  9. หากต้องการแสดงไอคอนสำหรับแชร์ลงโซเชียล ให้ทำเครื่องหมายที่เปิดใช้การแชร์สินค้า

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

จดหมายข่าว

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

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

วิธีเพิ่มการสมัครรับจดหมายข่าวลงในหน้าแรกของคุณ:

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

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

  3. คลิกที่เพิ่มส่วน > จดหมายข่าว

  4. ป้อนหัวเรื่องสำหรับการสมัครรับจดหมายข่าวของคุณในช่องหัวเรื่อง หัวเรื่องเริ่มต้นคือ "สมัครรับข้อมูลจดหมายข่าวของเรา"

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

  6. กำหนดสีพื้นหลังสำหรับส่วนการสมัครรับจดหมายข่าวได้โดยคลิกที่ตัวอย่างสีพื้นหลัง แล้วเลือกสีตามต้องการ

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

วิดีโอ

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

วิธีเพิ่มวิดีโอลงในหน้าแรกของคุณ:

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

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

  3. คลิกเพิ่มส่วน > วิดีโอ

  4. ป้อนหัวเรื่องสำหรับวิดีโอของคุณในช่องหัวเรื่อง

  5. ป้อนลิงก์สำหรับแชร์วิดีโอของคุณในช่องลิงก์วิดีโอ

    ลิงก์สำหรับแชร์วิดีโอของ YouTube จะมีลักษณะดังนี้: https://youtu.be/OTJXAUZY9t0 คุณสามารถดูวิธีคัดลอกลิงก์สำหรับแชร์วิดีโอของ YouTube ได้ในบทความของ YouTube ความช่วยเหลือ

    ลิงก์สำหรับวิดีโอของ Vimeo จะมีลักษณะดังนี้: https://vimeo.com/281332510 คุณสามารถดูวิธีคัดลอกลิงก์สำหรับแชร์วิดีโอของ Vimeo ได้ในบทความจาก Vimeo Help Center นี้

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

HTML แบบกำหนดเอง

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

วิธีเพิ่ม HTML ที่กำหนดเองไปยังหน้าแรกของคุณ:

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

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

  3. คลิก เพิ่มส่วน

  4. ในส่วนเลย์เอาต์ขั้นสูง ให้คลิก HTML ที่กำหนดเอง > เพิ่ม

  5. คลิก HTML ที่กำหนดเอง แล้วป้อนโค้ด HTML ที่คุณต้องการเพิ่มไปยังหน้าแรกของคุณ

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

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

ป๊อป มีการตั้งค่าธีมดังต่อไปนี้:

  • สี
  • ตัวพิมพ์
  • Favicon
  • หน้าตะกร้า
  • โซเชียลมีเดีย
  • การชำระเงิน

สี

คุณสามารถเลือกสีส่วนต่างๆ ในร้านค้าออนไลน์ของคุณได้

วิธีปรับการตั้งค่าสีของคุณ

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

  2. คลิก การตั้งค่าธีม

  3. คลิก สี

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

    หากต้องการเลือกเป็นไม่มีสี ให้คลิก ไม่มี

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

ตัวพิมพ์

คุณสามารถเลือกแบบอักษรและขนาดข้อความบนร้านค้าออนไลน์ของคุณได้

วิธีปรับแต่งการตั้งค่าตัวพิมพ์ของคุณ

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

  2. คลิก การตั้งค่าธีม

  3. คลิก ตัวพิมพ์

  4. คลิกที่ เปลี่ยน เพื่อใช้เครื่องมือเลือกแบบอักษรสำหรับข้อความแต่ละประเภท

  5. ค้นหาแบบอักษรโดยใช้ช่องค้นหา หรือคลิก โหลดเพิ่มเติม

    หากต้องการดูแบบอักษรที่พร้อมใช้งานทั้งหมด โปรดไปที่ไลบรารีแบบอักษรของ Shopify

  6. คลิกชื่อแบบอักษรที่คุณต้องการใช้งาน

  7. หากต้องการเปลี่ยนแบบอักษรเป็นลักษณะอื่นๆ เช่น ตัวหนาหรือตัวเอียง ให้คลิกที่ ทั่วไป จากนั้น คลิกแบบอักษรที่คุณต้องการใช้ แล้วคลิกที่ เลือก

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

โซเชียลมีเดีย

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

วิธีปรับแต่งการตั้งค่าโซเชียลมีเดีย:

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

  2. คลิกที่ การตั้งค่าธีม

  3. คลิกที่ โซเชียลมีเดีย

  4. วิธีอัปโหลด รูปภาพสำหรับแชร์ลงโซเชียล ในพื้นที่ของ รูปภาพสำหรับแชร์ลงโซเชียล ให้คลิกที่ เลือกรูปภาพ หรือ ค้นหารูปภาพฟรี

  5. วิธีเพิ่มลิงก์ไปยังบัญชีผู้ใช้โซเชียลมีเดียของคุณ ในพื้นที่ของบัญชีผู้ใช้โซเชียลมีเดีย ให้ใส่ลิงก์ไปยังบัญชีผู้ใช้ของคุณในช่องที่กำหนด ป้อนลิงก์แบบเต็ม เช่น https://instagram.com/shopify หรือ https://twitter.com/shopify

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

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

    คุณสามารถเพิ่มปุ่มสำหรับแชร์ต่อไปนี้ได้:

- แชร์ใน Facebook - ทวีตใน Twitter - ปักหมุดบน Pinterest (โพสต์บล็อกไม่สามารถใช้งานการแชร์นี้ได้)

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

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

เพิ่มเมนูย่อยลงในแถบด้านข้าง

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

ขนาดโลโก้ร้านค้าที่เหมาะสมที่สุด

โลโก้ขนาดเล็กกะทัดรัดจะดูดีที่สุดในธีม Pop เนื่องจากแสดงโลโก้ของคุณในแถบด้านข้าง โลโก้ที่คล้ายกับแบนเนอร์ ที่มีความกว้างขนาดใหญ่และความสูงค่อนข้างเล็ก จะดูไม่ดีในธีมนั้น

ความกว้างสูงสุดสำหรับโลโก้ของคุณคือ 450 พิกเซล และความสูงสูงสุดคือ 200 พิกเซล จะปรับขนาดไฟล์โลโก้ที่คุณอัปโหลดให้เหมาะสมกับข้อจำกัดเหล่านั้น

รูปแบบที่เหมาะคือ PNG

ทำให้โลโก้ของคุณใหญ่ขึ้นบนอุปกรณ์มือถือ

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

นี่คือโลโก้ที่มีพื้นที่ว่างเชิงลบมากมายรอบๆ:

นี่คือโลโก้เดียวกันเมื่อตัดแต่งแล้ว — เมื่อครอบตัดพื้นที่ว่างเชิงลบทั้งหมดออกไป

โลโก้ที่ไม่ได้ตัดแต่งจะปรากฏขึ้นด้านล่างเมื่อใช้ในธีม Pop:

โลโก้ที่ตัดแต่งแล้วจะปรากฏขึ้นด้านล่างเมื่อใช้ในธีม Pop:

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

ตรงไปที่เครื่องมือแก้ไขธีม และในส่วนส่วนหัวและการนำทาง ให้เพิ่มค่า "การกำหนดขนาด > ความสูงเมนูมือถือ"

ทำให้โลโก้ของคุณใหญ่ขึ้นในแถบด้านข้าง

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

นี่คือโลโก้ที่มีพื้นที่ว่างเชิงลบมากมายรอบๆ:

นี่คือโลโก้เดียวกันเมื่อตัดแต่งแล้ว — เมื่อครอบตัดพื้นที่ว่างเชิงลบทั้งหมดออกไป

โลโก้ที่มีพื้นที่ว่างเชิงลบปรากฏอยู่ด้านล่างเมื่อได้อัปโหลดลงในธีม Pop:

โลโก้ที่ตัดแต่งแล้วจะปรากฏขึ้นด้านล่างเมื่อใช้ในธีม Pop:

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

ตรงไปที่เครื่องมือแก้ไขธีม และในส่วนส่วนหัวและการนำทาง ให้เพิ่มค่า "การกำหนดขนาด > ความกว้างเมนูเดสก์ท็อป"

ลดพื้นที่ว่างรอบโลโก้แถบด้านข้าง

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

นี่คือโลโก้ที่มีพื้นที่ว่างเชิงลบมากมายรอบๆ:

นี่คือโลโก้เดียวกันเมื่อตัดแต่งแล้ว — จะมีการครอบตัดพื้นที่ว่างเชิงลบออกไป

โลโก้ที่ไม่ได้ตัดแต่งจะปรากฏขึ้นด้านล่างเมื่อใช้ในธีม Pop:

โลโก้ที่ตัดแต่งแล้วจะปรากฏขึ้นด้านล่างเมื่อใช้ในธีม Pop:

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

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

  1. ในส่วนชิ้นงาน ให้คลิกที่ timber.scss.liquid เพื่อเปิดสไตล์ชีตธีมของคุณในเครื่องมือแก้ไขรหัสออนไลน์ หรือไปที่ URL นี้

  2. ที่ด้านล่างของไฟล์ ให้เพิ่มสิ่งนี้:

```sass {% comment %} ฟังก์ชันการค้นหาสื่อต่อไปนี้สร้างสิ่งนี้: หน้าจอ @media และ (ความกว้างต่ำสุด: 1025 พิกเซล) { ... } แถบด้านข้างจะปรากฏเฉพาะเมื่อความกว้าง > 1025 พิกเซล {% endcomment %}

@include at-query ($min, $large) { .header-logo { margin-bottom: 30px /* original is 60px */; }

.site-header {
   padding-top: 30px /* original is 90px */;

   .hr--small {
     margin: 0 auto 10px /* original is 15px auto 30px */;
   }
 }

} ```

  1. บันทึกไฟล์ของคุณ

แก้ไขการตั้งค่าสำหรับหน้าสินค้า

ในส่วนหน้าสินค้า คุณสามารถเพิ่มหรือลบองค์ประกอบต่อไปนี้ได้:

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

วิธีแก้ไขการตั้งค่าสำหรับหน้าสินค้า:

  1. จากเมนูดรอปดาวน์ในแถบด้านบน ให้เลือกหน้าสินค้า

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

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

  4. วิธีแสดงแบรนด์หรือผู้ขายสินค้า ให้ทำเครื่องหมายที่แสดงผู้ขายสินค้า หากต้องการแสดงแบรนด์หรือผู้ขาย คุณต้องเพิ่มผู้ขายลงในสินค้าก่อน

  5. หากต้องการให้ลูกค้าสามารถซูมเข้ารูปภาพสินค้าได้โดยใช้เม้าส์เลื่อนเหนือรูปภาพสินค้า ให้ทำเครื่องหมายที่เปิดใช้การซูมรูปภาพ

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

  7. หากต้องการแสดงตัวเลือกจำนวน ให้ทำเครื่องหมายที่แสดงตัวเลือกจำนวน

  8. ในการแสดงปุ่มชำระเงินแบบไดนามิก ให้ทำเครื่องหมายที่แสดงปุ่มชำระเงินแบบไดนามิก

  9. หากต้องการแสดงไอคอนสำหรับแชร์ลงโซเชียล ให้ทำเครื่องหมายที่เปิดใช้การแชร์สินค้า

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

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

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

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

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

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

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