ขยายเพิ่มการใช้งานธีมของคุณ
ธีมของ Shopify มีการตั้งค่าและตัวเลือกการปรับแต่งมากมายให้ใช้ อย่างไรก็ตาม อาจมีฟีเจอร์บางอย่างที่ธีมของคุณไม่มีให้บริการ หรือคุณอาจจะแค่ต้องการปรับแต่งธีมเพิ่มเติมไปอีกขั้น ตัวอย่างเช่น คุณอาจต้องการแสดงรีวิวสินค้าไว้ในร้านค้าของคุณ ซึ่งสามารถทำได้โดยการติดตั้งแอป หากคุณต้องการขยายเพิ่มฟังก์ชันการใช้งานธีม คุณก็สามารถทำได้ด้วยวิธีการดังต่อไปนี้
เพิ่ม HTML หรือ Liquid แบบกำหนดเอง
ธีมบางรายการจะมีการตั้งค่าที่ให้คุณเพิ่มส่วนย่อยของโค้ด HTML หรือ Liquid ที่สามารถแสดงผลได้ในเทมเพลต ส่วน หรือบล็อกที่มีการตั้งค่านั้น การตั้งค่าเหล่านี้ช่วยให้คุณเพิ่มโค้ดแบบกำหนดเองไปยังร้านค้าออนไลน์ของคุณได้อย่างปลอดภัยโดยไม่ต้องมีการแก้ไขโค้ดธีมของคุณโดยตรง ซึ่งช่วยให้มั่นใจได้ว่าธีมของคุณมีสิทธิ์ได้รับการอัปเดต
คุณสามารถใช้การตั้งค่าเหล่านี้กับภาระงานดังต่อไปนี้:
- ใช้ส่วน Custom Liquid เพื่อแทรกตัวแปร Liquid ในจุดที่สมเหตุสมผลสำหรับธุรกิจของคุณ ตัวอย่างเช่น คุณอาจจะใส่นโยบายการจัดส่งไว้ในหน้าสินค้าของคุณ
- ใช้ส่วน Custom Liquid เพื่อเพิ่มโค้ดที่จำเป็นต้องใช้ในการผสานการทำงานระหว่างแอปกับธีมของคุณ
หากต้องการดูว่าธีมของคุณมีตัวเลือก HTML หรือ Liquid แบบกำหนดเองให้ใช้หรือไม่ ให้ดูที่เอกสารประกอบของธีมคุณ
การตั้งค่า Liquid อนุญาตให้คุณเข้าถึงเฉพาะอ็อบเจกต์และแท็ก Liquid แบบจํากัดเท่านั้น หากต้องการดูข้อมูลเกี่ยวกับอ็อบเจกต์และแท็กที่คุณสามารถใช้ในการตั้งค่า Liquid ให้ดูที่เอกสารประกอบการตั้งค่า Liquid ที่ Shopify.dev
เพิ่ม CSS แบบกำหนดเอง
Cascading Style Sheet (CSS) เปลี่ยนวิธีการแสดงองค์ประกอบต่างๆ ในธีมของคุณ และสามารถควบคุมลักษณะที่ปรากฏได้หลายหน้าในคราวเดียว คุณสามารถปรับแต่งธีมของคุณนอกเหนือจากการตั้งค่าที่มีอยู่ในธีมได้โดยใช้ฟีเจอร์ CSS แบบกำหนดเอง คุณสามารถเพิ่ม CSS แบบกำหนดเองให้กับทั้งธีมของคุณ หรือในส่วนเฉพาะของเทมเพลตภายในธีมของคุณก็ได้
การปรับแต่ง CSS ของคุณจำเป็นต้องมีความคุ้นเคยกับ CSS และ HTML ก่อนคุณจะปรับแต่งธีมของคุณ ตรวจสอบให้แน่ใจว่าคุณเข้าใจแล้วว่ามีระดับความช่วยเหลือได้บ้างที่สามารถรับความช่วยเหลือได้
ติดตั้งแอป
คุณสามารถติดตั้ง แอป เพื่อเพิ่มฟีเจอร์และการผสานงานทำงานต่างๆ ไปที่ธีมของคุณ คุณสามารถหาแอปต่างๆ ได้บน Shopify App Store
แอปร้านค้าออนไลน์สามารถผสานการทำงานกับธีมของคุณด้วยวิธีดังต่อไปนี้:
ในฐานะบล็อกแอป: บล็อกแอปช่วยให้คุณสามารถเพิ่มฟังก์ชันการใช้งานของแอปได้อย่างตรงจุดที่คุณต้องการใช้ในธีม โดยคุณสามารถเพิ่ม ลบ และปรับแต่งบล็อกแอปผ่านตัวแก้ไขธีมได้
ในฐานะแอปฝังตัว: แอปฝังตัวเป็นองค์ประกอบจากแอปที่จะแสดงผลแบบลอยหรือปรากฏเป็นการวางซ้อนในธีมของคุณ หรือเป็นการเพิ่มโค้ดไปยังร้านค้าออนไลน์ของคุณโดยไม่ได้มีการแสดงให้ลูกค้าเห็น โดยคุณสามารถเปิดใช้งาน ปิดใช้งาน และปรับแต่งแอปฝังตัวผ่านตัวแก้ไขธีมได้
หากเปลี่ยนโค้ดธีมของคุณ: บางแอปจะใส่โค้ดเข้าไปที่โค้ดธีมของคุณโดยตรงเพื่อเพิ่มการทำงานไปที่ธีมของคุณ คุณอาจปรับแต่งแอปของคุณได้โดยการการตั้งค่าแอป หรือใช้ตัวแก้ไขธีม
แก้ไขโค้ดธีมของคุณ
คุณสามารถแก้ไขโค้ดธีมเพื่อเปลี่ยนแปลงร้านค้าออนไลน์ของคุณอย่างละเอียดได้ โดยในไฟล์ธีมจะมี Liquid ซึ่งเป็นภาษาเทมเพลตของ Shopify พร้อมด้วย HTML, CSS, JSON และ JavaScript เราแนะนำให้แก้ไขโค้ดของธีมเฉพาะในกรณีที่คุณมีความรู้เกี่ยวกับ HTML และ CSS ตลอดจนมีความเข้าใจในระดับพื้นฐานเกี่ยวกับ Liquid เท่านั้น
หากคุณใช้ธีมฟรีจาก Shopify ฝ่ายช่วยเหลือของ Shopify ก็จะสามารถช่วยคุณปรับแต่งโค้ดธีมได้ในบางกรณี ดูที่เอกสารประกอบของธีมคุณเพื่อดูรายการการปรับแต่งที่มีให้บริการ ดูข้อมูลเพิ่มเติมเกี่ยวกับความช่วยเหลือในเรื่องของธีม
คุณสามารถแก้ไขโค้ดธีมของคุณด้วยวิธีดังต่อไปนี้:
- แก้ไขโค้ดได้โดยตรงใน Shopify admin
- แก้ไขธีมของคุณจากภายในโดยใช้เครื่องมือพัฒนาต่างๆ เช่น Shopify CLI และการผสานการทำงาน Shopify GitHub