เนื้อหาของคอร์ส
สินค้าและการลงสินค้า
แนะนำเกี่ยวกับ Attribute และการลงสินค้าในรูปแบบต่างๆ รวมถึงการจัดการหมวดหมู่สินค้า
0/6
วิธีการแก้ไข Template Email
0/1
คู่มือการใช้งานระบบ Box Calculator for Magento 2
0/1
โปรโมชั่น / คูปอง
Cart Price Rules = คูปองหรือโปรโมชั่น Catalog Price Rules = โปรโมชั่น
0/3
Magento 2: Basic
เกี่ยวกับบทเรียน
  1. Content -> Blocks
    การเปลี่ยน / เพิ่ม Home Slide Magento 2
  2. เลือกแก้ไข Home Slideการเปลี่ยน / เพิ่ม Home Slide Magento 2
  3. จากไฮไลท์ตามรูปดังต่อไปนี้
    • สีเหลือง (class item)
       – จะเห็นว่าในไฮไลท์เหลืองจะเป็น class item คือ สไลด์ที่ 1 2 และ 3 ที่แสดงบนหน้าเว็บ ส่วน </div>  เป็นการปิดแต่ละสไลด์นั้น ๆ (<div> content </div>)
    • สีม่วง (class hidden-xs)
       – จะเห็นว่าในไฮไลท์ม่วงจะเป็น class hidden-xs คือ ส่วนที่กำหนดการแสดงรูปภาพในหน้า pc และซ่อนในหน้า mobile
    • สีแดง  (class visible-xs)
      – จะเห็นว่าในไฮไลท์ม่วงจะเป็น class visible-xs คือ ส่วนที่กำหนดการแสดงรูปภาพในหน้า mobile และซ่อนในหน้า pc
    • การเปลี่ยนรูป เปลี่ยนได้ที่ tag <img> ซึ่งให้ทำการ Insert Image และเลือกรูปภาพ แล้วนำไปแทนที่ tag <img>การเปลี่ยน / เพิ่ม Home Slide Magento 2

หากต้องการเพิ่มสไลด์หน้าที่ 4 ให้ทำการ copy class item ทั้งหมดมาวางต่อท้าย class item ตัวสุดท้าย

การเปลี่ยน / เพิ่ม Home Slide Magento 2

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

ก่อน

การเปลี่ยน / เพิ่ม Home Slide Magento 2

หลัง

การเปลี่ยน / เพิ่ม Home Slide Magento 2

การเปลี่ยน / เพิ่ม Home Slide Magento 2