{% assign widgetNameTranslationLabel = 'recommendation.' | append: widgetId %}{% assign widgetTitle = '' %}{% if widgetDesignSettings.titleAlignment != '' %} {% assign widgetTitle = widgetTitle | append: 'boost-sd__recommendation-title--' | append: widgetDesignSettings.titleAlignment %}{% endif %}

{{ widgetNameTranslationLabel | translate: translations, widgetName }}

{% if widgetDesignSettings.layoutDisplay == 'carousel' %}

{% for product in products %}

{% capture domain %}{{ widgetDesignSettings.tenantId }}{% endcapture %} {% if product.original_images != nil %} {% assign imageArray = product.original_images %}{% else %} {% assign imageArray = product.images_info %}{% endif %}{% assign productId = product.id %}{% if product.variant_id %} {% assign productId = product.variant_id %}{% endif %}{% assign filterOptionIdImageBaseOn = 'pf_opt_color' %} {% capture filterOptionIdImageBaseOn %}{% endcapture %}{% assign optionName = filterOptionIdImageBaseOn | replace: 'pf_opt_', '' %}{% assign filterValues = request[filterOptionIdImageBaseOn] %}{% assign selectedVariantImageByFilterOption = nil %}{% comment %}NEW LOGIC: Only find images based on filters IF that variant matches the item being displayed (for split products){% endcomment %}{% if product.variant_id %} {% assign targetVariantId = product.variant_id %} {% for variant in product.variants %} {% if variant.id == product.variant_id %} {% for filterValue in filterValues %} {% assign optionNameValue = optionName | append: ":" | append: filterValue | strip %} {% if variant.merged_options contains optionNameValue %} {% if variant.image %} {% assign selectedVariantImageByFilterOption = variant.image %} {% break %} {% endif %} {% endif %} {% endfor %} {% if selectedVariantImageByFilterOption != nil %} {% break %} {% endif %} {% endif %} {% endfor %}{% else %} {% for item in product.variants %} {% for filterValue in filterValues %} {% assign optionNameValue = optionName | append: ":" | append: filterValue | strip %} {% if item.merged_options contains optionNameValue %} {% if item.image %} {% assign selectedVariantImageByFilterOption = item.image %} {% break %} {% endif %} {% endif %} {% endfor %} {% if selectedVariantImageByFilterOption != nil %}{% break %}{% endif %} {% endfor %}{% endif %}{% capture productVariants %} [ {% for variant in product.variants %} {% assign preorder = '{}' %} {% if variant.preorder and variant.preorder != nil %} {% assign preorder = variant.preorder %} {% else %} {% assign preorder = '' %} {% endif %} { "title": "{{ variant.title }}", "id": "{{ variant.id }}", "available": {{ variant.available }}, "preorder": {{ preorder | json }} }{% unless forloop.last %},{% endunless %} {% endfor %} ]{% endcapture %}{% capture productData %} { "handle": "{{ product.handle }}", "variantId": "{{ product.variant_id }}", "splitProduct": "{{ product.split_product }}", "priceMin": "{{ product.price_min }}", "priceMax": "{{ product.price_max }}", "compareAtPriceMin": "{{ product.compare_at_price_min }}", "compareAtPriceMax": "{{ product.compare_at_price_max }}", "images": {{ imageArray | json | escape }}, "options_with_values": {{ product.options_with_values | json | escape }}, "selectedVariantImageByFilterOption": "{{ selectedVariantImageByFilterOption | escape }}", "category": "{{ product.product_type | escape }}", "tags" : {{ product.tags | json | escape }} }{% endcapture %}{%- capture borderLayoutSetting %}noBorder{% endcapture -%}{% if borderLayoutSetting == 'noPadding' %} {% assign borderLayoutItem = 'no-padding' %}{% elsif borderLayoutSetting == 'hasPadding' %} {% assign borderLayoutItem = 'border-has-padding' %}{% elsif borderLayoutSetting == 'noPaddingImage' %} {% assign borderLayoutItem = 'border-no-padding-image' %}{% else %} {% assign borderLayoutItem = 'no-border' %}{% endif %}{% assign productLocale = '' %}{% if request.current_locale != "" or request.current_locale != null or request.current_locale != nil %} {% assign productLocale = request.current_locale %}{% endif %}{% assign variantUrl = '' %}{% if product.variant_id %} {% assign variantUrl = '?variant=' | append: product.variant_id %}{% endif %}

{%- capture aspectRatioSetting %}natural{% endcapture -%}{% capture hoverEffect %}none{% endcapture %}{% assign productImages = product.images_info %}{% if product.split_product %} {% assign productImages = product.original_images %}{% endif %}{%- comment -%} Consolidate GIF filtering logic based on settings {%- endcomment -%}{% assign noImageUrl = "https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" %}{% assign filteredImages = "" | split: "," %}{% assign nonGifImages = "" | split: "," %}{% if checkShowGif == false or checkShowGif == 'false' or checkShowGif == nil %} {% for img in productImages %} {% assign img_url_clean = img.src | split: '?' | first | downcase %} {% unless img_url_clean contains '.gif' %} {%- comment -%} BRT FIX: Shopify CDN の重複回避サフィックス（三連アンダースコア + seq + uuid）を URL 途中で分断して 404 化していた不具合を回避。URL に絶対出現しない delimiter で split して単一要素配列にする（下の concat が配列を要求するため配列化は必要）。コメント本文にバッククォートを含めると Boost の JS が template literal を早期終了して SyntaxError になるので使用不可 {%- endcomment -%} {% assign tmp = img.src | split: "__BRT_NO_MATCH__" %} {% assign filteredImages = filteredImages | concat: tmp %} {% assign nonGifImages = nonGifImages | concat: tmp %} {% endunless %} {% endfor %}{% else %} {% assign filteredImages = productImages %} {% for img in productImages %} {% assign img_url_clean = img.src | split: '?' | first | downcase %} {% unless img_url_clean contains '.gif' %} {%- comment -%} BRT FIX: Shopify CDN の重複回避サフィックス（三連アンダースコア + seq + uuid）を URL 途中で分断して 404 化していた不具合を回避。URL に絶対出現しない delimiter で split して単一要素配列にする（下の concat が配列を要求するため配列化は必要）。コメント本文にバッククォートを含めると Boost の JS が template literal を早期終了して SyntaxError になるので使用不可 {%- endcomment -%} {% assign tmp = img.src | split: "__BRT_NO_MATCH__" %} {% assign nonGifImages = nonGifImages | concat: tmp %} {% endunless %} {% endfor %}{% endif %}

{%- comment -%} Consolidate hover effect logic {%- endcomment -%} {% assign effectClasses = '' %} {% assign hasSecondImage = false %} {% if hoverEffect == 'zoom-in' or hoverEffect == 'reveal-second-image-and-zoom-in' %} {% assign effectClasses = effectClasses | append: 'boost-sd__product-image-wrapper--zoom-in' %} {% endif %} {% if hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %} {% if filteredImages.size > 1 %} {% assign hasSecondImage = true %} {% endif %} {% comment %} Always add has-second-image class for reveal-second-image-and-zoom-in to ensure zoom works {% endcomment %} {% if hasSecondImage or hoverEffect == 'reveal-second-image-and-zoom-in' %} {% assign effectClasses = effectClasses | append: ' boost-sd__product-image-wrapper--has-second-image' %} {% endif %} {% endif %} {% assign aspectRatio = '' -%} {% if aspectRatioSetting == 'natural' -%} {% if hasGifData and mediaToDisplay.image %} {% assign imageWidth = mediaToDisplay.image.width %} {% assign imageHeight = mediaToDisplay.image.height %} {% else %} {% assign imageWidth = product.images_info[0].width %} {% assign imageHeight = product.images_info[0].height %} {% endif %} {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%} {% endif -%} {%- comment -%} select video of gif prioritize {%- endcomment -%} {% assign firstVideo = nil %} {% assign firstGif = nil %} {% assign hasVideoData = false %} {% assign hasGifData = false %} {% if product.media and product.media.size > 0 %} {% for media_item in product.media %} {% if media_item.mediaContentType == 'VIDEO' and firstVideo == nil %} {% assign firstVideo = media_item %} {% assign hasVideoData = true %} {% elsif media_item.mediaContentType == 'IMAGE' and firstGif == nil %} {% assign media_url_clean = media_item.image.originalSrc | split: '?' | first | lowercase %} {% if media_url_clean contains '.gif' %} {% assign firstGif = media_item %} {% assign hasGifData = true %} {% endif %} {% endif %} {% endfor %} {% endif %} {%- comment -%} prioritize video > gif > image {%- endcomment -%} {% assign showMedia = false %} {% assign mediaToDisplay = nil %} {% if hasVideoData %} {% assign mediaToDisplay = firstVideo %} {% assign showMedia = true %} {% assign mediaType = 'video' %} {% elsif hasGifData %} {% assign mediaToDisplay = firstGif %} {% assign showMedia = true %} {% assign mediaType = 'gif' %} {% endif %} {% assign finalShowMedia = false %} {%- comment -%} BRT: 売り切れ時は画像に半透明オーバーレイ（customization.css 側で描画） {%- endcomment -%} {% assign brtSoldOutClass = '' %} {% if product.available == false %} {% assign brtSoldOutClass = 'boost-sd-brt__media--soldout' %} {% endif %}

{% assign firstImageObj = product.images_info[0] %} {% assign hasImages = false %} {% if firstImageObj and firstImageObj.src != blank %} {% assign hasImages = true %} {% endif %} {% if finalShowMedia %} {%- comment -%} CASE 1: VIDEO / GIF {%- endcomment -%} {% if mediaType == 'video' %}

{% else %} {{ product.title | escape }}

{% endif %} {% elsif hasImages %} {%- comment -%} NORMAL IMAGE {%- endcomment -%} {% assign firstImageSrc = "" %} {% if filteredImages.size > 0 %} {% assign firstImageSrc = filteredImages[0] %} {% else %} {% assign firstImageSrc = noImageUrl %} {% endif %} {%- comment -%} Responsive image parameters {%- endcomment -%} {% assign widthParam = "&width=" -%} {% assign widths = "200,300,400,500,700,800" | split: "," -%} {% assign maxWidth = 700 -%} {% if request.device contains 'mobile' -%} {% assign maxWidth = 400 -%} {% endif -%} {% assign productPerRow = 4 -%} {% if request.productPerRow != blank -%} {% assign productPerRow = request.productPerRow | plus: 0 -%} {% endif -%} {% if request.productImageWidth != blank -%} {% assign imageWidth = request.productImageWidth | plus: 0 -%} {% if imageWidth > maxWidth -%} {% assign maxWidth = imageWidth -%} {% endif -%} {% endif -%} {% if product.images_info[0] -%} {% capture srcset -%} {% for width in widths -%} {% assign widthNo = width | plus: 0 %} {% if widthNo < maxWidth -%} {{ firstImageSrc }}{{ widthParam }}{{ width }} {{ width }}w, {% else -%} {{ firstImageSrc }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w {% break -%} {% endif -%} {% endfor -%} {% endcapture -%} {{ product.title | escape }}

{% else %} {{ product.title | escape }}

{% endif %} {% else %} {%- comment -%}CASE 3: NO IMAGE ONLY {%- endcomment -%} {{ product.title | escape }}

{% endif %} {% comment %} Only render second image block if there's potential for a second image {% endcomment %} {% assign shouldRenderSecondImage = false %} {% if hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %} {% if finalShowMedia and nonGifImages.size > 0 %} {% assign shouldRenderSecondImage = true %} {% elsif nonGifImages.size > 1 %} {% assign shouldRenderSecondImage = true %} {% endif %} {% endif %} {% if shouldRenderSecondImage %} {% assign secondImage = nil %} {% if finalShowMedia %} {%- comment -%} When showing video/GIF, hover should show first normal image {%- endcomment -%} {% if nonGifImages.size > 0 %} {% assign secondImage = nonGifImages[0] %} {% endif %} {% else %} {%- comment -%} When showing normal image, hover should show second image {%- endcomment -%} {% if nonGifImages.size > 1 %} {% assign secondImage = nonGifImages[1] %} {% endif %} {% endif %} {% if secondImage != blank %} {% capture secondImageSrcset %} {% for width in widths %} {% assign widthNo = width | plus: 0 %} {% if widthNo < maxWidth %} {{ secondImage }}{{ widthParam }}{{ width }} {{ width }}w, {% else %} {{ secondImage }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w {% break %} {% endif %} {% endfor %} {% endcapture %} {% endif %} {% endif %}

{% assign hideOtherLabelsWhenSoldOut = true -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign removePriceDecimal = false -%}{% assign showCentAsSuperscript = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% if hideOtherLabelsWhenSoldOut != true -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign productItemSaleTranslated = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}

{% endif -%} {% if product.available == false -%}

{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}

{% endif -%} {% assign filteredTags = "" -%} {% assign allTags = product.tags -%} {% if product.original_tags != nill %} {% assign allTags = allTags | concat: product.original_tags | uniq -%} {% endif %} {% for tag in allTags -%} {% if tag contains 'pfs:label' -%} {% assign tagWithoutLabel = tag | remove: 'pfs:label-' -%} {% assign filteredTags = filteredTags | append: tagWithoutLabel | append: ',' -%} {% endif -%} {% endfor -%} {% assign filteredTags = filteredTags | split: ',' -%} {% for tag in filteredTags -%} {% unless tag == blank %}

{% endunless %} {% endfor -%} {% else -%} {% if product.available == false -%}

{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}

{% else -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign translatedText = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %}

{% endunless %} {% endfor -%} {% endif -%}{% endif -%}

{% comment %} ブランド / ショップ名はメタオブジェクト参照メタフィールド。 Boost の product_metafield は [{"id":..,"data":{"fields":[{"key":"name","value":"BERWICH",..}]}}] 形式の JSON 文字列を返す。TURBO の json_parse はネスト JSON をパースできない（文字列のまま返す）ため、split で "value":" の直後を切り出して名前を取得する。 ※ "jsonValue":" は大文字 V のため '"value":"' にはマッチしない。{% endcomment %}{% assign brtBrand = '' %}{% capture brtBrandRaw %}{{ product | product_metafield: 'spec.brand' }}{% endcapture %}{% assign brtBrandRaw = brtBrandRaw | strip %}{% if brtBrandRaw == '[null]' or brtBrandRaw == '[NULL]' or brtBrandRaw == 'null' %} {% assign brtBrandRaw = '' %}{% endif %}{% if brtBrandRaw contains '"value":"' %} {% assign brtBrandParts = brtBrandRaw | split: '"value":"' %} {% assign brtBrand = brtBrandParts[1] | split: '"' | first %}{% elsif brtBrandRaw != '' %} {% unless brtBrandRaw contains '{' %} {% assign brtBrand = brtBrandRaw %} {% endunless %}{% endif %}{% assign brtShop = '' %}{% capture brtShopRaw %}{{ product | product_metafield: 'spec.shoplist' }}{% endcapture %}{% assign brtShopRaw = brtShopRaw | strip %}{% if brtShopRaw == '[null]' or brtShopRaw == '[NULL]' or brtShopRaw == 'null' %} {% assign brtShopRaw = '' %}{% endif %}{% if brtShopRaw contains '"value":"' %} {% assign brtShopParts = brtShopRaw | split: '"value":"' %} {% assign brtShop = brtShopParts[1] | split: '"' | first %}{% elsif brtShopRaw != '' %} {% unless brtShopRaw contains '{' %} {% assign brtShop = brtShopRaw %} {% endunless %}{% endif %}{% capture brtCustomBadges %}{{ product | product_metafield: 'custom.badges' }}{% endcapture %}{% assign brtBadgesStripped = brtCustomBadges | strip %}{% if brtBadgesStripped == '[null]' or brtBadgesStripped == '[NULL]' or brtBadgesStripped == 'null' %} {% assign brtBadgesStripped = '' %}{% endif %}

{% comment %} 1. ブランド {% endcomment %} {% if brtBrand != '' %}

{% endif %} {% comment %} 2. カラースウォッチ {% endcomment %} {% assign swatches = '' %} {% assign swatches = 'swatch item 1' %} {% capture swatchType %}color{% endcapture %}{% capture swatchBy %}color-and-image{% endcapture %}{% capture swatchShape %}box{% endcapture %}{% comment %} BRT: 日本語カラー名 → HEX の対応表。オプション値が日本語（例: ブラック）だと background-color に解釈されずスウォッチが透明になるため、名前一致で色を上書きする。形式: '名前:HEX' を | 区切りで列挙。未登録色は従来挙動（画像URL等）のまま。{% endcomment %}{% assign brtColorMap = 'ブラック:#1c1c1c|スミクロ:#2f2f2f|ホワイト:#ffffff|オフホワイト:#f5f1e8|アイボリー:#f2ead9|生成り:#ede4d3|クリーム:#f4ecd8|オートミール:#e3dccb|グレー:#9e9e9e|ライトグレー:#c8c8c8|チャコール:#4a4a4a|チャコールグレー:#4a4a4a|ネイビー:#1f2a44|ブルー:#2d5bd1|ライトブルー:#a8c6e8|サックス:#a8c6e8|デニム:#3f5b7d|インディゴ:#2a3b5c|ターコイズ:#40b5ad|ベージュ:#d6c3a5|ブラウン:#81604c|ダークブラウン:#5a4232|キャメル:#c19a6b|モカ:#8d7360|グリーン:#3d6b46|ダークグリーン:#2e4b38|カーキ:#7a7a52|オリーブ:#708238|ミント:#a8d8c8|レッド:#c0392b|ワイン:#722f37|ボルドー:#5c2231|ピンク:#e8a0b4|ベビーピンク:#f2c9d4|イエロー:#e8c547|マスタード:#d4a833|オレンジ:#e07b39|パープル:#7e5a9e|ラベンダー:#c5b3d6|シルバー:#c0c0c0|ゴールド:#c9a86a' | split: '|' %}{% assign swatchShapeClasses = '' %}{% if swatchShape == 'box' %} {% assign swatchShapeClasses = swatchShapeClasses | append: 'boost-sd__radio-label--non-radius' %}{% endif %}{% if swatchShape == 'circle' %} {% assign swatchShapeClasses = swatchShapeClasses | append: 'boost-sd__radio-label--circle' %}{% endif %}{% assign hideTextClasses = '' %}{% if swatchBy != '' and swatchBy != 'text' %} {% assign hideTextClasses = hideTextClasses | append: 'boost-sd__radio-label--hide-text' %}{% endif %}{% assign swatchIdPrefix = product.id %}{% if product.variant_id and product.split_product %} {% assign swatchIdPrefix = product.id | append: '-variant-' | append: product.variant_id %}{% endif %}{% for swatch in product.options_with_values %} {% assign maxItem = 16 %} {% assign optionsLength = swatch.values | size %} {% if swatch.name %} {% comment %} BRT: 管理画面の swatchType 設定と不一致でも color オプションは常にスウォッチ表示 {% endcomment %} {% assign brtIsSwatchTarget = false %} {% if swatch.name == swatchType or swatch.original_name == 'color' or swatch.name == 'color' %} {% assign brtIsSwatchTarget = true %} {% endif %} {% if brtIsSwatchTarget %}

{% for value in swatch.values limit: maxItem %}

{% endfor %} {% if optionsLength > maxItem %} {% assign count = optionsLength | minus: maxItem %} {% endif %}

{% endif %} {% endif %}{% endfor %} {% comment %} 3. 商品名（2行クランプは CSS 側） {% endcomment %}

{% comment %} 4. 価格 {% endcomment %}

{% assign removePriceDecimal = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% assign showCentAsSuperscript = false -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign showSavingDisplay = false -%}{% assign minPrice = product.price_min | times: 1.0 -%}{% assign maxPrice = 0 -%}{% if product.price_max -%} {% assign maxPrice = product.price_max | times: 1.0 -%}{% endif -%}{% assign compareAtPriceMin = 0 -%}{% if product.compare_at_price_min -%} {% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%}{% endif -%}{% if product.variant_id != "" and product.variant_id != blank -%} {% assign currentVariantId = product.variant_id | times: 1 -%} {% for variant in product.variants -%} {% if variant.id == currentVariantId -%} {% assign minPrice = variant.price | times: 1.0 -%} {% assign maxPrice = variant.price | times: 1.0 -%} {% if variant.compare_at_price and variant.compare_at_price != "0.0" -%} {% assign compareAtPriceMin = variant.compare_at_price | times: 1.0 -%} {% endif -%} {% break -%} {% endif -%} {% endfor -%}{% endif -%}{% assign isSale = false -%}{% assign salePercent = 0 -%}{% assign saleAmount = 0 -%}{% if compareAtPriceMin > minPrice -%} {% assign isSale = true -%}{% endif -%}{% assign compareAtPriceWithFormat = '' -%}{% unless compareAtPriceMin == null or compareAtPriceMin == 0 or isSale == false -%} {% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%} {% if compareAtPriceMin > 0 %} {% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%} {% else %} {% assign salePercent = '0%' %} {% endif %} {% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign saleAmount = compareAtPriceMin | minus: minPrice -%}{% endunless -%}{% assign priceMinWithFormat = minPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% assign priceMaxWithFormat = '' -%}{% if product.price_max and maxPrice > minPrice -%} {% assign priceMaxWithFormat = maxPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% endif -%}{% assign hasMultiVariantPrice = false -%}{% if translations.productItem.amount contains "minPrice" -%} {% assign hasMultiVariantPrice = true -%}{% endif -%}{% assign isSamePrice = true -%}{% if minPrice != maxPrice or product.compare_at_price_min != product.compare_at_price_max -%} {% assign isSamePrice = false -%}{% endif -%}{% assign priceValueWithFormat = priceMinWithFormat -%}{% if isSamePrice == false and maxPrice > minPrice and hasMultiVariantPrice -%} {% assign priceValueWithFormat = "productItem.amount" | translate: translations, "" | replace: '{{minPrice}}', priceMinWithFormat | replace: '{{maxPrice}}', priceMaxWithFormat -%}{% endif -%} {% assign savingPriceWithFormat = '' -%}{% unless showSavingDisplay == false or saleAmount == 0 -%} {% assign saleAmountWithFormat = saleAmount | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign savingPriceWithFormat = "productItem.savingAmount" | translate: translations, "Save {{saleAmount}}" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%}{% endunless -%}

{% if isSale %} Regular price {{ compareAtPriceWithFormat }}, now on sale for {{ priceValueWithFormat }}{% if savingPriceWithFormat != '' %}, saving {{ savingPriceWithFormat }}{% endif %} {% else %} Regular price {{ priceValueWithFormat }} {% endif %} {% if savingPriceWithFormat != '' -%} {% endif -%}

{% comment %} 5. バッジ（SOLD OUT + カスタムバッジ） {% endcomment %} {% if product.available == false or brtBadgesStripped != '' %}

{% if product.available == false %} {{ "productItem.productItemSoldOut" | translate: translations, "SOLD OUT" }} {% endif %} {% if brtBadgesStripped != '' %} {% comment %} リストメタフィールドは '["NEW","SALE"]' 形式の JSON 配列文字列。 contains / json_parse は本番レンダリングで挙動が不安定なため、区切りを置換してから括弧と引用符を除去する（プレーン文字列でも同じ処理で通る）。 {% endcomment %} {% assign brtBadgeListStr = brtBadgesStripped | replace: '","', '|||' | replace: '[', '' | replace: ']', '' | replace: '"', '' %} {% assign brtBadgeList = brtBadgeListStr | split: '|||' %} {% for brtBadge in brtBadgeList %} {% assign brtBadgeStripped = brtBadge | strip %} {% if brtBadgeStripped != '' %} {{ brtBadgeStripped }} {% endif %} {% endfor %} {% endif %}

{% endif %} {% comment %} 6. ショップ名 {% endcomment %} {% if brtShop != '' %}

{% endif %}

{% endfor %} {% assign numberOfProductPerRow = widgetDesignSettings.numberOfProductPerRow %} {% assign numberOfRecommendProduct = widgetDesignSettings.numberOfRecommendProduct %} {% if numberOfRecommendProduct < numberOfProductPerRow %} {% assign sliderPages = 1 %} {% assign disable = "disabled" %} {% else %} {% assign sliderPages = numberOfRecommendProduct | divided_by: numberOfProductPerRow | ceil %} {% assign disable = "" %} {% endif %}

{{ "search.watermarkPoweredBy" | translate: translations, "Powered by" }}

{{ "search.watermarkPoweredByBranch" | translate: translations, "Boost" }}

{% else %} {% assign bundleStyle = widgetDesignSettings.bundleStyle %}

{% for product in products %}

{% if product.checked %} {% endif %}

{% if product.images_info[0] %} {{ product.title | escape }}

{% else %} {{ product.title | escape }}

{% endif %}

{% if product.checked %} {% endif %} {% if bundleStyle == 'style2' %}

{% if forloop.index0 == 0 %} This item: {{ product.title | escape }} {% elsif product.checked %} {{ product.title | escape }} {% else %} {{ product.title | escape }} {% endif %}

{%- if product.selectedOption.title != 'Default Title' -%} {% endif %}

{% endif %}

{% unless forloop.last %}

{% endunless %} {% endfor %}

{% if bundleStyle == 'style1' %} {% for product in products %}

{% if forloop.index0 == 0 %} This item: {{ product.title | escape }} {% elsif product.checked %} {{ product.title | escape }} {% else %} {{ product.title | escape }} {% endif %}

{%- if product.selectedOption.title != 'Default Title' -%} {% endif %} {{ product.selectedOption.price }}

{% endfor %} {% endif %}

{% if hasSelectedProduct == true %}

Total price: {{ totalPrice }}

{% endif %}

	着丈	肩幅	袖丈	胸囲	ウエスト
46	65	40	62.5	101	96
48	66	41	63.5	105	100
50	67	42	64.5	109	104
52	68	43	65.5	113	108

morgano（モルガーノ） エクストラファインメリノウール ハイゲージ モックネックニット

TOPS

SHIRTS

JACKET

PANTS

SHOP STAFF COMMENTS

morgano（モルガーノ） エクストラファインメリノウール ハイゲージ モックネックニット

RECENTLY VIEWED ITEMS

morgano（モルガーノ）エクストラファインメリノウールハイゲージモックネックニット

morgano（モルガーノ）エクストラファインメリノウールハイゲージモックネックニット