{"id":5160,"date":"2025-12-16T14:12:50","date_gmt":"2025-12-16T05:12:50","guid":{"rendered":"https:\/\/storecrm.com\/help\/?p=5160"},"modified":"2025-12-16T15:41:46","modified_gmt":"2025-12-16T06:41:46","slug":"favorite-list-page-customize","status":"publish","type":"post","link":"https:\/\/storecrm.com\/help\/en\/setting\/favorite-list-page-customize\/","title":{"rendered":"\u304a\u6c17\u306b\u5165\u308a\u4e00\u89a7\u30da\u30fc\u30b8\u306eliquid\u306b\u3088\u308b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u65b9\u6cd5\u3068\u3001\u30ab\u30b9\u30bf\u30a4\u30ba\u4f8b3\u9078"},"content":{"rendered":"

StoreCRM\u306e\u304a\u6c17\u306b\u5165\u308a\u6a5f\u80fd\u306b\u3001\u300c\u304a\u6c17\u306b\u5165\u308a\u4e00\u89a7\u30da\u30fc\u30b8\u306e\u30c7\u30b6\u30a4\u30f3\u7de8\u96c6\uff08\u4e0a\u7d1a\u8005\u30e2\u30fc\u30c9\uff09\u300d\u6a5f\u80fd\u304c\u8ffd\u52a0\u3055\u308c\u307e\u3057\u305f\u3002\u8868\u793a\u306b\u4f7f\u308f\u308c\u308bLiquid\uff08\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\uff09\u3092\u30c6\u30ad\u30b9\u30c8\u3068\u3057\u3066\u7de8\u96c6\u3059\u308b\u3053\u3068\u3067\u3001\u5546\u54c1\u30ab\u30fc\u30c9\u306e\u4e26\u3073\u30fb\u4f59\u767d\u30fb\u30dc\u30bf\u30f3\u914d\u7f6e\u30fb\u6587\u8a00\u306a\u3069\u3092\u3001\u30b9\u30c8\u30a2\u306e\u4e16\u754c\u89b3\u3084\u65e2\u5b58\u30c6\u30fc\u30de\u306b\u5408\u308f\u305b\u3066\u81ea\u7531\u306b\u8abf\u6574\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

\u30b3\u30fc\u30c9\u5909\u66f4\u306f\u3053\u306e\u30da\u30fc\u30b8\u5185\u3067\u5b8c\u7d50\u3057\u3001\u53cd\u6620\u7d50\u679c\u3092\u78ba\u8a8d\u3057\u306a\u304c\u3089\u5fae\u8abf\u6574\u3067\u304d\u308b\u305f\u3081\u3001\u300c\u30c6\u30fc\u30de\u3060\u3068\u9650\u754c\u304c\u3042\u308b\u3051\u3069\u30d5\u30eb\u958b\u767a\u306f\u91cd\u3044\u300d\u3068\u3044\u3046\u30b1\u30fc\u30b9\u3067\u3082\u3001\u624b\u65e9\u304f\u7406\u60f3\u306e\u898b\u305f\u76ee\u306b\u8fd1\u3065\u3051\u3089\u308c\u307e\u3059\u3002<\/p>\n\n\n\n

[\u4e0a\u7d1a\u8005\u30e2\u30fc\u30c9\uff08Liquid\uff09\u3067\u8a2d\u5b9a]\u306b\u3064\u3044\u3066<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

StoreCRM\u306e[\u8a2d\u5b9a]>[\u304a\u6c17\u306b\u5165\u308a\u8a2d\u5b9a]\u3088\u308a\u3001\u304a\u6c17\u306b\u5165\u308a\u4e00\u89a7\u753b\u9762\u306e\u7de8\u96c6\u304c\u53ef\u80fd\u3067\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f[\u304b\u3093\u305f\u3093\u8a2d\u5b9a\u30e2\u30fc\u30c9]\u304c\u9078\u629e\u3055\u308c\u3066\u3044\u308b\u72b6\u614b\u3067\u3059\u304c\u3001[\u4e0a\u7d1a\u8005\u30e2\u30fc\u30c9\uff08Liquid\uff09\u3067\u8a2d\u5b9a]\u3092\u9078\u629e\u3059\u308b\u3053\u3068\u3067\u3001Liquid\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u7de8\u96c6\u3057\u3066\u306e\u304a\u6c17\u306b\u5165\u308a\u4e00\u89a7\u753b\u9762\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u304c\u53ef\u80fd\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n

\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u65b9\u6cd5<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Liquid\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4efb\u610f\u306e\u30c6\u30ad\u30b9\u30c8\u306b\u7de8\u96c6\u3057\u3066\u3001\u4fdd\u5b58\u3092\u62bc\u4e0b\u3059\u308b\u3053\u3068\u3067\u304a\u6c17\u306b\u5165\u308a\u4e00\u89a7\u753b\u9762\u306e\u30c7\u30b6\u30a4\u30f3\u304c\u53cd\u6620\u3055\u308c\u307e\u3059\u3002[\u30d7\u30ec\u30d3\u30e5\u30fc]\u3088\u308a\u3001\u73fe\u5728\u306eLiquid\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u5165\u529b\u3055\u308c\u305f\u72b6\u614b\u3067\u306e\u3001\u304a\u6c17\u306b\u5165\u308a\u4e00\u89a7\u753b\u9762\u306e\u30d7\u30ec\u30d3\u30e5\u30fc\u3092\u78ba\u8a8d\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

\u30c7\u30d5\u30a9\u30eb\u30c8\u72b6\u614b<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

\u30c7\u30d5\u30a9\u30eb\u30c8\u72b6\u614b\u3067\u306f\u3001[\u304b\u3093\u305f\u3093\u8a2d\u5b9a\u30e2\u30fc\u30c9]\u3068\u540c\u69d8\u306e\u304a\u6c17\u306b\u5165\u308a\u4e00\u89a7\u753b\u9762\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002Liquid\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u7de8\u96c6\u3057\u3066\u52d5\u4f5c\u306b\u554f\u984c\u304c\u3042\u3063\u305f\u5834\u5408\u306f\u3001[\u30c7\u30d5\u30a9\u30eb\u30c8\u306b\u30ea\u30bb\u30c3\u30c8]\u3092\u62bc\u4e0b\u3059\u308b\u3053\u3068\u3067\u30c7\u30d5\u30a9\u30eb\u30c8\u306eLiquid\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30c6\u30ad\u30b9\u30c8\u304c\u5165\u529b\u3055\u308c\u305f\u72b6\u614b\u3078\u5fa9\u5e30\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

\u304a\u6c17\u306b\u5165\u308a\u4e00\u89a7\u753b\u9762\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u4f8b3\u9078<\/h2>\n\n\n\n

\u3053\u3053\u3067\u306f\u3001\u30b3\u30d4\u30fc\u30a2\u30f3\u30c9\u30da\u30fc\u30b9\u30c8\u3067\u3059\u3050\u306b\u5229\u7528\u3067\u304d\u308b\u3001\u304a\u6c17\u306b\u5165\u308a\u4e00\u89a7\u753b\u9762\u306eLiquid\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4f8b\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

\u30b7\u30f3\u30d7\u30eb\u306a\u30d6\u30ed\u30c3\u30af\u578b\u306e\u30c7\u30b6\u30a4\u30f3<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

\u3053\u3061\u3089\u306f\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30ea\u30b9\u30c8\u578b\u306e\u30c7\u30b6\u30a4\u30f3\u3068\u306f\u7570\u306a\u308a\u3001\u30d6\u30ed\u30c3\u30af\u578b\u306e\u30c7\u30b6\u30a4\u30f3\u3068\u306a\u308a\u307e\u3059\u3002\u307e\u305f\u30d5\u30e9\u30c3\u30c8\u306a\u30c7\u30b6\u30a4\u30f3\u3068\u3059\u308b\u3053\u3068\u3067\u3001\u3069\u306eShopify\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u3082\u6d3b\u7528\u3057\u3084\u3059\u3044\u30c7\u30b6\u30a4\u30f3\u3068\u3057\u3066\u3044\u307e\u3059\u3002Liquid\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30b3\u30fc\u30c9\u306f\u4e0b\u8a18\u306e\u901a\u308a\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n

{% assign locale_code = request.locale.iso_code | default: locale | default: 'ja' %}\n{% if locale_code == 'ja' %}\n  {% assign list_title = '\u304a\u6c17\u306b\u5165\u308a' %}\n  {% assign non_item_text = '\u73fe\u5728\u304a\u6c17\u306b\u5165\u308a\u4e2d\u306e\u5546\u54c1\u306f\u3042\u308a\u307e\u305b\u3093' %}\n  {% assign item_unit_text = '\u30a2\u30a4\u30c6\u30e0' %}\n  {% assign cta_text = '\u5546\u54c1\u3092\u898b\u308b' %}\n{% else %}\n  {% assign list_title = 'Favourites' %}\n  {% assign non_item_text = 'There are currently no favorited items.' %}\n  {% assign item_unit_text = 'items' %}\n  {% assign cta_text = 'Shop products' %}\n{% endif %}\n\n{%- comment -%}\n  1\u56de\u76ee\u306e\u30eb\u30fc\u30d7\u3067\u300c\u6709\u52b9\u306a\u300d\u304a\u6c17\u306b\u5165\u308a\u6570\u3092\u6570\u3048\u308b\uff08\u898b\u51fa\u3057\u306e “0 \u30a2\u30a4\u30c6\u30e0” \u8868\u793a\u7528\uff09\n{%- endcomment -%}\n{% assign items_count = 0 %}\n{% if item_handles and item_handles.size > 0 %}\n  {% for handle in item_handles %}\n    {% liquid\n      assign parts = handle | split: '\/'\n      assign product_handle = parts[0]\n      assign variant_key = parts[1]\n      assign product = all_products[product_handle]\n      assign variant = nil\n      if product != blank and product.variants\n        for v in product.variants\n          assign v_id = v.id | append: ''\n          if v_id == variant_key\n            assign variant = v\n            break\n          endif\n        endfor\n      endif\n      if product == blank or variant == nil\n        continue\n      endif\n    %}\n    {% assign items_count = items_count | plus: 1 %}\n  {% endfor %}\n{% endif %}\n{% assign has_items = false %}\n{% if items_count > 0 %}\n  {% assign has_items = true %}\n{% endif %}\n\n<style>\n  .storecrm_favs {\n    max-width: 1200px;\n    width: 100%;\n    margin: 24px auto 64px;\n    padding: 0 16px;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n    font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Segoe UI", Roboto, Arial, sans-serif;\n    color: #111;\n  }\n\n  .storecrm_favs_header {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 16px;\n    margin: 8px 0 12px;\n  }\n\n  .storecrm_favs_title {\n    font-size: 28px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    margin: 0;\n    line-height: 1.15;\n  }\n\n  .storecrm_favs_count {\n    font-size: 14px;\n    font-weight: 600;\n    color: #555;\n    margin: 6px 0 0;\n  }\n\n  .storecrm_favs_breadcrumb {\n    font-size: 12px;\n    color: #666;\n    margin: 14px 0 22px;\n  }\n  .storecrm_favs_breadcrumb a {\n    color: inherit;\n    text-decoration: none;\n  }\n  .storecrm_favs_breadcrumb a:hover {\n    text-decoration: underline;\n  }\n  .storecrm_favs_breadcrumb_sep {\n    display: inline-block;\n    margin: 0 6px;\n    color: #999;\n  }\n\n  \/* Empty state *\/\n  .storecrm_favs_empty {\n    border-top: 1px solid #eee;\n    padding-top: 20px;\n    margin-top: 8px;\n    color: #333;\n  }\n  .storecrm_favs_empty_text {\n    display: block;\n    font-size: 14px;\n    color: #444;\n    margin-bottom: 16px;\n  }\n  .storecrm_favs_cta {\n    display: inline-block;\n    padding: 12px 18px;\n    border: 1px solid #111;\n    background: #111;\n    color: #fff;\n    text-decoration: none;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.03em;\n  }\n  .storecrm_favs_cta:hover {\n    opacity: 0.85;\n  }\n\n  \/* Grid cards *\/\n  .storecrm_favs_grid {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: grid;\n    gap: 18px 18px;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n  @media (max-width: 1100px) {\n    .storecrm_favs_grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n  }\n  @media (max-width: 780px) {\n    .storecrm_favs_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  }\n  @media (max-width: 420px) {\n    .storecrm_favs_grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }\n  }\n\n  .storecrm_favs_card {\n    position: relative;\n    border: 1px solid #eee;\n    background: #fff;\n  }\n  .storecrm_favs_card:hover {\n    border-color: #ddd;\n  }\n\n  .storecrm_favs_media {\n    display: block;\n    position: relative;\n    background: #f6f6f6;\n    aspect-ratio: 3 \/ 4; \/* \u753b\u50cf\u6bd4\u7387\uff1a\u30a2\u30d1\u30ec\u30eb\u3063\u307d\u304f\u7e26\u9577 *\/\n    overflow: hidden;\n    text-decoration: none;\n  }\n  .storecrm_favs_media img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transform: scale(1);\n    transition: transform 0.25s ease;\n    display: block;\n  }\n  .storecrm_favs_card:hover .storecrm_favs_media img {\n    transform: scale(1.03);\n  }\n\n  .storecrm_favs_body {\n    padding: 12px 12px 14px;\n  }\n\n  .storecrm_favs_name {\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    font-size: 13px;\n    font-weight: 600;\n    line-height: 1.4;\n    color: #111;\n    text-decoration: none;\n  }\n  .storecrm_favs_name:hover {\n    text-decoration: underline;\n  }\n\n  .storecrm_favs_sub {\n    margin-top: 6px;\n    font-size: 12px;\n    color: #666;\n    line-height: 1.4;\n  }\n\n  .storecrm_favs_price {\n    margin-top: 10px;\n    font-size: 13px;\n    font-weight: 700;\n    color: #111;\n  }\n\n  .storecrm_favs_badge {\n    margin-top: 8px;\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 700;\n    color: #b00020;\n    border: 1px solid #f0c6cf;\n    background: #fff5f7;\n    padding: 4px 8px;\n  }\n\n  \/* Actions overlay (\u53f3\u4e0a\u7e26\u4e26\u3073) *\/\n  .storecrm_favs_actions {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .storecrm_favs_action {\n    width: 36px;\n    height: 36px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(255,255,255,0.95);\n    border: 1px solid #e6e6e6;\n    text-decoration: none;\n    color: #111;\n    cursor: pointer;\n  }\n  .storecrm_favs_action:hover {\n    border-color: #cfcfcf;\n  }\n  .storecrm_favs_action svg {\n    width: 18px;\n    height: 18px;\n  }\n\n.storecrm_favs_action--remove{\n  color: #e0002b;            \/* \u30cf\u30fc\u30c8\u306e\u8d64 *\/\n  border-color: #ffd0d9;\n  background: rgba(255,255,255,0.98);\n}\n.storecrm_favs_action--remove:hover{\n  border-color: #ff9fb1;\n}\n\n\/* \u53f3\u4e0a\u30cf\u30fc\u30c8\uff1a\u67a0\u306a\u3057\u3001SVG\u3060\u3051 *\/\n.storecrm_favs_heart{\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none !important;\n  background: transparent !important;\n  padding: 0 !important;\n  width: auto !important;\n  height: auto !important;\n  color: #e0002b; \/* \u8d64 *\/\n  cursor: pointer;\n  text-decoration: none;\n}\n.storecrm_favs_heart svg{\n  width: 22px;\n  height: 22px;\n  display: block;\n}\n\n\/* \u30ab\u30fc\u30c8\u306b\u8ffd\u52a0\uff1a\u4fa1\u683c\u306e\u4e0b\u306e\u30dc\u30bf\u30f3 *\/\n.storecrm_favs_addtocart{\n  display: block;\n  margin-top: 10px;\n  padding: 12px 12px;\n  text-align: center;\n  background: #111;\n  color: #fff;\n  border: 1px solid #111;\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.02em;\n}\n.storecrm_favs_addtocart:hover{\n  opacity: 0.85;\n}\n\n<\/style>\n\n<div class="storecrm_favs">\n  <div class="storecrm_favs_header">\n    <div>\n      <h1 class="storecrm_favs_title">{{ list_title }}<\/h1>\n      <div class="storecrm_favs_count">{{ items_count }} {{ item_unit_text }}<\/div>\n    <\/div>\n  <\/div>\n\n  <nav class="storecrm_favs_breadcrumb" aria-label="breadcrumb">\n    <a href="\/help\/en\/{{ routes.root_url }}\/">Home<\/a>\n    <span class="storecrm_favs_breadcrumb_sep">\/<\/span>\n    <span aria-current="page">{{ list_title }}<\/span>\n  <\/nav>\n\n  <div\n    id="non_item_text"\n    class="storecrm_favs_empty"\n    {% if has_items %}style="display:none;"endif %}\n>\n    <span class="storecrm_favs_empty_text">{{ non_item_text }}<\/span>\n    <a class="storecrm_favs_cta" href="\/help\/en\/{{ routes.all_products_collection_url }}\/">{{ cta_text }}<\/a>\n  <\/div>\n\n  {% if has_items %}\n    <ul class="storecrm_favs_grid" role="list">\n      {% for handle in item_handles %}\n        {% liquid\n          assign parts = handle | split: '\/'\n          assign product_handle = parts[0]\n          assign variant_key = parts[1]\n          assign product = all_products[product_handle]\n          assign variant = nil\n          if product != blank and product.variants\n            for v in product.variants\n              assign v_id = v.id | append: ''\n              if v_id == variant_key\n                assign variant = v\n                break\n              endif\n            endfor\n          endif\n          if product == blank or variant == nil\n            continue\n          endif\n\n          assign item_url = variant.url | default: product.url | default: '#'\n          assign item_title = product.title\n          if variant.title and variant.title != 'Default Title'\n            assign item_title = item_title | append: ' - ' | append: variant.title\n          endif\n          assign item_available = variant.available\n          assign item_thumbnail = variant.image | default: product.featured_image\n          assign product_id = product.id\n          assign variant_id = variant.id\n          assign item_handle = product_handle\n        %}\n\n        <li class="storecrm_favs_card storecrm_customlist_id-{{ variant_id }}">\n          <a class="storecrm_favs_media" href="\/help\/en\/{{ item_url }}\/">\n            {% if item_thumbnail %}\n              <img src="{{ item_thumbnail | img_url: '800x' }}" alt="{{ item_title | escape }}">\n            {% endif %}\n          <\/a>\n\n<div class="storecrm_favs_actions">\n  <a\n    class="storecrm_favs_heart"\n    href="javascript:void(0);"\n    aria-label="Remove from favourites"\n    data-product-id="{{ product_id }}"\n    data-variant-id="{{ variant_id }}"\n  >\n    <svg viewbox="0 0 24 24" aria-hidden="true" xmlns="http:\/\/www.w3.org\/2000\/svg">\n      <path\n        d="M12 21s-6.7-4.35-9.33-8.14C.6 9.7 1.5 6.9 3.85 5.6c2.03-1.12 4.3-.6 5.68.95L12 9.1l2.47-2.55c1.38-1.55 3.65-2.07 5.68-.95 2.35 1.3 3.25 4.1 1.18 7.26C18.7 16.65 12 21 12 21z"\n        fill="currentColor"\n      \/>\n    <\/svg>\n  <\/a>\n<\/div>\n\n\n\n          <div class="storecrm_favs_body">\n            <a class="storecrm_favs_name" href="\/help\/en\/{{ item_url }}\/">{{ item_title }}<\/a>\n\n            <div class="storecrm_favs_sub">\n              {% if variant.title and variant.title != 'Default Title' %}\n                {{ variant.title }}\n              {% endif %}\n            <\/div>\n\n            <div class="storecrm_favs_price">\n              {{ variant.price | money }}\n{% if item_available %}\n  <a\n    class="storecrm_favs_addtocart"\n    href="\/help\/en\/{{ item_url }}\/"\n    data-cart-variant-id="{{ variant_id }}"\n    data-cart-product-id="{{ product_id }}"\n    data-cart-product-handle="{{ item_handle }}"\n  >\n    \u30ab\u30fc\u30c8\u306b\u8ffd\u52a0\n  <\/a>\n{% endif %}\n\n            <\/div>\n\n            {% unless item_available %}\n              <div class="storecrm_favs_badge">\n                {% if locale_code == 'ja' %}\u5728\u5eab\u306a\u3057{% else %}Out of stock{% endif %}\n              <\/div>\n            {% endunless %}\n          <\/div>\n        <\/li>\n      {% endfor %}\n    <\/ul>\n  {% endif %}\n<\/div>\n<\/code><\/pre>\n\n\n\n
\u30b7\u30f3\u30d7\u30eb\u306a\u30ea\u30b9\u30c8\u578b\u306e\u30c7\u30b6\u30a4\u30f3<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u6700\u521d\u306b\u7d39\u4ecb\u3057\u305f\u3001\u30b7\u30f3\u30d7\u30eb\u306a\u30d6\u30ed\u30c3\u30af\u578b\u306e\u30c7\u30b6\u30a4\u30f3\u306e\u96f0\u56f2\u6c17\u3092\u8e0f\u8972\u3057\u3001\u30ea\u30b9\u30c8\u578b\u306e\u30c7\u30b6\u30a4\u30f3\u3068\u3057\u305f\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u3059\u3002Liquid\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30b3\u30fc\u30c9\u306f\u4e0b\u8a18\u306e\u901a\u308a\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
{% assign locale_code = request.locale.iso_code | default: locale | default: 'ja' %}\n{% if locale_code == 'ja' %}\n  {% assign list_title = '\u304a\u6c17\u306b\u5165\u308a' %}\n  {% assign non_item_text = '\u73fe\u5728\u304a\u6c17\u306b\u5165\u308a\u4e2d\u306e\u5546\u54c1\u306f\u3042\u308a\u307e\u305b\u3093' %}\n  {% assign item_unit_text = '\u30a2\u30a4\u30c6\u30e0' %}\n  {% assign cta_text = '\u5546\u54c1\u3092\u898b\u308b' %}\n{% else %}\n  {% assign list_title = 'Favourites' %}\n  {% assign non_item_text = 'There are currently no favorited items.' %}\n  {% assign item_unit_text = 'items' %}\n  {% assign cta_text = 'Shop products' %}\n{% endif %}\n\n{%- comment -%}\n  1\u56de\u76ee\u306e\u30eb\u30fc\u30d7\u3067\u300c\u6709\u52b9\u306a\u300d\u304a\u6c17\u306b\u5165\u308a\u6570\u3092\u6570\u3048\u308b\uff08\u898b\u51fa\u3057\u306e “0 \u30a2\u30a4\u30c6\u30e0” \u8868\u793a\u7528\uff09\n{%- endcomment -%}\n{% assign items_count = 0 %}\n{% if item_handles and item_handles.size > 0 %}\n  {% for handle in item_handles %}\n    {% liquid\n      assign parts = handle | split: '\/'\n      assign product_handle = parts[0]\n      assign variant_key = parts[1]\n      assign product = all_products[product_handle]\n      assign variant = nil\n      if product != blank and product.variants\n        for v in product.variants\n          assign v_id = v.id | append: ''\n          if v_id == variant_key\n            assign variant = v\n            break\n          endif\n        endfor\n      endif\n      if product == blank or variant == nil\n        continue\n      endif\n    %}\n    {% assign items_count = items_count | plus: 1 %}\n  {% endfor %}\n{% endif %}\n{% assign has_items = false %}\n{% if items_count > 0 %}\n  {% assign has_items = true %}\n{% endif %}\n\n<style>\n  .storecrm_favs {\n    max-width: 1200px;\n    width: 100%;\n    margin: 24px auto 64px;\n    padding: 0 16px;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n    font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Segoe UI", Roboto, Arial, sans-serif;\n    color: #111;\n  }\n\n  .storecrm_favs_header {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 16px;\n    margin: 8px 0 12px;\n  }\n\n  .storecrm_favs_title {\n    font-size: 28px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    margin: 0;\n    line-height: 1.15;\n  }\n\n  .storecrm_favs_count {\n    font-size: 14px;\n    font-weight: 600;\n    color: #555;\n    margin: 6px 0 0;\n  }\n\n  .storecrm_favs_breadcrumb {\n    font-size: 12px;\n    color: #666;\n    margin: 14px 0 22px;\n  }\n  .storecrm_favs_breadcrumb a {\n    color: inherit;\n    text-decoration: none;\n  }\n  .storecrm_favs_breadcrumb a:hover {\n    text-decoration: underline;\n  }\n  .storecrm_favs_breadcrumb_sep {\n    display: inline-block;\n    margin: 0 6px;\n    color: #999;\n  }\n\n  \/* Empty state *\/\n  .storecrm_favs_empty {\n    border-top: 1px solid #eee;\n    padding-top: 20px;\n    margin-top: 8px;\n    color: #333;\n  }\n  .storecrm_favs_empty_text {\n    display: block;\n    font-size: 14px;\n    color: #444;\n    margin-bottom: 16px;\n  }\n  .storecrm_favs_cta {\n    display: inline-block;\n    padding: 12px 18px;\n    border: 1px solid #111;\n    background: #111;\n    color: #fff;\n    text-decoration: none;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.03em;\n  }\n  .storecrm_favs_cta:hover {\n    opacity: 0.85;\n  }\n\n\/* === 1\u30ab\u30e9\u30e0\uff1a\u30ea\u30b9\u30c8\u578b\uff08\u5de6\u753b\u50cf\u30fb\u53f3\u60c5\u5831\uff09 === *\/\n.storecrm_favs_grid{\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;            \/* grid\u3092\u3084\u3081\u3066\u7e26\u4e26\u3073 *\/\n  flex-direction: column;\n  gap: 0;                   \/* \u884c\u9593\u306f\u30dc\u30fc\u30c0\u30fc\u3067\u533a\u5207\u308b\u60f3\u5b9a *\/\n}\n\n\/* 1\u884c = 1\u30a2\u30a4\u30c6\u30e0 *\/\n.storecrm_favs_card{\n  position: relative;\n  display: flex;\n  gap: 16px;\n  align-items: stretch;\n  border: none;             \/* \u30ab\u30fc\u30c9\u67a0\u306f\u6d88\u3057\u3066 *\/\n  border-top: 1px solid #eee; \/* \u884c\u306e\u533a\u5207\u308a\u3060\u3051 *\/\n  background: #fff;\n  padding: 14px 0;\n}\n.storecrm_favs_card:last-child{\n  border-bottom: 1px solid #eee;\n}\n\n\/* \u5de6\uff1a\u753b\u50cf *\/\n.storecrm_favs_media{\n  flex: 0 0 120px;          \/* \u30b5\u30e0\u30cd\u5e45 *\/\n  width: 120px;\n  background: #f6f6f6;\n  aspect-ratio: 3 \/ 4;\n  overflow: hidden;\n  text-decoration: none;\n}\n@media (max-width: 420px){\n  .storecrm_favs_media{\n    flex-basis: 96px;\n    width: 96px;\n  }\n}\n.storecrm_favs_media img{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.25s ease;\n  display: block;\n}\n.storecrm_favs_card:hover .storecrm_favs_media img{\n  transform: scale(1.03);\n}\n\n\/* \u53f3\uff1a\u60c5\u5831\uff08\u4f38\u3073\u308b\uff09 *\/\n.storecrm_favs_body{\n  flex: 1 1 auto;\n  padding: 0;               \/* \u65e2\u5b58\u306epadding\u3092\u30ea\u30b9\u30c8\u7528\u306b\u7121\u52b9\u5316 *\/\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n\/* \u5546\u54c1\u540d\u306a\u3069\u306f\u305d\u306e\u307e\u307e\u30c8\u30fc\u30f3\u7dad\u6301 *\/\n.storecrm_favs_name{\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: #111;\n  text-decoration: none;\n  padding-right: 34px;      \/* \u53f3\u4e0a\u30cf\u30fc\u30c8\u3068\u304b\u3076\u3089\u306a\u3044\u3088\u3046\u306b *\/\n}\n.storecrm_favs_name:hover{ text-decoration: underline; }\n\n.storecrm_favs_sub{\n  margin-top: 6px;\n  font-size: 12px;\n  color: #666;\n  line-height: 1.4;\n}\n\n\/* \u4fa1\u683c\uff0b\u30ab\u30fc\u30c8\u306f\u4e0b\u306b\u5bc4\u305b\u308b *\/\n.storecrm_favs_bottom{\n  margin-top: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.storecrm_favs_price{\n  margin-top: 10px;\n  font-size: 13px;\n  font-weight: 700;\n  color: #111;\n}\n\n\/* \u30ab\u30fc\u30c8\u30dc\u30bf\u30f3\uff1a\u6a2a\u4e26\u3073\u7528\u306b\u8abf\u6574\uff08\u30c8\u30fc\u30f3\u306f\u7dad\u6301\uff09 *\/\n.storecrm_favs_addtocart{\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px 14px;\n  background: #111;\n  color: #fff;\n  border: 1px solid #111;\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.02em;\n  white-space: nowrap;\n}\n.storecrm_favs_addtocart:hover{ opacity: 0.85; }\n\n\/* \u53f3\u4e0a\u30cf\u30fc\u30c8\uff1a\u884c\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u5408\u308f\u305b\u3066\u4f4d\u7f6e\u8abf\u6574\uff08\u67a0\u306a\u3057SVG\u306e\u307f\u7dad\u6301\uff09 *\/\n.storecrm_favs_actions{\n  position: absolute;\n  top: 14px;\n  right: 0;\n}\n.storecrm_favs_heart{\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none !important;\n  background: transparent !important;\n  padding: 0 !important;\n  color: #e0002b;\n  cursor: pointer;\n  text-decoration: none;\n}\n.storecrm_favs_heart svg{\n  width: 22px;\n  height: 22px;\n  display: block;\n}\n\n\n  .storecrm_favs_body {\n    padding: 12px 12px 14px;\n  }\n\n  .storecrm_favs_name {\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    font-size: 13px;\n    font-weight: 600;\n    line-height: 1.4;\n    color: #111;\n    text-decoration: none;\n  }\n  .storecrm_favs_name:hover {\n    text-decoration: underline;\n  }\n\n  .storecrm_favs_sub {\n    margin-top: 6px;\n    font-size: 12px;\n    color: #666;\n    line-height: 1.4;\n  }\n\n  .storecrm_favs_price {\n    margin-top: 10px;\n    font-size: 13px;\n    font-weight: 700;\n    color: #111;\n  }\n\n  .storecrm_favs_badge {\n    margin-top: 8px;\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 700;\n    color: #b00020;\n    border: 1px solid #f0c6cf;\n    background: #fff5f7;\n    padding: 4px 8px;\n  }\n\n  \/* Actions overlay (\u53f3\u4e0a\u7e26\u4e26\u3073) *\/\n  .storecrm_favs_actions {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .storecrm_favs_action {\n    width: 36px;\n    height: 36px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(255,255,255,0.95);\n    border: 1px solid #e6e6e6;\n    text-decoration: none;\n    color: #111;\n    cursor: pointer;\n  }\n  .storecrm_favs_action:hover {\n    border-color: #cfcfcf;\n  }\n  .storecrm_favs_action svg {\n    width: 18px;\n    height: 18px;\n  }\n\n.storecrm_favs_action--remove{\n  color: #e0002b;            \/* \u30cf\u30fc\u30c8\u306e\u8d64 *\/\n  border-color: #ffd0d9;\n  background: rgba(255,255,255,0.98);\n}\n.storecrm_favs_action--remove:hover{\n  border-color: #ff9fb1;\n}\n\n\/* \u53f3\u4e0a\u30cf\u30fc\u30c8\uff1a\u67a0\u306a\u3057\u3001SVG\u3060\u3051 *\/\n.storecrm_favs_heart{\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none !important;\n  background: transparent !important;\n  padding: 0 !important;\n  width: auto !important;\n  height: auto !important;\n  color: #e0002b; \/* \u8d64 *\/\n  cursor: pointer;\n  text-decoration: none;\n}\n.storecrm_favs_heart svg{\n  width: 22px;\n  height: 22px;\n  display: block;\n}\n\n\/* \u30ab\u30fc\u30c8\u306b\u8ffd\u52a0\uff1a\u4fa1\u683c\u306e\u4e0b\u306e\u30dc\u30bf\u30f3 *\/\n.storecrm_favs_addtocart{\n  display: block;\n  margin-top: 10px;\n  padding: 12px 12px;\n  text-align: center;\n  background: #111;\n  color: #fff;\n  border: 1px solid #111;\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.02em;\n}\n.storecrm_favs_addtocart:hover{\n  opacity: 0.85;\n}\n\n<\/style>\n\n<div class="storecrm_favs">\n  <div class="storecrm_favs_header">\n    <div>\n      <h1 class="storecrm_favs_title">{{ list_title }}<\/h1>\n      <div class="storecrm_favs_count">{{ items_count }} {{ item_unit_text }}<\/div>\n    <\/div>\n  <\/div>\n\n  <nav class="storecrm_favs_breadcrumb" aria-label="breadcrumb">\n    <a href="\/help\/en\/{{ routes.root_url }}\/">Home<\/a>\n    <span class="storecrm_favs_breadcrumb_sep">\/<\/span>\n    <span aria-current="page">{{ list_title }}<\/span>\n  <\/nav>\n\n  <div\n    id="non_item_text"\n    class="storecrm_favs_empty"\n    {% if has_items %}style="display:none;"endif %}\n>\n    <span class="storecrm_favs_empty_text">{{ non_item_text }}<\/span>\n    <a class="storecrm_favs_cta" href="\/help\/en\/{{ routes.all_products_collection_url }}\/">{{ cta_text }}<\/a>\n  <\/div>\n\n  {% if has_items %}\n    <ul class="storecrm_favs_grid" role="list">\n      {% for handle in item_handles %}\n        {% liquid\n          assign parts = handle | split: '\/'\n          assign product_handle = parts[0]\n          assign variant_key = parts[1]\n          assign product = all_products[product_handle]\n          assign variant = nil\n          if product != blank and product.variants\n            for v in product.variants\n              assign v_id = v.id | append: ''\n              if v_id == variant_key\n                assign variant = v\n                break\n              endif\n            endfor\n          endif\n          if product == blank or variant == nil\n            continue\n          endif\n\n          assign item_url = variant.url | default: product.url | default: '#'\n          assign item_title = product.title\n          if variant.title and variant.title != 'Default Title'\n            assign item_title = item_title | append: ' - ' | append: variant.title\n          endif\n          assign item_available = variant.available\n          assign item_thumbnail = variant.image | default: product.featured_image\n          assign product_id = product.id\n          assign variant_id = variant.id\n          assign item_handle = product_handle\n        %}\n\n        <li class="storecrm_favs_card storecrm_customlist_id-{{ variant_id }}">\n          <a class="storecrm_favs_media" href="\/help\/en\/{{ item_url }}\/">\n            {% if item_thumbnail %}\n              <img src="{{ item_thumbnail | img_url: '800x' }}" alt="{{ item_title | escape }}">\n            {% endif %}\n          <\/a>\n\n<div class="storecrm_favs_actions">\n  <a\n    class="storecrm_favs_heart"\n    href="javascript:void(0);"\n    aria-label="Remove from favourites"\n    data-product-id="{{ product_id }}"\n    data-variant-id="{{ variant_id }}"\n  >\n    <svg viewbox="0 0 24 24" aria-hidden="true" xmlns="http:\/\/www.w3.org\/2000\/svg">\n      <path\n        d="M12 21s-6.7-4.35-9.33-8.14C.6 9.7 1.5 6.9 3.85 5.6c2.03-1.12 4.3-.6 5.68.95L12 9.1l2.47-2.55c1.38-1.55 3.65-2.07 5.68-.95 2.35 1.3 3.25 4.1 1.18 7.26C18.7 16.65 12 21 12 21z"\n        fill="currentColor"\n      \/>\n    <\/svg>\n  <\/a>\n<\/div>\n\n\n\n          <div class="storecrm_favs_body">\n            <a class="storecrm_favs_name" href="\/help\/en\/{{ item_url }}\/">{{ item_title }}<\/a>\n\n            <div class="storecrm_favs_sub">\n              {% if variant.title and variant.title != 'Default Title' %}\n                {{ variant.title }}\n              {% endif %}\n            <\/div>\n\n<div class="storecrm_favs_bottom">\n  <div class="storecrm_favs_price">\n    {{ variant.price | money }}\n  <\/div>\n\n  {% if item_available %}\n    <a\n      class="storecrm_favs_addtocart"\n      href="\/help\/en\/{{ item_url }}\/"\n      data-cart-variant-id="{{ variant_id }}"\n      data-cart-product-id="{{ product_id }}"\n      data-cart-product-handle="{{ item_handle }}"\n    >\n      \u30ab\u30fc\u30c8\u306b\u8ffd\u52a0\n    <\/a>\n  {% endif %}\n<\/div>\n\n            {% unless item_available %}\n              <div class="storecrm_favs_badge">\n                {% if locale_code == 'ja' %}\u5728\u5eab\u306a\u3057{% else %}Out of stock{% endif %}\n              <\/div>\n            {% endunless %}\n          <\/div>\n        <\/li>\n      {% endfor %}\n    <\/ul>\n  {% endif %}\n<\/div>\n<\/code><\/pre>\n\n\n\n
\u65e5\u672c\u306eEC\u30b5\u30a4\u30c8\u306b\u3088\u304f\u3042\u308b\u304a\u6c17\u306b\u5165\u308a\u4e00\u89a7\u753b\u9762<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u30ea\u30b9\u30c8\u578b\u306e\u30c7\u30b6\u30a4\u30f3\u306e\u307e\u307e\u3001\u65e5\u672c\u306eEC\u30b5\u30a4\u30c8\u306b\u3088\u304f\u3042\u308bUI\u3092\u8e0f\u8972\u3057\u305f\u30c7\u30b6\u30a4\u30f3\u306e\u304a\u6c17\u306b\u5165\u308a\u4e00\u89a7\u753b\u9762\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u306a\u308a\u307e\u3059\u3002\u3067\u304d\u308b\u3060\u3051\u591a\u304f\u306e\u60c5\u5831\u3092\u3001\u308f\u304b\u308a\u3084\u3059\u30c7\u30b6\u30a4\u30f3\u3067\u8a18\u8f09\u3057\u3066\u3044\u308b\u306e\u304c\u7279\u5fb4\u3067\u3059\u3002Liquid\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30b3\u30fc\u30c9\u306f\u4e0b\u8a18\u306e\u901a\u308a\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
{% assign locale_code = request.locale.iso_code | default: locale | default: 'ja' %}\n{% if locale_code == 'ja' %}\n  {% assign list_title = '\u304a\u6c17\u306b\u5165\u308a\u4e00\u89a7' %}\n  {% assign non_item_text = '\u73fe\u5728\u304a\u6c17\u306b\u5165\u308a\u4e2d\u306e\u5546\u54c1\u306f\u3042\u308a\u307e\u305b\u3093' %}\n  {% assign item_unit_text = '\u4ef6' %}\n  {% assign btn_add_to_cart = '\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b' %}\n  {% assign btn_view = '\u5546\u54c1\u30da\u30fc\u30b8\u3078' %}\n  {% assign btn_remove = '\u304a\u6c17\u306b\u5165\u308a\u89e3\u9664' %}\n{% else %}\n  {% assign list_title = 'Your favorites' %}\n  {% assign non_item_text = 'There are currently no favorited items.' %}\n  {% assign item_unit_text = 'items' %}\n  {% assign btn_add_to_cart = 'Add to cart' %}\n  {% assign btn_view = 'View item' %}\n  {% assign btn_remove = 'Remove' %}\n{% endif %}\n\n{%- comment -%}\n  \u6709\u52b9\u306a\uff08\u5546\u54c1\u304c\u5b58\u5728\u3057\u3001variant \u304c\u53d6\u308c\u308b\uff09\u304a\u6c17\u306b\u5165\u308a\u3060\u3051\u3092\u30ab\u30a6\u30f3\u30c8\n{%- endcomment -%}\n{% assign items_count = 0 %}\n{% if item_handles and item_handles.size > 0 %}\n  {% for handle in item_handles %}\n    {% liquid\n      assign parts = handle | split: '\/'\n      assign product_handle = parts[0]\n      assign variant_key = parts[1]\n      assign product = all_products[product_handle]\n      assign variant = nil\n      if product != blank and product.variants\n        for v in product.variants\n          assign v_id = v.id | append: ''\n          if v_id == variant_key\n            assign variant = v\n            break\n          endif\n        endfor\n      endif\n      if product == blank or variant == nil\n        continue\n      endif\n    %}\n    {% assign items_count = items_count | plus: 1 %}\n  {% endfor %}\n{% endif %}\n{% assign has_items = items_count | times: 1 | greater_than: 0 %}\n\n<style>\n  \/* ===== Japanese EC-ish Favorites ===== *\/\n  .fav-wrap{\n    max-width: 980px;\n    margin: 24px auto 56px;\n    padding: 0 16px;\n    font-family: -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",Meiryo,Segoe UI,Roboto,Helvetica,Arial,sans-serif;\n    color: #111;\n  }\n  .fav-header{\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-end;\n    gap:16px;\n    border-bottom:1px solid #e6e6e6;\n    padding-bottom:12px;\n    margin-bottom:16px;\n  }\n  .fav-title{\n    margin:0;\n    font-size:22px;\n    font-weight:700;\n    letter-spacing:.02em;\n  }\n  .fav-count{\n    margin-left:10px;\n    font-size:13px;\n    font-weight:600;\n    color:#666;\n  }\n  .fav-subactions{\n    display:flex;\n    gap:10px;\n    align-items:center;\n    font-size:13px;\n  }\n  .fav-subactions a{\n    color:#111;\n    text-decoration:none;\n    border-bottom:1px solid #bbb;\n  }\n  .fav-subactions a:hover{ opacity:.75; }\n\n  .fav-empty{\n    display:block;\n    padding:24px 0;\n    color:#666;\n    font-size:14px;\n  }\n\n  .fav-list{\n    display:flex;\n    flex-direction:column;\n    gap:12px;\n  }\n  .fav-item{\n    display:grid;\n    grid-template-columns: 120px 1fr 220px;\n    gap:14px;\n    padding:14px;\n    border:1px solid #e6e6e6;\n    background:#fff;\n  }\n\n  .fav-thumb a{ display:block; }\n  .fav-thumb img{\n    width:120px;\n    height:120px;\n    object-fit:cover;\n    background:#f7f7f7;\n  }\n\n  .fav-info{\n    min-width:0;\n  }\n  .fav-brand{\n    font-size:12px;\n    color:#666;\n    margin:0 0 6px;\n    white-space:nowrap;\n    overflow:hidden;\n    text-overflow:ellipsis;\n  }\n  .fav-name{\n    margin:0 0 8px;\n    font-size:14px;\n    line-height:1.5;\n    font-weight:600;\n    word-break:break-word;\n  }\n  .fav-name a{\n    color:#111;\n    text-decoration:none;\n  }\n  .fav-name a:hover{ text-decoration:underline; }\n\n  .fav-meta{\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n    align-items:center;\n    margin-top:8px;\n  }\n  .fav-badge{\n    display:inline-flex;\n    align-items:center;\n    gap:6px;\n    padding:3px 8px;\n    border:1px solid #ddd;\n    font-size:12px;\n    color:#333;\n    background:#fafafa;\n  }\n  .fav-badge.is-oos{\n    border-color:#f0c7c7;\n    background:#fff5f5;\n    color:#b00020;\n  }\n\n  .fav-price{\n    margin-top:10px;\n    display:flex;\n    align-items:baseline;\n    gap:10px;\n  }\n  .fav-price .price-now{\n    font-size:18px;\n    font-weight:800;\n  }\n  .fav-price .price-tax{\n    font-size:11px;\n    color:#666;\n  }\n  .fav-price .price-was{\n    font-size:12px;\n    color:#888;\n    text-decoration:line-through;\n  }\n\n  .fav-actions{\n    display:flex;\n    flex-direction:column;\n    gap:10px;\n    justify-content:space-between;\n    align-items:stretch;\n  }\n  .fav-actions-top{\n    display:flex;\n    flex-direction:column;\n    gap:8px;\n  }\n  .fav-btn{\n    display:inline-flex;\n    justify-content:center;\n    align-items:center;\n    gap:8px;\n    height:40px;\n    padding:0 12px;\n    border-radius:2px;\n    font-size:13px;\n    font-weight:700;\n    cursor:pointer;\n    text-decoration:none;\n    border:1px solid #111;\n    background:#111;\n    color:#fff;\n    transition:opacity .2s, transform .02s;\n  }\n  .fav-btn:hover{ opacity:.85; }\n  .fav-btn:active{ transform:translateY(1px); }\n\n  .fav-btn.is-sub{\n    background:#fff;\n    color:#111;\n    border-color:#111;\n    font-weight:700;\n  }\n  .fav-btn.is-disabled{\n    opacity:.45;\n    pointer-events:none;\n  }\n\n  .fav-remove{\n    display:inline-flex;\n    justify-content:center;\n    align-items:center;\n    height:36px;\n    font-size:12px;\n    color:#444;\n    background:#fff;\n    border:1px solid #ddd;\n    text-decoration:none;\n    cursor:pointer;\n  }\n  .fav-remove:hover{ background:#fafafa; }\n\n  \/* SP *\/\n  @media (max-width: 768px){\n    .fav-item{\n      grid-template-columns: 96px 1fr;\n      grid-template-areas:\n        "thumb info"\n        "actions actions";\n    }\n    .fav-thumb{ grid-area:thumb; }\n    .fav-info{ grid-area:info; }\n    .fav-actions{ grid-area:actions; }\n    .fav-thumb img{ width:96px; height:96px; }\n    .fav-actions-top{ flex-direction:column; }\n  }\n<\/style>\n\n<div class="fav-wrap">\n  <div class="fav-header">\n    <div>\n      <h1 class="fav-title">\n        {{ list_title }}\n        <span class="fav-count">\n          {{ items_count }} {{ item_unit_text }}\n        <\/span>\n      <\/h1>\n    <\/div>\n\n    {%- comment -%}\n      \u5fc5\u8981\u306a\u3089\u300c\u5168\u524a\u9664\u300d\u306a\u3069\u306e\u30d5\u30c3\u30af\u3092\u3053\u3053\u306b\uff08JS\u5074\u3067\u62fe\u3046\uff09\n    {%- endcomment -%}\n    <div class="fav-subactions" {% unless has_items %}style="display:none;"endunless %}>\n      <a href="javascript:void(0);" data-favorites-clear-all>\u5168\u3066\u524a\u9664<\/a>\n    <\/div>\n  <\/div>\n\n  <span id="non_item_text" class="fav-empty" {% if has_items %}style="display:none;"endif %}>\n    {{- non_item_text -}}\n  <\/span>\n\n  {% if has_items %}\n    <div class="fav-list">\n      {% for handle in item_handles %}\n        {% liquid\n          assign parts = handle | split: '\/'\n          assign product_handle = parts[0]\n          assign variant_key = parts[1]\n          assign product = all_products[product_handle]\n          assign variant = nil\n          if product != blank and product.variants\n            for v in product.variants\n              assign v_id = v.id | append: ''\n              if v_id == variant_key\n                assign variant = v\n                break\n              endif\n            endfor\n          endif\n          if product == blank or variant == nil\n            continue\n          endif\n\n          assign item_url = variant.url | default: product.url | default: '#'\n          assign item_title = product.title\n          if variant.title and variant.title != 'Default Title'\n            assign item_title = item_title | append: ' \/ ' | append: variant.title\n          endif\n          assign item_available = variant.available\n          assign item_thumbnail = variant.image | default: product.featured_image\n          assign product_id = product.id\n          assign variant_id = variant.id\n          assign item_handle = product_handle\n          assign brand = product.vendor\n        %}\n\n        <div class="fav-item storecrm_customlist_id-{{ variant_id }}">\n          <div class="fav-thumb">\n            {% if item_thumbnail %}\n              <a href="\/help\/en\/{{ item_url }}\/">\n                <img\n                  src="{{ item_thumbnail | img_url: '240x240' }}"\n                  alt="{{ item_title | escape }}"\n                  loading="lazy"\n                >\n              <\/a>\n            {% endif %}\n          <\/div>\n\n          <div class="fav-info">\n            {% if brand != blank %}\n              <p class="fav-brand">{{ brand }}<\/p>\n            {% endif %}\n\n            <p class="fav-name">\n              <a href="\/help\/en\/{{ item_url }}\/">{{ item_title }}<\/a>\n            <\/p>\n\n            <div class="fav-meta">\n              {% if item_available %}\n                <span class="fav-badge">\u5728\u5eab\u3042\u308a<\/span>\n              {% else %}\n                <span class="fav-badge is-oos">\u5728\u5eab\u5207\u308c<\/span>\n              {% endif %}\n            <\/div>\n\n            <div class="fav-price">\n              <span class="price-now">\n                {{ variant.price | money }}\n              <\/span>\n              <span class="price-tax">\u7a0e\u8fbc<\/span>\n              {% if variant.compare_at_price and variant.compare_at_price > variant.price %}\n                <span class="price-was">{{ variant.compare_at_price | money }}<\/span>\n              {% endif %}\n            <\/div>\n          <\/div>\n\n          <div class="fav-actions">\n            <div class="fav-actions-top">\n              {% if item_available %}\n                <a\n                  class="fav-btn"\n                  href="\/help\/en\/{{ item_url }}\/"\n                  data-cart-variant-id="{{ variant_id }}"\n                  data-cart-product-id="{{ product_id }}"\n                  data-cart-product-handle="{{ item_handle }}"\n                >\n                  {{ btn_add_to_cart }}\n                <\/a>\n              {% else %}\n                <a class="fav-btn is-disabled" href="javascript:void(0);">\n                  \u5728\u5eab\u5207\u308c\n                <\/a>\n              {% endif %}\n\n              <a class="fav-btn is-sub" href="\/help\/en\/{{ item_url }}\/">\n                {{ btn_view }}\n              <\/a>\n            <\/div>\n\n            <a\n              class="fav-remove"\n              href="javascript:void(0);"\n              data-product-id="{{ product_id }}"\n              data-variant-id="{{ variant_id }}"\n            >\n              {{ btn_remove }}\n            <\/a>\n          <\/div>\n        <\/div>\n      {% endfor %}\n    <\/div>\n  {% endif %}\n<\/div>\n<\/code><\/pre>\n\n\n\n
<\/p>","protected":false},"excerpt":{"rendered":"StoreCRM\u306e\u304a\u6c17\u306b\u5165\u308a\u6a5f\u80fd\u306b\u3001\u300c\u304a\u6c17\u306b\u5165\u308a\u4e00\u89a7\u30da\u30fc\u30b8\u306e\u30c7\u30b6\u30a4\u30f3\u7de8\u96c6\uff08\u4e0a\u7d1a\u8005\u30e2\u30fc\u30c9\uff09\u300d\u6a5f\u80fd\u304c\u8ffd\u52a0\u3055\u308c\u307e\u3057\u305f […]","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-5160","post","type-post","status-publish","format-standard","hentry","category-setting"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts\/5160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/comments?post=5160"}],"version-history":[{"count":4,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts\/5160\/revisions"}],"predecessor-version":[{"id":5175,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/posts\/5160\/revisions\/5175"}],"wp:attachment":[{"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/media?parent=5160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/categories?post=5160"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/storecrm.com\/help\/en\/wp-json\/wp\/v2\/tags?post=5160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}