คู่มือการใช้งานธีม Philia

E-Commerce.png

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

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

*หมายเหตุ: คุณไม่สามารถเปลี่ยนเลย์เอาต์ร้านค้าได้หากร้านค้าของคุณใช้แผนทางการอยู่และเฉพาะ "โซเชียลคอมเมิร์ซ"

 

1. กำหนดสีและตัวอักษรของร้านค้าตามแบรนด์ดิ้ง

1. กำหนดธีมสี

ในหน้าแอดมินของ SHOPLINE ไปที่ [การออกแบบหน้าร้านค้าออนลไน์] > [หน้า] จากนั้น +หน้าเพจแบบขั้นสูง เพื่อสร้างหน้าเพจของร้านใหม่ หรือคลิกปุ่มที่แก้ไขด้านข้างหน้าเพจปัจจุบันที่รองรับตัวสร้างหน้าเพจใหม่

TH_Updates1.png

 

ในหน้าตัวสร้างหน้าเพจใหม่ ไปที่ [การตั้งค่าร้านค้า] > [สี] เพื่อกำหนดสีของแต่ละส่วนในหน้าเพจ สีพื้นฐานสำหรับแต่ละส่วนจะเป็นสีที่คุณตั้งค่าไว้ตั้งแต่ต้น TH_Updates2.png

 

B. กำหนดธีมอักษร

ในหน้าตัวสร้างหน้าเพจใหม่ ไปที่ [การตั้งค่าร้านค้า] > [ฟอนต์] คุณสามารถกำหนดฟอนต์และขนาดตัวอักษรของชื่อและย่อหน้าได้ TH_Updates3.png

*หมายเหตุ:

  • คุณสามารถใช้โค้ดสีที่กำหนดเองได้สำหรับ ทุกปุ่มในร้านค้า,ข้อความสำคัญ และขีดเส้นใต้ กรุณาตั้งค่าสีด้วย โค้ดสี Hex 6 หลัก ซึ่งสามารถอ้างอิงได้จาก (กรุณาหลีกเลี่ยงการใช้สีอ่อนเพื่อความชัดเจนในการอ่าน) สามารถอ้างอิงโค้ดสีได้จาก https://htmlcolorcodes.com/
  • สำหรับรายละเอียดวิธีการตั้งค่าสีและฟอนต์ กรุณาอ้างอิงจากการตั้งค่าร้านค้า | เครื่องมือสร้างหน้าเพจ (ใหม่)

C. การปรับแต่งโลโก้

ธีม Philia รองรับการแสดงโลโก้ที่มีขนาดใหญ่ขึ้นในหน้าร้านค้าเพื่อความต้องการทางการตลาด TH_Updates4.png

 

ไปที่ [ส่วนหัว] > [โลโก้] เพื่อปรับขนาดโลโก้ (1 ถึง 10) หากคุณต้องการพื้นที่เพิ่มขึ้นเพื่อให้ลูกค้ามองเห็น คุณสามารถเลือกปิด "ส่วนหัวคงที่" เพื่อปรับปรุงการประสบการณ์ใช้งานให้ดียิ่งขึ้น TH_Updates5.png

 

2. ฟีเจอร์ของธีม Philia

A. ในหน้ารายการสินค้า

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

8._philia_-_PLP.png

 

B. ในหน้ารายละเอียดสินค้า

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

philia.gif

 

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

  • แนะนำอัตราส่วนของรูปภาพสินค้าคือ 3:4
  • ผู้ค้าสามารถครอปรูปภาพสินค้าเพื่อใส่ในช่องสินค้าโดยไปที่ หน้าผู้ดูแลระบบ > [การออกแบบร้านค้าออนไลน์] [หน้า] > [การตั้งค่าขั้นสูง] > [การตั้งค่าร้านค้า] > [สินค้า] > [หน้ารายการสินค้า] เปิดการใช้งาน “ครอบตัดรูปภาพสินค้าเพื่อใส่ในช่องสินค้า” จากนั้นบันทึกการเปลี่ยนแปลง

ขนาดรูปภาพที่แนะนำ: กว้าง 825 พิกเซล x สูง 1100 พิกเซล

Screen_Shot_2023-05-02_at_5.11.01_PM.png

 

3. แนะนำขนาดแบนเนอร์

ลองใช้เครื่องมือบีบอัดรูปภาพ! จะช่วยให้เวปไซต์ของคุณเร็วขึ้น!
https://tinypng.com/

A. หน้าขั้นสูง

คุณสามารถใช้แบนเนอร์แบบเต็มหน้าจอสำหรับหน้าโฮมเพจได้ โดยแนะนำขนาด 1920 x 850 พิกเซล
1._philia_-_home.png

หากคุณต้องการการแสดงผลของสินค้าที่หน้าแรก ขอแนะนำรูปภาพขนาด 1920x450 พิกเซล ซึ่งจะใช้พื้นที่ขนาด 3 ใน 4 ส่วนของหน้าจอและสินค้าจะถูกแสดงที่ด้านล่าง


1._philia_-_home_copy.png

 

B. หน้ารายการสินค้า

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

บทความนี้มีประโยชน์หรือไม่
0 จาก 0 เห็นว่ามีประโยชน์
มีคำถามเพิ่มเติมหรือไม่ ส่งคำร้องขอ

ข้อคิดเห็น