{% assign widgetNameTranslationLabel = 'recommendation.' | append: widgetId %}

{{ 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 valueRequest = request[filterOptionIdImageBaseOn] %}{% assign selectedVariantImageByFilterOption = nil %}{% for item in product.variants %} {% assign optionNameValue = optionName | append: ":" | append: valueRequest %} {% if item.merged_options contains optionNameValue %} {% if item.image %} {% assign selectedVariantImageByFilterOption = item.image %} {% endif %} {% break %} {% endif %}{% endfor %}{% capture productVariants %} [ {% for variant in product.variants %} { "title": "{{ variant.title }}", "id": "{{ variant.id }}", "available": {{ variant.available }} }{% unless forloop.last %},{% endunless %} {% endfor %} ]{% endcapture %}{% capture productData %} { "handle": "{{ product.handle }}", "variantId": "{{ product.variant_id }}", "splitProduct": "{{ product.split_product }}", "variants": {{ productVariants | json | escape }}, "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 }}" }{% endcapture %}

{% capture aspectRatio %}auto{% endcapture %}

{% assign aspect_ratio = '' %} {% if aspectRatio == 'natural' %} {% assign imageWidth = product.images_info[0].width %} {% assign imageHeight = product.images_info[0].height %} {% assign aspect_ratio = aspect_ratio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight %} {% endif %}

{% assign firstImageSrc = '' %} {% if selectedVariantImageByFilterOption != nil %} {% assign firstImageSrc = selectedVariantImageByFilterOption %} {% else %} {% assign firstImageSrc = product.images_info[0].src %} {% endif %} {% assign widthParam = "&width=" %} {% assign widths = "200,300,400,500,700,800" | split: "," %} {% if request.device contains 'mobile' %} {% assign maxWidth = 400 %} {% else %} {% assign maxWidth = 700 %} {% endif %} {% if request.productImageWidth != blank and request.productImageWidth > maxWidth %} {% assign maxWidth = request.productImageWidth | plus: 0 %} {% 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 %} {% assign productPerRow = 4 %} {% if request.productPerRow != blank %} {% assign productPerRow = request.productPerRow | plus: 0 %} {% endif %}

{% if product.images_info[1] %} {% assign secondImageSrc = product.images_info[1].src %} {% capture secondImageSrcset %} {% for width in widths %} {% assign widthNo = width | plus: 0 %} {% if widthNo < maxWidth %} {{ secondImageSrc }}{{ widthParam }}{{ width }} {{ width }}w, {% else %} {{ secondImageSrc }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w {% break %} {% endif %} {% endfor %} {% endcapture %}

{% endif %} {% else %}

{% endif %}

{% assign hideOtherLabelsWhenSoldOut = true %}{% assign dateStart = product.published_at | date: '%s' %}{% assign nowTimestamp = 'now' | date: '%s' %}{% comment %} difference in seconds {% endcomment %}{% assign diffSeconds = nowTimestamp | minus: dateStart %}{% comment %} difference in days {% endcomment %}{% assign diffDays = diffSeconds | divided_by: 3600 | divided_by: 24 %}{% assign diffDays = diffDays | floor %} {% assign isInsSale = false %} {% assign isTrending = false %} {% assign isNEW_IN = false %} {% assign ptags = product.tags | join: ',,' %} {% for collect in product.collections %} {% if collect.id == "424086470913" or collect.id == 424086470913 %} {% assign isTrending = true %} {% endif %} {% if collect.id == "159001149463" or collect.id == 159001149463 %} {% assign isInsSale = true %} {% endif %} {% if collect.id == "645838733695" or collect.id == 645838733695 %} {% assign isNEW_IN = true %} {% endif %} {% endfor %} {% if ptags contains 'notify_me' %}

COMING SOON

{% endif %} {% if isTrending == true %}

Trending

{% endif %}{% if hideOtherLabelsWhenSoldOut != true %} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 %} {% assign isSale = compareAtPriceMin > product.price_min %} {% if isInsSale %} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin| round %} {% assign salePercent = percent | append: '%' %} {% assign saleAmount = compareAtPriceMin | minus: product.price_min %}

{{ "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount }}

{% elsif isNEW_IN == true %}

New in

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

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

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

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

{% else %} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 %} {% assign isSale = compareAtPriceMin > product.price_min %} {% if isInsSale %} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin| round %} {% assign salePercent = percent | append: '%' %} {% assign saleAmount = compareAtPriceMin | minus: product.price_min %}

{{ "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount }}

{% elsif isNEW_IN == true %}

New in

{% endif %} {% endif %}{% endif %}

{% comment %} POPUP {% endcomment %} {% comment %} POPUP {% endcomment %}

{% capture swatchType %}{% endcapture %}{% capture swatchBy %}{% endcapture %}{% capture swatchShape %}{% endcapture %}{% 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 %}{% for swatch in product.options_with_values %} {% assign maxItem = 20 %} {% assign optionsLength = swatch.values| size %} {% if swatch.name %} {% if swatch.name == swatchType %}

{% for value in swatch.values limit: maxItem %} {% assign vid = '' %} {% for v in product.variants %} {% if v.title == value.title and v.available %} {% assign vid = v.id %} {% endif %} {% endfor %} {% unless vid == '' %}

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

{% endif %} {% endif %}{% endfor %}---{% if swatches == '' %} {% for swatch in product.options_with_values %} {% assign maxItem = 4 %} {% assign optionsLength = swatch.values | size %} {{ swatch.name }} {% if swatch.name == 'sock size' %}

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

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

{% endif %} {% endfor %}{% 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 %}

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

{{ product.selectedOption.price }}

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

{% endif %}

Wilmslow Festive 10k

Sunday 22 November 2026

Tatton Yule Yomp 10k

Sunday 6 December 2026

Trafford 10K

Sunday 7 March 2027

Alderley Edge 10k

Sunday 9 May 2027

Quarry Bank Trail 10k

Tuesday 18 May 2027

Wilmslow Summer Half Marathon

Sunday 5th September 2027

Lyme Midsummer Trail 10K

Tuesday 22 June 2027

Alderley Park Trail

Thursday 15 July 2027

Barclays Knutsford 10K

TBC 2027