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

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

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

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

หากคุณใช้ธีมที่แบ่งส่วน ให้คลิกปุ่ม ธีมที่แบ่งส่วน แล้วดำเนินการตามคำแนะนำ หากคุณใช้ธีมที่ไม่แบ่งส่วนซึ่งเป็นรุ่นเก่า ให้คลิกปุ่ม ธีมที่ไม่แบ่งส่วน แล้วดำเนินการตามคำแนะนำ

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

วิธีเพิ่มแบบฟอร์มการตรวจสอบไปยังหน้าสินค้าของคุณ:

  1. ในไดเรกทอรีส่วน ให้เปิดไฟล์ product-template.liquid

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

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

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

การจัดวางโค้ดของคุณอาจมีลักษณะเช่นนี้:

<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 admin ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกการดำเนินการ > แก้ไขโค้ด

  3. ในไดเรกทอรีส่วนย่อยให้เปิดไฟล์product-grid-item.liquid

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

- product-card.liquid - product-card-item.liquid - product-block.liquid - product-item.liquid

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

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

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

การจัดวางโค้ดของคุณอาจมีลักษณะเช่นนี้:

<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>

คุณสามารถทดลองใช้การวางโค้ดในตำแหน่งที่แตกต่างกันในไฟล์เพื่อดูว่าคุณชอบตำแหน่งไหนมากที่สุด

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

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

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

  1. ในไดเรกทอรีส่วน ให้เปิดไฟล์ product-template.liquid

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

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

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

การจัดวางโค้ดของคุณอาจมีลักษณะเช่นนี้:

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

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

คุณสามารถทดลองใช้การวางโค้ดในตำแหน่งที่แตกต่างกันในไฟล์เพื่อดูว่าคุณชอบตำแหน่งไหนมากที่สุด

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

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

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

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

  1. ในไดเรกทอรีส่วนให้เปิดไฟล์featured-product.liquid

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

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

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

การจัดวางโค้ดของคุณอาจมีลักษณะเช่นนี้:

<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 %}

คุณสามารถทดลองใช้การวางโค้ดในตำแหน่งที่แตกต่างกันในไฟล์เพื่อดูว่าคุณชอบตำแหน่งไหนมากที่สุด

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

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

วิธีเพิ่มแบบฟอร์มการตรวจสอบไปยังหน้าสินค้าของคุณ:

  1. ในไดเรกทอรีเทมเพลต ให้เปิด product.liquid

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

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

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

การจัดวางโค้ดของคุณอาจมีลักษณะเช่นนี้:

<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. ในไดเรกทอรีส่วนย่อย ให้เปิด product-grid-item.liquid

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

- product-card.liquid - product-card-item.liquid - product-block.liquid

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

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

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

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

การจัดวางโค้ดของคุณอาจมีลักษณะเช่นนี้:

<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>

คุณสามารถทดลองใช้การวางโค้ดในตำแหน่งที่แตกต่างกันในไฟล์เพื่อดูว่าคุณชอบตำแหน่งไหนมากที่สุด

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

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

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

  1. ในไดเรกทอรีเทมเพลต ให้เปิด product.liquid

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

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

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

การจัดวางโค้ดของคุณอาจมีลักษณะเช่นนี้:

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

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

คุณสามารถทดลองใช้การวางโค้ดในตำแหน่งที่แตกต่างกันในไฟล์เพื่อดูว่าคุณชอบตำแหน่งไหนมากที่สุด

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

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

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