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

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

Shopify จะมอบธีม Online Store 2.0 ที่ชื่อว่า Dawn ให้โดยไม่มีค่าใช้จ่าย ดูข้อมูลเพิ่มเติมเกี่ยวกับ Dawn หรือเรียกดูร้านค้าธีมเพื่อค้นหาธีมที่สามารถใช้กับ Online Store 2.0 ได้

ไม่จำเป็นต้องอัปเกรดไปใช้ 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. เลือกสินค้า > สินค้าเริ่มต้น เมื่อทำเช่นนี้แล้วเทมเพลตสินค้าเริ่มต้นจะเปิดขึ้นมา
  2. ดูที่แถบด้านข้างด้านล่างในส่วนเทมเพลตสินค้า หากคุณมีธีมร้านค้าออนไลน์ 2.0 อยู่ ปุ่ม "เพิ่มส่วน" จะปรากฏด้านล่างรายการส่วน
  3. หากไม่มีปุ่ม "เพิ่มส่วน" ปรากฏขึ้น คุณอาจใช้ธีมเก่าแบบแบ่งส่วนหรือไม่แบ่งส่วนอยู่ ให้ทำตามขั้นตอนในบทความ "ค้นหาเวอร์ชันสถาปัตยกรรมธีมเก่าของคุณ" เพื่อดูว่าธีมของคุณใช้สถาปัตยกรรมเก่าเวอร์ชันใด

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

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

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

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

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

ขั้นตอน:

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

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

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

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

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