เพื่อให้ร้านค้าของคุณมีอิสระมากขึ้นในการปรับแต่งและออกแบบดีไชน์ได้สวยงามมากขึ้น ตอนนี้คุณสามารถใช้เครื่องมือ “ปรับแต่งส่วนท้าย (Footer) หน้าเพจร้านค้า” เพื่อเพิ่มข้อมูลให้กับร้านค้าคุณได้มากยิ่งขึ้น
คำเตือน: หากคุณทำการแก้ไขและกดยืนยันแล้ว คุณจะไม่สามารถเรียกคืน footer ก่อนหน้าได้ โปรดตรวจสอบให้ดีอีกครั้งก่อนทำการกดยืนยัน
คำเตือน: หากร้านค้าของคุณปรับใช้ CSS เพื่อแก้ไขรูปแบบของร้าน กรุณาตรวจสอบการตั้งค่า CSS ของคุณเมื่อคุณเปิดการใช้งานนี้
ขั้นตอนที่ 1
กดเข้าไปที่เครื่องมือ “การออกแบบร้านค้าออนไลน์” จากนั้นเลือก “เมนูนำทาง” เลื่อนลงมาที่ด้านล่าง จะเจอกับส่วน “ปรับแต่งส่วนท้าย(Footer)” ของร้านค้า จากนั้นกดปุ่ม “แก้ไข”
ขั้นตอนที่ 2
เมื่อเข้าไปที่หน้าต่างแก้ไข ปรับแต่งส่วนท้าย(Footer) แล้ว คุณจะเจอกับเทมแพลตที่เราตั้งเป็นค่าเริ่มต้นไว้ คุณสามารถกรอกข้อมูลที่เกี่ยวข้องและเงื่อนไขของร้านค้า รวมไปถึงการชำระเงินและการจัดส่ง ซึ่งคุณสามารถลบและแก้ไของค์ประกอบที่คุณต้องการอื่นๆ ได้
คำเตือน: สามารถใส่ข้อมูลได้มากสุด 4 บรรทัด
ลากและวางองค์ประกอบที่คุณต้องการ
แก้ไขโดยการคลิกที่ไอคอนบนแทมเพลต
คำเตือน: ไอคอนที่เลือกจะต้องเป็นไอคอนตามที่ช่องทางการชำระเงินและการจัดส่งของร้านค้า กรุณาไม่เลือกตัวเลือกที่คุณไม่ได้มีการใช้งาน หากคุณลบไอคอนออกไป คุณสามารถเลือกแสดงได้อีกครั้งโดยใช้องค์ประกอบ html <คลิกที่นี่>
ขั้นตอนที่ 3
หลังจากที่ทำการแก้ไขเสร็จเรียบร้อยแล้ว คลิกเพื่อดูตัวอย่างและกดบันทึก
คำเตือน: โปรดตรวจสอบให้แน่ใจว่าผลลัพธ์ที่แสดงที่หน้าตัวอย่างตรงตามที่คุณได้มีการออกแบบไว้ จากนั้นจึงทำการบันทึก
ขั้นตอนที่ 4
หลังจากที่คุณทำการกดบันทึก จะมีหน้าต่างแจ้งเตือนเพื่อให้คุณกดยืนยัน หลังจากคุณกด “ตกลงและบันทึก” ระบบจะทำการเปลี่ยน footer ของร้านค้าให้ คลิก “ไม่” หากคุณต้องการกลับไปแก้ไข
คำเตือน: โปรดตรวจสอบให้แน่ใจว่าผลลัพธ์ที่แสดงที่หน้าตัวอย่างตรงตามที่คุณได้มีการออกแบบไว้ จากนั้นจึงทำการบันทึก
หลังจากทุกอย่างเรียบร้อยแล้ว footer บนหน้า store จะแสดงเหมือนกันกับที่คุณออกแบบไว้ที่หน้าแก้ไข
องค์ประกอบต่างๆ
เราได้จัดเตรียมโซเชียลมีเดียไอคอนไว้ เพื่อให้คุณสามารถนำไอคอนเหล่านี้ไปวางที่ footer ร้านค้าของคุณได้
ขั้นตอนที่ 1
คลิกที่องค์ประกอบข้อความ "A" และลากองค์ประกอบมายังหน้าเพจ
ขั้นตอนที่ 2
คลิกเพื่อดูปุ่ม "</>" HTML
หมายเหตุ: หลังจากคลิกที่ปุ่ม Toggle HTML แล้ว เนื้อหาบนช่องนี้จะเปลี่ยนเป็นรูปแบบ HTML กรุณาอ้างอิงได้ที่ลิงก์บทความนี้สำหรับรายละเอียดเพิ่มเติม: ดู HTML จากตัวแก้ไขข้อความ
วางโค้ด HTML ของไอคอน
วางโซเชียลมีเดียไอคอนอย่างไร ?
ด้านล่างนี้คือโค้ดสำหรับไอคอนต่างๆ คุณสามารถนำโค้ดไอคอนที่เหล่านี้ไปใช้งานได้
| รูปภาพ | โค้ด HTML |
|
|
<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.com/assets/footer/social_facebook.png"/> |
|
flickr |
<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.com/assets/footer/social_flickr.png"/> |
|
Google Plus |
<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.com/assets/footer/social_google_plus.png"/> |
|
|
<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.com/assets/footer/social_instagram.png"/> |
|
LINE |
<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.com/assets/footer/social_line.png"/> |
|
Sina Weiboo |
<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.com/assets/footer/social_sina_weiboo.png"/> |
|
Tencent Weiboo |
<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.com/assets/footer/social_tencent_weiboo.png"/> |
|
|
<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.com/assets/footer/social_twitter.png"/> |
|
|
<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.com/assets/footer/social_wechat.png"/> |
|
|
<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.com/assets/footer/social_whatsapp.png"/> |
หากฉันทำการลบตัวเลือกการชำระเงินและตัวเลือกจัดส่งไปโดยไม่ได้ตั้งใจ ฉันสามารถทำอย่างไรได้บ้าง ?
กรุณาคลิกไปที่ข้อความที่ต้องการจะแก้ไข จากนั้นคลิกที่เครื่องมือ ไอคอนรูป </>ใส่โค้ดด้านล่างนี้ลงไป เมื่อใส่โค้ดเรียบร้อยแล้ว จากนั้นคลิกที่ไอคอน </> นี้อีกครั้ง
|
รูปภาพ |
โค้ด HTML |
|
VISA |
<img height="20" src="https://img.shoplineapp.com/media/image_clips/627b756d7cb363001b9aa69e/original.png?1652258157" style="max-height: 20px; width: auto; display: inline-block; margin-right: 10px;" /> |
|
VISA |
<img height="20" src="https://img.shoplineapp.com/media/image_clips/6278bc1aa17f1d0021d7c71a/original.png?1652079641" style="max-height: 20px; width: auto; display: inline-block; margin-right: 10px;background-color: white;" /> |
|
Mastercard |
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.com/assets/footer/card_master.png"/>
|
|
PayPal |
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.com/assets/footer/card_paypal.png"/>
|
ข้อคิดเห็น