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

ธีมของ Shopify มีการตั้งค่าและตัวเลือกการปรับแต่งมากมายให้ใช้ อย่างไรก็ตาม อาจมีฟีเจอร์บางอย่างที่ธีมของคุณไม่มีให้บริการ หรือคุณอาจจะแค่ต้องการปรับแต่งธีมเพิ่มเติมไปอีกขั้น ตัวอย่างเช่น คุณอาจต้องการแสดงรีวิวสินค้าไว้ในร้านค้าของคุณ ซึ่งสามารถทำได้โดยการติดตั้งแอป หากคุณต้องการขยายเพิ่มฟังก์ชันการใช้งานธีม คุณก็สามารถทำได้ด้วยวิธีการดังต่อไปนี้

เพิ่ม HTML หรือ Liquid แบบกำหนดเอง

บางธีมมีตัวเลือกการตั้งค่าที่ช่วยให้คุณสามารถเพิ่มส่วนย่อยของโค้ด HTML หรือ Liquid ที่ระบบสามารถแสดงผลในเทมเพลต ส่วน หรือบล็อกที่มีการตั้งค่าดังกล่าวได้ โดยการตั้งค่าเหล่านี้ช่วยให้คุณสามารถเพิ่มโค้ดแบบกำหนดเองไปยังร้านค้าออนไลน์ของคุณได้อย่างปลอดภัยโดยไม่ต้องแก้ไขโค้ดธีมของคุณโดยตรง ซึ่งจะช่วยสร้างความมั่นใจว่าธีมของคุณมีคุณสมบัติตรงตามเกณฑ์สำหรับการอัปเกรดอัตโนมัติ

คุณสามารถใช้การตั้งค่าเหล่านี้กับภาระงานดังต่อไปนี้:

  • ใช้ส่วน Custom Liquid เพื่อแทรกตัวแปร Liquid ในจุดที่สมเหตุสมผลสำหรับธุรกิจของคุณ ตัวอย่างเช่น คุณอาจจะใส่นโยบายการจัดส่งไว้ในหน้าสินค้าของคุณ
  • ใช้ส่วน Custom Liquid เพื่อเพิ่มโค้ดที่จำเป็นต้องใช้ในการผสานการทำงานระหว่างแอปกับธีมของคุณ

หากต้องการดูว่าธีมของคุณมีตัวเลือก HTML หรือ Liquid แบบกำหนดเองให้ใช้หรือไม่ ให้ดูที่เอกสารประกอบของธีมคุณ

การตั้งค่า Liquid อนุญาตให้คุณเข้าถึงเฉพาะออบเจ็กต์และแท็ก Liquid แบบจํากัดเท่านั้น หากต้องการดูข้อมูลเกี่ยวกับออบเจ็กต์และแท็กที่คุณสามารถใช้ในการตั้งค่า Liquid ให้ดูที่เอกสารประกอบการตั้งค่า Liquid ที่ Shopify.dev

ติดตั้งแอป

คุณสามารถติดตั้ง แอป เพื่อเพิ่มฟีเจอร์และการผสานงานทำงานต่างๆ ไปที่ธีมของคุณ คุณสามารถหาแอปต่างๆ ได้บน Shopify App Store

แอปร้านค้าออนไลน์สามารถผสานการทำงานกับธีมของคุณด้วยวิธีดังต่อไปนี้:

  • ในฐานะบล็อกแอป: บล็อกแอปช่วยให้คุณสามารถเพิ่มฟังก์ชันการใช้งานของแอปได้อย่างตรงจุดที่คุณต้องการใช้ในธีม โดยคุณสามารถเพิ่ม ลบ และปรับแต่งบล็อกแอปผ่านตัวแก้ไขธีมได้

    บล็อกแอปสามารถใช้ได้กับธีมของ Online Store 2.0 เท่านั้น หากคุณใช้ธีมเก่า คุณควรอ่านรายการแอปและเอกสารเพื่อให้เข้าใจว่าแอปดังกล่าวสามารถเข้ากันได้กับธีมของคุณหรือไม่

  • ในฐานะแอปฝังตัว: แอปฝังตัวเป็นองค์ประกอบจากแอปที่จะแสดงผลแบบลอยหรือปรากฏเป็นการวางซ้อนในธีมของคุณ หรือเป็นการเพิ่มโค้ดไปยังร้านค้าออนไลน์ของคุณโดยไม่ได้มีการแสดงให้ลูกค้าเห็น โดยคุณสามารถเปิดใช้งาน ปิดใช้งาน และปรับแต่งแอปฝังตัวผ่านตัวแก้ไขธีมได้

  • หากเปลี่ยนโค้ดธีมของคุณ: บางแอปจะใส่โค้ดเข้าไปที่โค้ดธีมของคุณโดยตรงเพื่อเพิ่มการทำงานไปที่ธีมของคุณ คุณอาจปรับแต่งแอปของคุณได้โดยการการตั้งค่าแอป หรือใช้ตัวแก้ไขธีม

    หากธีมของคุณมีส่วน Liquid แบบกำหนดเอง คุณอาจจะสามารถเพิ่มโค้ดของแอปคุณไปที่ส่วน Liquid แบบกำหนดเองในตัวแก้ไขธีมแทนที่จะแก้ไขโค้ดธีมของคุณโดยตรง

แก้ไขโค้ดธีมของคุณ

คุณสามารถแก้ไขโค้ดธีมเพื่อเปลี่ยนแปลงร้านค้าออนไลน์ของคุณอย่างละเอียดได้ โดยในไฟล์ธีมจะมี Liquid ซึ่งเป็นภาษาเทมเพลตของ Shopify พร้อมด้วย HTML, CSS, JSON และ JavaScript เราแนะนำให้แก้ไขโค้ดของธีมเฉพาะในกรณีที่คุณมีความรู้เกี่ยวกับ HTML และ CSS ตลอดจนมีความเข้าใจในระดับพื้นฐานเกี่ยวกับ Liquid เท่านั้น

หากคุณแก้ไขโค้ดธีมของคุณ คุณอาจจะทำให้ธีมนั้นไม่สามารถอัปเดตแบบอัตโนมัติได้ คุณควรจะแก้ไขโค้ดธีมของคุณต่อเมื่อคุณไม่สามารถทำการเปลี่ยนแปลงที่ต้องการได้โดยใช้ HTML หรือ การตั้งค่า Liquid หรือ แอป Shopify

หากคุณใช้ธีมฟรีจาก Shopify ฝ่ายช่วยเหลือของ Shopify ก็จะสามารถช่วยคุณปรับแต่งโค้ดธีมได้ในบางกรณี ดูที่เอกสารประกอบของธีมคุณเพื่อดูรายการการปรับแต่งที่มีให้บริการ ดูข้อมูลเพิ่มเติมเกี่ยวกับความช่วยเหลือในเรื่องของธีม

คุณสามารถแก้ไขโค้ดธีมของคุณด้วยวิธีดังต่อไปนี้:

พร้อมเริ่มต้นการขายด้วย Shopify แล้วหรือยัง

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