ธีมเวอร์ชันสถาปัตยกรรม

ในเดือนกรกฎาคม 2021 Shopify ได้เปิดตัวโครงสร้างธีมโฉมใหม่ที่เรียกว่า Online Store 2.0โดยธีมที่ใช้โครงสร้างก่อนหน้านี้เรียกว่าธีมวินเทจ ธีมวินเทจมีสองประเภท ได้แก่ ธีมที่แบ่งส่วนและธีมที่ไม่แบ่งส่วน เวอร์ชันโครงสร้างธีมของคุณจะเป็นตัวระบุประเภทไฟล์ที่สร้างธีม วิธีที่คุณสามารถปรับแต่งธีม และวิธีที่แอปสามารถผสานการทำงานกับธีมของคุณได้ เวอร์ชันโครงสร้างธีมของคุณยังอาจให้สิทธิ์การเข้าถึงฟีเจอร์ใหม่ๆ ของ Shopify ด้วย

Shopify ขอเสนอธีม Dawn ซึ่งเป็นธีม Online Store 2.0 ฟรีเพียงหนึ่งเดียว ดูข้อมูลเพิ่มเติมเกี่ยวกับ Dawn

ไม่จำเป็นต้องอัปเกรดไปใช้ Online Store 2.0คุณสามารถใช้ธีมวินเทจต่อไปได้หากธีมนี้ตรงตามความต้องการของธุรกิจคุณ

ฟีเจอร์ธีม Online Store 2.0 เทียบกับฟีเจอร์ธีมเก่า

<table>
<caption>Compare theme features</caption>
  <thead>
    <tr>
      <th style="width:70%;">Feature</th>
      <th style="width:15%;">Vintage</th>
      <th style="width:15%;">OS 2.0</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <td scope="row"><strong>Sections on the home page</strong><BR>
    Customize the content on your online store's home page. Add, rearrange, or remove sections to create your page layout.</td>
    <td style='color: #7ab55c'>✓</td>
    <td style='color: #7ab55c'>✓</td>
  </tr>
  <tr>
    <td scope="row"><strong>Sections on every page</strong><BR>
    Customize the content on most of your online store's pages. Add, rearrange, or remove sections and blocks to create unique page layouts.</td>
    <td style='color: #7ab55c'>-</td>
    <td style='color: #7ab55c'>✓</td>
  </tr>
  <tr>
    <td scope="row"><strong>Enhanced app support</strong><BR>
    Install or change apps without touching any code. Add app functionality anywhere in your theme using <a href="/manual/online-store/themes/extend/apps#app-blocks">app blocks</a>.</td>
    <td style='color: #7ab55c'>-</td>
    <td style='color: #7ab55c'>✓</td>
  </tr>
  <tr>
    <td scope="row"><strong>Richer content using dynamic sources</strong><BR>
     Add dynamic, specialized information to any setting in your theme by connecting the setting to a <a href="/manual/online-store/themes/os20/theme-structure/sections#metafields-and-dynamic-sources">dynamic source</a>. A dynamic source can be a resource attribute or a metafield value.</td>
    <td style='color: #7ab55c'>-</td>
    <td style='color: #7ab55c'>✓</td>
  </tr>
  <tr>
    <td scope="row"><strong>Collection filtering</strong><BR>
     Allow customers to <a href="/manual/online-store/themes/os20/customize/filters">filter</a> collections in your store by availability, price, and more.</td>
    <td style='color: #7ab55c'>-</td>
    <td style='color: #7ab55c'>✓</td>
  </tr>
  </tbody>
</table>

ระบุธีมเวอร์ชันสถาปัตยกรรมของคุณ

คุณอาจต้องการทราบว่าธีมของคุณใช้ธีมเวอร์ชันสถาปัตยกรรมใดในกรณีดังต่อไปนี้:

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

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

ขั้นตอน:

  1. เลือก "สินค้า" > "สินค้าเริ่มต้น" การดำเนินการนี้จะเป็นการเปิดเทมเพลตสินค้าเริ่มต้น 3. ดูแถบด้านข้างที่ด้านล่างของเทมเพลตสินค้า หากคุณมีธีม Online Store 2.0 ปุ่ม "เพิ่มส่วน" จะปรากฏด้านล่างของรายการส่วน 4. หากไม่ปรากฏปุ่ม "เพิ่มส่วน" หมายความว่าคุณอาจมีธีมวินเทจที่แบ่งส่วน หรือธีมวินเทจที่ไม่แบ่งส่วน อยู่ ให้ปฏิบัติตามขั้นตอนใน "ระบุเวอร์ชันสถาปัตยกรรมของธีมวินเทจ" เพื่อดูว่าคุณกำลังใช้งานธีมวินเทจเวอร์ชันสถาปัตยกรรมใด

หากคุณใช้งานธีม Online Store 2.0 คุณสามารถเพิ่มส่วนต่างๆ ไปยังหน้าสินค้าได้

ระบุเวอร์ชันสถาปัตยกรรมของธีมวินเทจ

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

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

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

ขั้นตอน:

  1. ตรวจสอบโครงสร้างของโฟลเดอร์ในแถบด้านข้าง: - หากมีไฟล์ในไดเรกทอรีส่วน หมายความว่าคุณกำลังใช้ธีมที่แบ่งส่วน
    • หากไม่มีไฟล์ใดๆ ในไดเรกทอรีส่วน หมายความว่าคุณกำลังใช้ธีมที่ไม่แบ่งส่วนอยู่

ดูข้อมูลเพิ่มเติมเกี่ยวกับเวอร์ชันธีมของคุณ

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

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

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