ขยายเพิ่มการใช้งานธีมของคุณ

หน้านี้พิมพ์ขึ้นเมื่อ Apr 24, 2024 หากต้องการเวอร์ชันปัจจุบัน โปรดไปที่ https://help.shopify.com/th/manual/online-store/themes/theme-structure/extend

ธีมของ 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 แล้วหรือยัง

ทดลองใช้งานฟรี