ปรับแต่งบัตรของขวัญด้วยรูปภาพแบบกำหนดเอง
หน้านี้พิมพ์ขึ้นเมื่อ Mar 26, 2023 หากต้องการเวอร์ชันปัจจุบัน โปรดไปที่ https://help.shopify.com/th/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/personalize-gift-cards
อัปโหลดรูปภาพใหม่ให้กับบัตรของขวัญของคุณ
- จากส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกการดำเนินการ > แก้ไขโค้ด
- ในไดเรกทอรีองค์ประกอบ ให้คลิกที่ “เพิ่มองค์ประกอบใหม่”
คลิกที่ “เลือกไฟล์” เพื่อเรียกดูรูปภาพบัตรของขวัญโฉมใหม่บนคอมพิวเตอร์ของคุณแล้วอัปโหลด เราขอแนะให้ใช้ชื่อไฟล์แบบเรียบง่าย เช่น
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: '1024x1024' }}" alt="">
- คลิกที่ “บันทึก”
ดูตัวอย่างรูปภาพบัตรของขวัญใหม่ของคุณ
- ให้คลิกที่ “ปรับแต่งธีม” จากตัวแก้ไขโค้ดธีมที่มุมขวาบน
- เปิดตัวแก้ไขธีม
- จากเมนูดรอปดาวน์ที่ด้านบนของหน้าหรือจากเมนูเทมเพลตบนมือถือ ให้เลือกบัตรของขวัญ