テーマ仕様書 更新履歴
2024年
2024/04/18更新

2024/04/18更新

+ 更新した行
- 削除した行

レビューのリアクション機能の実装

機能や設定の詳細はecforce FAQ: レビューの設定 (opens in a new tab)をご確認ください。

product > 商品詳細画面

ec_force/shop/products/show.html.liquid
ec_force/shop/products/show.html+smartphone.liquid

<!-- レビュー一覧 -->
{% assign is_readable = product.id | check_review_reading_rule %}
{% if is_readable %}
 
  {% if reviews.size == 0 %}
    この商品のレビューはありません。
  {% else %}
    <!-- レビュー件数(任意) -->
    {{ reviews.size }} 件のレビュー
 
    <!-- レビュー平均点(任意) -->
    {{ product.average_star }}
 
    {% for review in reviews %}
 
+       <!-- レビューのリアクション機能を利用する場合、画面制御に id 属性を利用するため変更不可 -->
+       <div id="review-{{ review.id }}">
 
        <!-- レビュータイトル -->
        {{ review.title }}
 
        <!-- レビュー投稿日時(任意) -->
        {{ review.created_at | date: '%Y/%m/%d %H:%M:%S' }}
 
        <!-- 投稿者 -->
        {{ review.name }}
 
        <!-- 評価 -->
        {{ review.display_star }}
 
        <!-- レビューコメント -->
        {{ review.comment | simple_format }}
 
+       <!-- レビューのリアクション(参考になった) -->
+       {% if base_info.review_reaction? %}
+
+         <!-- レビューにリアクションした人数 -->
+         {% unless review.reactions_count == 0 %}
+           {{ review.reactions_count }}人が「参考になった」と回答しています。
+         {% endunless %}
+
+         {% unless review.customer.id == current_customer&.id %}
+           {% if reacted_review_ids contains review.id %}
+             ご意見ありがとうございます。
+
+             <!-- レビューのリアクション(参考になった)の取り消し -->
+             {% if base_info.review_reaction_cancellation? %}
+               <a data-method="post" href="/shop/products/review_reaction_cancellation?customer_return_to=%2Fshop%2Fproducts%2F{{ product.master.sku }}&review_id={{ review.id }}#review-{{ review.id }}">取り消し</a>
+             {% endif %}
+           {% else %}
+              <form action="/shop/products/review_reaction?customer_return_to=%2Fshop%2Fproducts%2F{{ product.master.sku }}#review-{{ review.id }}" method="post">
+               <input name="review_id" type="hidden" value="{{ review.id }}">
+               <button type="submit" data-disable-with="参考になった">
+                 参考になった
+               </button>
+             </form>
+           {% endif %}
+         {% endunless %}
+       {% endif %}
+     </div>
 
    {% endfor %}
  {% endif %}
{% endif %}
 
<!-- レビュー投稿フォーム -->

【不具合修正】クレジットカード分割払い利用時に意図しない支払い回数になる場合がある

cart > 支払い方法(部分テンプレート)

ec_force/shop/orders/_view_payment_information.html.liquid
ec_force/shop/orders/_view_payment_information.html+smartphone.liquid

 <!-- お支払い回数選択 -->
 <div id="view-payment-times" style="display:none;">
  <label>お支払い回数</label>
-  <select class="validate[required]" id="order_payment_times" name="order[payment_attributes][payment_times]">
+  <select class="validate[required,custom[integer]]" id="order_payment_times" name="order[payment_attributes][payment_times]">
     <option>--</option>
     {% for i in (2..24) %}

軽微な更新

定期注文情報に対して「ポイントを全額消費する」設定をした際の、マイページでの表記を改善しています。

mypage > 定期注文詳細画面 基本情報

ec_force/shop/customer/subs_orders/show.html.liquid
ec_force/shop/customer/subs_orders/show.html+smartphone.liquid

 <!-- ポイント利用 -->
+{% if subs_order.all_point_redeem %}
+  ポイントを全額消費する
+{% else %}
   {{ subs_order.point_redeem | number_with_delimiter }}
+{% endif %}
 
 <!-- クーポンコード -->