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

 

ขั้นตอนการตั้งค่าปรับแต่งการแสดงผลของรูปภาพ

  1. ให้เราทำการล็อกอินเข้าสู่ระบบเว็บไซต์ของผู้ดูแลหรือเข้าระบบหลังบ้าน สามารถศึกษาได้ที ลิงก์ นี้
    ให้ไปในระบบหลังบ้าน พอเข้าสู่ระบบเสร็จก็จะเข้ามายังหน้าจัดการต่าง ๆ
    หน้าจัดการต่าง ๆ ในส่วนผู้ดูแล
  2. พอเราเข้ามาในส่วนของผู้ดูแลระบบหรือแอดมินไปในส่วน Components และเลือก MooZiiCart -> Configuration
    ให้ไป Configuration เพื่อตั้งค่ารูปภาพของเรา
    ไป Configuration
  3. จากนั้นให้มองหาตัวเลือก Image หรือ รูปภาพ แล้วทำการกดเลือกรายการ Image
    เข้าสู่ตัวเลือก Image เพื่อทำการปรับแต่ง
    เข้าสู่รูปภาพ
  4. เข้ามาหน้า image จะมีฟอร์มให้กรอกกับตั้งค่าต่าง ๆ จะมีดังนี้
    ฟอร์มกรอกข้อมูลต่าง ๆ ในส่วนของ Image
    ฟอร์มกรอกข้อมูล Image

    รายละเอียดการกรอกฟอร์ม

     หมายเลข ชื่อตั้งค่า  คำอธิบาย 
    1 Category thumbnail width    ความกว้างภาพขนาดย่อของหมวดหมู่
     Category thumbnail height  ความสูงภาพขนาดย่อของหมวดหมู่
    Product thumbnail width   ความกว้างภาพขนาดย่อของสินค้า
     Product thumbnail height  ความสูงภาพขนาดย่อของสินค้า
     Product image width  ความกว้างของภาพสินค้า
    Product image height   ความสูงของภาพสินค้า
     Width original image  ความกว้างของภาพต้นฉบับ
    Height original image   ความสูงของภาพต้นฉบับ
     Resize type  ประเภทของการปรับขนาด
    10 Image quality คุณภาพของรูปภาพ
    11 Image fill color สีของพื้นรูปภาพ
  5. ส่วนของหมายเลข 9 หรือส่วนตั้งค่า Resize type นั้นจะมีตัวเลือกดังนี้
    ตัวเลือกประเภทการปรับขนาดรูปภาพ
    ตัวเลือกประเภทการปรับขนาด

    Cut คือ แบบตัด

    Fill คือ แบบเติมเต็ม

    Stretch คือ แบบยืด

  6. เมื่อกำหนดข้อมูลหรือตั้งค่าต่าง ๆ เป็นที่เรียบร้อยแล้ว เราก็สามารถทำการกดบันทึกข้อมูลได้เลย
    บันทึกข้อมูลหลังจากปรับหรือตั้งค่าเสร็จแล้ว
    ทำการบันทึกข้อมูล
  7. ตัวอย่างผลลัพธ์ที่เราปรับตั้งค่า Category thumbnail width ไปในหน้า category  และไปดู image ความยาวของความกว้างจะเท่ากับที่เราได้ปรับเอาไว้แล้ว
    ค่าเริ่มต้นของรูปภาพในหมวดหมู่สินค้า
    ผลลัพธ์การปรับเปลี่ยน

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

 

อ้างอิง

คู่มือการปรับแต่งรูปภาพ ตั้งค่า ปรับแต่งการแสดงผลของรูปภาพ บนเว็บขายของ ,[ออนไลน์], เข้าถึงได้จาก https://www.mindphp.com/คู่มือ/manual-mooziicart/7951-configuration-image.html

คู่มือการใช้งาน MooZiiCart เว็บขายของออนไลน์ ,[ออนไลน์], เข้าถึงได้จาก https://www.mindphp.com/คู่มือ/manual-mooziicart.html

การใช้งาน Joomla เบื้องต้น ,[ออนไลน์], เข้าถึงได้จาก https://www.agri.cmu.ac.th/2017/files/Download/49080109.pdf

 
กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
สอบถามฟิจเจอร์ขำระเงิน QR Code ของ E-Payment ในใบแจ้งหนี้ [MDRental]
โดย eange08 จ 07 ก.ค. 2025 1:11 pm บอร์ด Joomla Dev
2
10
จ 07 ก.ค. 2025 1:18 pm โดย tsukasaz View Topic สอบถามฟิจเจอร์ขำระเงิน QR Code ของ E-Payment ในใบแจ้งหนี้ [MDRental]
Falsy ใน Python คืออ่ะไร
โดย Sakana ศ 04 ก.ค. 2025 4:41 pm บอร์ด Python Knowledge
0
34
ศ 04 ก.ค. 2025 4:41 pm โดย Sakana View Topic Falsy ใน Python คืออ่ะไร
Python ใช้ count() แทน for loop ในการนับจำนวน
โดย Sakana พฤ 03 ก.ค. 2025 6:30 pm บอร์ด Python Knowledge
0
46
พฤ 03 ก.ค. 2025 6:30 pm โดย Sakana View Topic Python ใช้ count() แทน for loop ในการนับจำนวน
การจัดการข้อมูล Python ด้วย filter() + reduce()
โดย Sakana พฤ 03 ก.ค. 2025 5:52 pm บอร์ด Python Knowledge
0
35
พฤ 03 ก.ค. 2025 5:52 pm โดย Sakana View Topic การจัดการข้อมูล Python ด้วย filter() + reduce()
itertools จัดการข้อมูลวนซ้ำอย่างมีประสิทธิภาพใน Python
โดย Sakana พ 02 ก.ค. 2025 4:31 pm บอร์ด Python Knowledge
0
43
พ 02 ก.ค. 2025 4:31 pm โดย Sakana View Topic itertools จัดการข้อมูลวนซ้ำอย่างมีประสิทธิภาพใน Python
reduce() ใน Python: การลดข้อมูลซ้ำๆ ให้เหลือผลลัพธ์เดียว
โดย Sakana พ 02 ก.ค. 2025 11:32 am บอร์ด Python Knowledge
0
57
พ 02 ก.ค. 2025 11:32 am โดย Sakana View Topic reduce() ใน Python: การลดข้อมูลซ้ำๆ ให้เหลือผลลัพธ์เดียว
สร้าง QR Code ตอบสนองแบบ Real-Time ด้วย JavaScript
โดย Sakana อ 01 ก.ค. 2025 11:32 am บอร์ด jQuery & Ajax Knowledge
0
63
อ 01 ก.ค. 2025 11:32 am โดย Sakana View Topic สร้าง QR Code ตอบสนองแบบ Real-Time ด้วย JavaScript
วิธีสร้าง QRCODE ด้วย PHP ตั้งแต่เริ่มต้น
โดย Sakana อ 01 ก.ค. 2025 10:46 am บอร์ด PHP Knowledge
0
59
อ 01 ก.ค. 2025 10:46 am โดย Sakana View Topic วิธีสร้าง QRCODE ด้วย PHP ตั้งแต่เริ่มต้น