ปรับแต่งบัตรของขวัญด้วยรูปภาพแบบกำหนดเอง
ในหน้านี้
อัปโหลดรูปภาพใหม่ให้กับบัตรของขวัญของคุณ
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ถัดจากธีมที่คุณต้องการแก้ไข ให้คลิกปุ่ม … > แก้ไขโค้ด
ในไดเรกทอรีองค์ประกอบ ให้คลิกที่ “เพิ่มองค์ประกอบใหม่”
คลิกที่ “เลือกไฟล์” เพื่อเรียกดูรูปภาพบัตรของขวัญโฉมใหม่บนคอมพิวเตอร์ของคุณแล้วอัปโหลด เราขอแนะให้ใช้ชื่อไฟล์แบบเรียบง่าย เช่น
blue-giftcard.png
คลิกที่อัปโหลดองค์ประกอบ รูปภาพบัตรของขวัญใหม่จะแสดงในไดเรกทอรีองค์ประกอบของคุณ จากนั้นให้จดสกุลไฟล์ (
.png
หรือ.jpg
)
แก้ไขไฟล์เทมเพลตบัตรของขวัญเพื่อให้ใช้รูปภาพใหม่ของคุณ
- ในไดเรกทอรีเทมเพลตให้คลิก
gift-card.liquid
. - ค้นหาโค้ดต่อไปนี้ภายในไฟล์:
<img src="{{ 'gift-card/card.svg' | shopify_asset_url }}" alt="">
- แทนที่ด้วยโค้ดต่อไปนี้:
<img src="{{ 'blue-giftcard.png' | asset_img_url: '950x550' }}" alt="">
- คลิกที่ “บันทึก”
ดูตัวอย่างรูปภาพบัตรของขวัญใหม่ของคุณ
- ให้คลิกที่ “ปรับแต่งธีม” จากตัวแก้ไขโค้ดธีมที่มุมขวาบน
- เปิดตัวแก้ไขธีม
- จากเมนูดรอปดาวน์ที่ด้านบนของหน้าหรือจากเมนูเทมเพลตบนมือถือ ให้เลือกบัตรของขวัญ