ปรับแต่งไอคอนแถบโซเชียล

ไฟล์ design.json

ในไฟล์ design.json คุณสามารถระบุไอคอนใหม่โดยใช้ชื่อและโครงสร้างคลาสดังที่ปรากฏในรหัสตัวอย่างนี้

"componenticons": {
    "scs-socialbar" {
        "icons": [
            {
                "name": "COMP_ICON_FACEBOOK",
                "class": "scs-facebook-icon"
            },
            {
                "name": "COMP_ICON_LINKEDIN",
                "class": "scs-linkedin-icon"
            },

            {   "name": "COMP_ICON_TWITTER",
                "class": "scs-twitter-icon"
            },
            {
                "name": "COMP_ICON_GOOGLEPLUS",
                "class": "scs-googleplus-icon"
            },
            {
                "name": "COMP_ICON_YOUTUBE",
                "class" "scs-youtube-icon"
            }
        ]
    }

ไฟล์ design.css

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

.scs-facebook-icon {
  background-image: url("facebook.png"); }
.scs-twitter-icon {
  background-image: url("twitter.png"); }
.scs-linkedin-icon {
  background-image: url("linkedin.png"); }