การใช้แอปรีวิวสินค้า

หมายเหตุ

ในวันที่ 6 พฤษภาคม 2024 แอปรีวิวสินค้าจะถูกลบออกจาก Shopify และไม่มีให้ติดตั้งอีกต่อไป หลังจากเวลาดังกล่าว คุณจะไม่สามารถเข้าถึงรีวิวผลิตภัณฑ์ที่มีอยู่ได้อีกต่อไป และรีวิวจากแอปจะไม่แสดงบนร้านค้าของคุณอีกต่อไป หากต้องการเก็บและแสดงรีวิวผลิตภัณฑ์ในร้านค้าของคุณต่อ คุณต้องย้ายไปยังแอปรีวิวผลิตภัณฑ์อื่นก่อนวันที่ 6 พฤษภาคม 2024

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

ธีมของ Online Store 2.0

คุณสามารถเพิ่มรีวิว เพิ่มแบบฟอร์มรีวิว และแสดงการให้ดาวในธีม Online Store 2.0 ได้

เพิ่มรีวิวและแบบฟอร์มรีวิวในธีม Online Store 2.0

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

เพิ่มรีวิวและแบบฟอร์มรีวิวในรูปแบบส่วน

เดสก์ท็อป

1. ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
3. ไปยังเทมเพลตสินค้าที่คุณต้องการเพิ่มส่วนรีวิวและแบบฟอร์มรีวิว
4. คลิกเพิ่มส่วน
5. เลือกบล็อกแอปรีวิวจากเมนูดรอปดาวน์ในส่วนของแอป
6. ตัวเลือกเสริม: ย้ายส่วนของแอปไปยังตำแหน่งที่คุณต้องการในหน้านั้นๆ
7. คลิกที่บันทึก

iPhone

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีมทั้งหมด
4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
5. แตะที่แก้ไข
6. ไปยังเทมเพลตสินค้าที่คุณต้องการเพิ่มส่วนรีวิวและแบบฟอร์มรีวิว
7. คลิกเพิ่มส่วน
8. เลือกบล็อกแอปรีวิวจากเมนูดรอปดาวน์ในส่วนของแอป
9. ตัวเลือกเสริม: ย้ายส่วนของแอปไปยังตำแหน่งที่คุณต้องการในหน้านั้นๆ
10. คลิกที่บันทึก

Android

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีมทั้งหมด
4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
5. แตะที่แก้ไข
6. ไปยังเทมเพลตสินค้าที่คุณต้องการเพิ่มส่วนรีวิวและแบบฟอร์มรีวิว
7. คลิกเพิ่มส่วน
8. เลือกบล็อกแอปรีวิวจากเมนูดรอปดาวน์ในส่วนของแอป
9. ตัวเลือกเสริม: ย้ายส่วนของแอปไปยังตำแหน่งที่คุณต้องการในหน้านั้นๆ
10. คลิกที่บันทึก

เพิ่มรีวิวและแบบฟอร์มรีวิวในรูปแบบบล็อก

เดสก์ท็อป

1. ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
3. ไปยังหน้าและส่วนที่คุณต้องการเพิ่มบล็อกรีวิวและแบบฟอร์มรีวิว
4. คลิกที่ “เพิ่มบล็อก”
5. เลือกบล็อกแอปรีวิวจากเมนูดรอปดาวน์ในส่วนของแอป
6. ตัวเลือกเสริม: ย้ายบล็อกรีวิวไปยังตำแหน่งที่คุณต้องการในส่วนนั้นๆ
7. คลิกที่บันทึก

iPhone

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีมทั้งหมด
4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
5. แตะที่แก้ไข
6. ไปยังหน้าและส่วนที่คุณต้องการเพิ่มบล็อกรีวิวและแบบฟอร์มรีวิว
7. คลิกที่ “เพิ่มบล็อก”
8. เลือกบล็อกแอปรีวิวจากเมนูดรอปดาวน์ในส่วนของแอป
9. ตัวเลือกเสริม: ย้ายบล็อกรีวิวไปยังตำแหน่งที่คุณต้องการในส่วนนั้นๆ
10. คลิกที่บันทึก

Android

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีมทั้งหมด
4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
5. แตะที่แก้ไข
6. ไปยังหน้าและส่วนที่คุณต้องการเพิ่มบล็อกรีวิวและแบบฟอร์มรีวิว
7. คลิกที่ “เพิ่มบล็อก”
8. เลือกบล็อกแอปรีวิวจากเมนูดรอปดาวน์ในส่วนของแอป
9. ตัวเลือกเสริม: ย้ายบล็อกรีวิวไปยังตำแหน่งที่คุณต้องการในส่วนนั้นๆ
10. คลิกที่บันทึก

เพิ่มการให้ดาวในธีม Online Store 2.0

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

ขั้นตอน:

เดสก์ท็อป

1. ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
3. ไปยังหน้าและส่วนที่คุณต้องการเพิ่มการให้ดาว
4. คลิกที่ “เพิ่มบล็อก”
5. เลือกบล็อกแอปการให้ดาวจากเมนูดรอปดาวน์ในส่วนแอป
6. ตัวเลือกเสริม: ย้ายบล็อกการให้ดาวไปยังตำแหน่งที่คุณต้องการในส่วนนั้นๆ หรือปรับแต่งสี ขนาด การจัดวาง และบริบทของดาว
7. คลิกที่บันทึก

iPhone

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีมทั้งหมด
4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
5. แตะที่แก้ไข
6. ไปยังหน้าและส่วนที่คุณต้องการเพิ่มการให้ดาว
7. คลิกที่ “เพิ่มบล็อก”
8. เลือกบล็อกแอปการให้ดาวจากเมนูดรอปดาวน์ในส่วนแอป
9. ตัวเลือกเสริม: ย้ายบล็อกการให้ดาวไปยังตำแหน่งที่คุณต้องการในส่วนนั้นๆ หรือปรับแต่งสี ขนาด การจัดวาง และบริบทของดาว
10. คลิกที่บันทึก

Android

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีมทั้งหมด
4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
5. แตะที่แก้ไข
6. ไปยังหน้าและส่วนที่คุณต้องการเพิ่มการให้ดาว
7. คลิกที่ “เพิ่มบล็อก”
8. เลือกบล็อกแอปการให้ดาวจากเมนูดรอปดาวน์ในส่วนแอป
9. ตัวเลือกเสริม: ย้ายบล็อกการให้ดาวไปยังตำแหน่งที่คุณต้องการในส่วนนั้นๆ หรือปรับแต่งสี ขนาด การจัดวาง และบริบทของดาว
10. คลิกที่บันทึก

ธีมวินเทจที่แบ่งส่วน

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

เพิ่มรีวิวและแบบฟอร์มรีวิวลงในหน้าสินค้าของคุณในธีมแบ่งส่วน

เดสก์ท็อป

1. ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
2. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
3. ในไดเรกทอรีส่วน ให้เปิดไฟล์ product-template.liquid
4. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้รีวิวปรากฏ ซึ่งโดยทั่วไปแล้วจะอยู่ใต้คำอธิบายสินค้า หากต้องการค้นหาคำอธิบายสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid{{ product.description }}
5. ที่ด้านล่างของรหัสที่มีแท็ก Liquid {{ product.description }} ให้วางส่วนย่อยดังต่อไปนี้:

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. คลิกที่บันทึก

iPhone

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
5. ในไดเรกทอรีส่วน ให้เปิดไฟล์ product-template.liquid
6. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้รีวิวปรากฏ ซึ่งโดยทั่วไปแล้วจะอยู่ใต้คำอธิบายสินค้า หากต้องการค้นหาคำอธิบายสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid{{ product.description }}
7. ที่ด้านล่างของรหัสที่มีแท็ก Liquid {{ product.description }} ให้วางส่วนย่อยดังต่อไปนี้:

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. คลิกที่บันทึก

Android

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
5. ในไดเรกทอรีส่วน ให้เปิดไฟล์ product-template.liquid
6. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้รีวิวปรากฏ ซึ่งโดยทั่วไปแล้วจะอยู่ใต้คำอธิบายสินค้า หากต้องการค้นหาคำอธิบายสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid{{ product.description }}
7. ที่ด้านล่างของรหัสที่มีแท็ก Liquid {{ product.description }} ให้วางส่วนย่อยดังต่อไปนี้:

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. คลิกที่บันทึก

เพิ่มป้ายคะแนนการรัวิวลงในหน้าคอลเลกชันของคุณในธีมที่แบ่งส่วน

1. ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกปุ่ม "..." > "แก้ไขรหัส"

3. ในไดเรกทอรีส่วนย่อยให้เปิดไฟล์ product-grid-item.liquidในบางธีมไฟล์นี้จะมีชื่อที่ต่างออกไปหากคุณไม่สามารถค้นหา product-grid-item.liquid ได้ ให้ค้นหาอย่างใดอย่างหนึ่งต่อไปนี้:

   • product-card-grid.liquid
   • product-card.liquid
   • product-card-item.liquid
   • product-block.liquid
   • product-item.liquid

4. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ product.title }}

5. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid{{ product.title }} ให้วางส่วนย่อยดังต่อไปนี้:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>

You can experiment with putting the code in different places in the file to see where you like it best.

1. คลิกที่บันทึก

เพิ่มป้ายคะแนนการรีวิวลงในหน้าสินค้าของคุณในธีมแบ่งส่วน

เดสก์ท็อป

1. ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
2. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
3. ในไดเรกทอรีส่วน ให้เปิดไฟล์ product-template.liquid
4. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ product.title }}
5. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid{{ product.title }} ให้วางส่วนย่อยดังต่อไปนี้:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. คลิกที่บันทึก

iPhone

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
5. ในไดเรกทอรีส่วน ให้เปิดไฟล์ product-template.liquid
6. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ product.title }}
7. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid{{ product.title }} ให้วางส่วนย่อยดังต่อไปนี้:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. คลิกที่บันทึก

Android

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
5. ในไดเรกทอรีส่วน ให้เปิดไฟล์ product-template.liquid
6. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ product.title }}
7. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid{{ product.title }} ให้วางส่วนย่อยดังต่อไปนี้:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. คลิกที่บันทึก

เพิ่มตราสัญลักษณ์คะแนนการรีวิวไปยังสินค้าแนะนำของคุณในธีมแบ่งส่วน

หมายเหตุ

หากคุณกำลังใช้ธีม Venture เราไม่แนะนำให้วางป้ายคะแนนรีวิวในสินค้าแนะนำของคุณ

เดสก์ท็อป

1. ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
2. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
3. ในไดเรกทอรีส่วนให้เปิดไฟล์featured-product.liquid
4. ค้นหาพื้นที่ในส่วนย่อยที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ title }} หากคุณไม่พบแท็ก {{ title }} ให้ค้นหาแท็ก {{ product.title }} แทน
5. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid{{ product.title }} ให้วางส่วนย่อยดังต่อไปนี้:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}

You can experiment with putting the code in different places in the file to see where you like it best.

1. คลิกที่บันทึก

iPhone

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
5. ในไดเรกทอรีส่วนให้เปิดไฟล์featured-product.liquid
6. ค้นหาพื้นที่ในส่วนย่อยที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ title }} หากคุณไม่พบแท็ก {{ title }} ให้ค้นหาแท็ก {{ product.title }} แทน
7. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid{{ product.title }} ให้วางส่วนย่อยดังต่อไปนี้:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}

You can experiment with putting the code in different places in the file to see where you like it best.

1. คลิกที่บันทึก

Android

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
5. ในไดเรกทอรีส่วนให้เปิดไฟล์featured-product.liquid
6. ค้นหาพื้นที่ในส่วนย่อยที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ title }} หากคุณไม่พบแท็ก {{ title }} ให้ค้นหาแท็ก {{ product.title }} แทน
7. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid{{ product.title }} ให้วางส่วนย่อยดังต่อไปนี้:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}

You can experiment with putting the code in different places in the file to see where you like it best.

1. คลิกที่บันทึก

ธีมวินเทจที่ไม่แบ่งส่วน

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

เพิ่มรีวิวและแบบฟอร์มรีวิวลงในหน้าสินค้าของคุณในธีมที่ไม่แบ่งส่วน

เดสก์ท็อป

1. ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
2. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
3. ในไดเรกทอรีเทมเพลต ให้เปิด product.liquid
4. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้รีวิวปรากฏ ซึ่งโดยทั่วไปแล้วจะอยู่ใต้คำอธิบายสินค้า หากต้องการค้นหาคำอธิบายสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid{{ product.description }}
5. ที่ด้านล่างของรหัสที่มีแท็ก Liquid {{ product.description }} ให้วางส่วนย่อยดังต่อไปนี้:

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. คลิกที่บันทึก

iPhone

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
5. ในไดเรกทอรีเทมเพลต ให้เปิด product.liquid
6. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้รีวิวปรากฏ ซึ่งโดยทั่วไปแล้วจะอยู่ใต้คำอธิบายสินค้า หากต้องการค้นหาคำอธิบายสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid{{ product.description }}
7. ที่ด้านล่างของรหัสที่มีแท็ก Liquid {{ product.description }} ให้วางส่วนย่อยดังต่อไปนี้:

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. คลิกที่บันทึก

Android

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
5. ในไดเรกทอรีเทมเพลต ให้เปิด product.liquid
6. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้รีวิวปรากฏ ซึ่งโดยทั่วไปแล้วจะอยู่ใต้คำอธิบายสินค้า หากต้องการค้นหาคำอธิบายสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid{{ product.description }}
7. ที่ด้านล่างของรหัสที่มีแท็ก Liquid {{ product.description }} ให้วางส่วนย่อยดังต่อไปนี้:

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. คลิกที่บันทึก

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

เดสก์ท็อป

1. ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
2. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด

3. ในไดเรกทอรีส่วนย่อย ให้เปิด product-grid-item.liquidในบางธีมไฟล์นี้จะมีชื่อที่ต่างออกไปหากคุณไม่สามารถค้นหา product-grid-item.liquid ได้ ให้ค้นหาอย่างใดอย่างหนึ่งต่อไปนี้:

   • product-card.liquid
   • product-card-item.liquid
   • product-block.liquidหากธีมของคุณไม่มีไฟล์ข้างต้นใดๆ คุณอาจสามารถดูรหัสกริดสินค้าของคุณได้ในไฟล์ collection.liquid ในไดเรกทอรีเทมเพลต

4. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ product.title }}

5. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid{{ product.title }} ให้วางส่วนย่อยดังต่อไปนี้:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>

You can experiment with putting the code in different places in the file to see where you like it best.

1. คลิกที่บันทึก

iPhone

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด

5. ในไดเรกทอรีส่วนย่อย ให้เปิด product-grid-item.liquidในบางธีมไฟล์นี้จะมีชื่อที่ต่างออกไปหากคุณไม่สามารถค้นหา product-grid-item.liquid ได้ ให้ค้นหาอย่างใดอย่างหนึ่งต่อไปนี้:

   • product-card.liquid
   • product-card-item.liquid
   • product-block.liquidหากธีมของคุณไม่มีไฟล์ข้างต้นใดๆ คุณอาจสามารถดูรหัสกริดสินค้าของคุณได้ในไฟล์ collection.liquid ในไดเรกทอรีเทมเพลต

6. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ product.title }}

7. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid{{ product.title }} ให้วางส่วนย่อยดังต่อไปนี้:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>

You can experiment with putting the code in different places in the file to see where you like it best.

1. คลิกที่บันทึก

Android

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด

5. ในไดเรกทอรีส่วนย่อย ให้เปิด product-grid-item.liquidในบางธีมไฟล์นี้จะมีชื่อที่ต่างออกไปหากคุณไม่สามารถค้นหา product-grid-item.liquid ได้ ให้ค้นหาอย่างใดอย่างหนึ่งต่อไปนี้:

   • product-card.liquid
   • product-card-item.liquid
   • product-block.liquidหากธีมของคุณไม่มีไฟล์ข้างต้นใดๆ คุณอาจสามารถดูรหัสกริดสินค้าของคุณได้ในไฟล์ collection.liquid ในไดเรกทอรีเทมเพลต

6. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ product.title }}

7. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid{{ product.title }} ให้วางส่วนย่อยดังต่อไปนี้:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>

You can experiment with putting the code in different places in the file to see where you like it best.

1. คลิกที่บันทึก

เพิ่มป้ายคะแนนการรีวิวลงในหน้าสินค้าของคุณในธีมที่ไม่แบ่งส่วน

เดสก์ท็อป

1. ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
2. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
3. ในไดเรกทอรีเทมเพลต ให้เปิด product.liquid
4. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ product.title }}
5. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid{{ product.title }} ให้วางส่วนย่อยดังต่อไปนี้:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. คลิกที่บันทึก

iPhone

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
5. ในไดเรกทอรีเทมเพลต ให้เปิด product.liquid
6. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ product.title }}
7. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid{{ product.title }} ให้วางส่วนย่อยดังต่อไปนี้:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. คลิกที่บันทึก

Android

1. จากแอป Shopify ให้แตะที่ปุ่ม …
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
5. ในไดเรกทอรีเทมเพลต ให้เปิด product.liquid
6. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ product.title }}
7. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid{{ product.title }} ให้วางส่วนย่อยดังต่อไปนี้:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. คลิกที่บันทึก