การใช้แอปรีวิวสินค้า
หลังจากที่คุณได้ติดตั้งแอป Product Review แล้วคุณสามารถเพิ่มแบบฟอร์มการตรวจสอบไปยังหน้าสินค้าของคุณและตรวจสอบป้ายคะแนนของสินค้าและหน้าคอลเลกชันของคุณได้
ขั้นตอนสำหรับบทแนะนำการใช้งานนี้จะแตกต่างกันไปตามเวอร์ชันสถาปัตยกรรมของธีม
คลิกที่ปุ่มเพื่อดูเวอร์ชันสถาปัตยกรรมของธีม จากนั้นจึงปฏิบัติตามคําแนะนําเพื่อเพิ่มองค์ประกอบการตรวจสอบไปยังร้านค้าออนไลน์ของคุณ
ในหน้านี้
- เพิ่มรีวิวและแบบฟอร์มรีวิวในธีม Online Store 2.0
- เพิ่มการให้ดาวในธีม Online Store 2.0
- เพิ่มรีวิวและแบบฟอร์มรีวิวลงในหน้าสินค้าของคุณในธีมแบ่งส่วน
- เพิ่มป้ายคะแนนการรัวิวลงในหน้าคอลเลกชันของคุณในธีมที่แบ่งส่วน
- เพิ่มป้ายคะแนนการรีวิวลงในหน้าสินค้าของคุณในธีมแบ่งส่วน
- เพิ่มตราสัญลักษณ์คะแนนการรีวิวไปยังสินค้าแนะนำของคุณในธีมแบ่งส่วน
- เพิ่มรีวิวและแบบฟอร์มรีวิวลงในหน้าสินค้าของคุณในธีมที่ไม่แบ่งส่วน
- เพิ่มป้ายคะแนนการรีวิวลงในหน้าคอลเลกชันของคุณในธีมที่ไม่แบ่งส่วน
- เพิ่มป้ายคะแนนการรีวิวลงในหน้าสินค้าของคุณในธีมที่ไม่แบ่งส่วน
เพิ่มรีวิวและแบบฟอร์มรีวิวในธีม Online Store 2.0
คุณสามารถเพิ่มบล็อกแอปรีวิวและแบบฟอร์มรีวิวในรูปแบบส่วนบนเทมเพลตสินค้าของคุณ หรือในรูปแบบบล็อกในส่วนสินค้าหลักของเทมเพลตสินค้า ตัวเลือกเหล่านี้มีให้ใช้งานในธีม Online Store 2.0 ทั้งหมดจากร้านค้าธีมของ Shopify คุณอาจเพิ่มธีมเหล่านี้ไปยังเทมเพลตหรือส่วนอื่นๆ ได้ ทั้งนี้ก็ขึ้นอยู่กับธีมของคุณ
เพิ่มรีวิวและแบบฟอร์มรีวิวในรูปแบบส่วน
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
- จากแอป Shopify ให้แตะที่ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีมทั้งหมด
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
- แตะที่แก้ไข
- จากแอป Shopify ให้แตะที่ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีมทั้งหมด
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
- แตะที่แก้ไข
- ไปยังเทมเพลตสินค้าที่คุณต้องการเพิ่มส่วนรีวิวและแบบฟอร์มรีวิว
- คลิกเพิ่มส่วน
- เลือกบล็อกแอปรีวิวจากเมนูดรอปดาวน์ในส่วนของแอป
- ตัวเลือกเสริม: ย้ายส่วนของแอปไปยังตำแหน่งที่คุณต้องการในหน้านั้นๆ
- คลิกที่บันทึก
เพิ่มรีวิวและแบบฟอร์มรีวิวในรูปแบบบล็อก
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
- จากแอป Shopify ให้แตะที่ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีมทั้งหมด
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
- แตะที่แก้ไข
- จากแอป Shopify ให้แตะที่ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีมทั้งหมด
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
- แตะที่แก้ไข
- ไปยังหน้าและส่วนที่คุณต้องการเพิ่มบล็อกรีวิวและแบบฟอร์มรีวิว
- คลิกที่ “เพิ่มบล็อก”
- เลือกบล็อกแอปรีวิวจากเมนูดรอปดาวน์ในส่วนของแอป
- ตัวเลือกเสริม: ย้ายบล็อกรีวิวไปยังตำแหน่งที่คุณต้องการในส่วนนั้นๆ
- คลิกที่บันทึก
เพิ่มการให้ดาวในธีม Online Store 2.0
คุณสามารถเพิ่มการให้ดาวในรูปแบบบล็อกในส่วนสินค้าหลักของเทมเพลตสินค้าได้ ตัวเลือกนี้มีให้ใช้งานในธีม Online Store 2.0 ทั้งหมดจากร้านค้าธีมของ Shopify โดยคุณสามารถเพิ่มธีมเหล่านี้ไปยังส่วนและเทมเพลตอื่นๆ ได้ ทั้งนี้ก็ขึ้นอยู่กับธีมของคุณ
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
- จากแอป Shopify ให้แตะที่ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีมทั้งหมด
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
- แตะที่แก้ไข
- จากแอป Shopify ให้แตะที่ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีมทั้งหมด
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
- แตะที่แก้ไข
- ไปยังหน้าและส่วนที่คุณต้องการเพิ่มการให้ดาว
- คลิกที่ “เพิ่มบล็อก”
- เลือกบล็อกแอปการให้ดาวจากเมนูดรอปดาวน์ในส่วนแอป
- ตัวเลือกเสริม: ย้ายบล็อกการให้ดาวไปยังตำแหน่งที่คุณต้องการในส่วนนั้นๆ หรือปรับแต่งสี ขนาด การจัดวาง และบริบทของดาว
- คลิกที่บันทึก
เพิ่มรีวิวและแบบฟอร์มรีวิวลงในหน้าสินค้าของคุณในธีมแบ่งส่วน
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
ในไดเรกทอรีส่วน ให้เปิดไฟล์
product-template.liquid
ค้นหาพื้นที่ในรหัสที่คุณต้องการให้รีวิวปรากฏ ซึ่งโดยทั่วไปแล้วจะอยู่ใต้คำอธิบายสินค้า หากต้องการค้นหาคำอธิบายสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid
{{ product.description }}
ที่ด้านล่างของรหัสที่มีแท็ก 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>
- คลิกที่บันทึก
เพิ่มป้ายคะแนนการรัวิวลงในหน้าคอลเลกชันของคุณในธีมที่แบ่งส่วน
จากส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกปุ่ม "..." > "แก้ไขรหัส"
ในไดเรกทอรีส่วนย่อยให้เปิดไฟล์
product-grid-item.liquid
ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid
{{ product.title }}
ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก 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.
- คลิกที่บันทึก
เพิ่มป้ายคะแนนการรีวิวลงในหน้าสินค้าของคุณในธีมแบ่งส่วน
วิธีเพิ่มป้ายคะแนนการตรวจสอบลงในหน้าสินค้าของคุณ:
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
ในไดเรกทอรีส่วน ให้เปิดไฟล์
product-template.liquid
ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid
{{ product.title }}
ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก 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.
- คลิกที่บันทึก
เพิ่มตราสัญลักษณ์คะแนนการรีวิวไปยังสินค้าแนะนำของคุณในธีมแบ่งส่วน
หากต้องการเพิ่มป้ายคะแนนการรีวิวลงในสินค้าแนะนำของคุณในหน้าแรก:
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
ในไดเรกทอรีส่วนให้เปิดไฟล์
featured-product.liquid
ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid
{{ title }}
หากคุณไม่พบแท็ก{{ title }}
ให้ค้นหาแท็ก{{ product.title }}
แทนในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก 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.
- คลิกที่บันทึก
เพิ่มรีวิวและแบบฟอร์มรีวิวลงในหน้าสินค้าของคุณในธีมที่ไม่แบ่งส่วน
วิธีเพิ่มแบบฟอร์มการตรวจสอบไปยังหน้าสินค้าของคุณ:
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
ในไดเรกทอรีเทมเพลต ให้เปิด
product.liquid
ค้นหาพื้นที่ในรหัสที่คุณต้องการให้รีวิวปรากฏ ซึ่งโดยทั่วไปแล้วจะอยู่ใต้คำอธิบายสินค้า หากต้องการค้นหาคำอธิบายสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid
{{ product.description }}
ที่ด้านล่างของรหัสที่มีแท็ก 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>
- คลิกที่บันทึก
เพิ่มป้ายคะแนนการรีวิวลงในหน้าคอลเลกชันของคุณในธีมที่ไม่แบ่งส่วน
วิธีเพิ่มตราสัญลักษณ์คะแนนการตรวจสอบไปยังหน้าคอลเลกชันของคุณ:
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
ในไดเรกทอรีส่วนย่อย ให้เปิด
product-grid-item.liquid
ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid
{{ product.title }}
ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก 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.
- คลิกที่บันทึก
เพิ่มป้ายคะแนนการรีวิวลงในหน้าสินค้าของคุณในธีมที่ไม่แบ่งส่วน
วิธีเพิ่มป้ายคะแนนการตรวจสอบลงในหน้าสินค้าของคุณ:
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
ในไดเรกทอรีเทมเพลต ให้เปิด
product.liquid
ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid
{{ product.title }}
ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก 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.
- คลิกที่บันทึก