e-commerce

English

_fbp

_shopify_marketing

_shopify_s

localization

_shopify_y

_gcl_au

_gid

_shopify_analytics

_ga_BC7BXMDVJ2

_shopify_essential

_ga_FNCMEGHZGD

rlx-consent

Domain 'www.williamsdiamonds.com' uses the commercial generic top-level domain (.com), featuring subdomain 'www'. The second-level label 'williamsdiamonds' is 16 characters long holding 6 vowels versus ten consonants. It segments into two words: williams, diamonds. Expect eight characters per word on average. No strong language cues emerged from the frequency lists.

type

options[prefix]

sort_by

form_type

utf8

contact[tags]

contact[email]

html/b8/5d/b85dd073-fc86-4685-a3fe-fbb46a313db1.html.gz

block-all-mixed-content; frame-ancestors 'none'; upgrade-insecure-requests;

sandbox allow-scripts allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-downloads allow-top-navigation-by-user-activation; report-to csp-reports

frame-ancestors 'self'; report-uri /csp-report?source%5Baction%5D=web_pixel_javascript_response&source%5Bapp%5D=Shopify&source%5Bcontroller%5D=web_pixels&source%5Bsection%5D=services&source%5Buuid%5D=db48b36c-3f62-47f7-81c7-2c28c21ef466-1777574051; report-to shopify-csp

frame-ancestors 'self'; report-uri /csp-report?source%5Baction%5D=web_pixel_javascript_response&source%5Bapp%5D=Shopify&source%5Bcontroller%5D=web_pixels&source%5Bsection%5D=services&source%5Buuid%5D=12a4f6a4-6723-43f6-a6fd-534b08a88691-1777574051; report-to shopify-csp

frame-ancestors 'self'; report-uri /csp-report?source%5Baction%5D=web_pixel_html_response&source%5Bapp%5D=Shopify&source%5Bcontroller%5D=web_pixels&source%5Bsection%5D=services&source%5Buuid%5D=e7ca8911-8fd8-4263-a007-a9a462727d9f-1777800996; report-to shopify-csp

Rolex Official Retailer

web-pixel-sandbox-CUSTOM-shopify-custom-pixel-LAX-f4d92176wf885f6b7p0eb8715fm37bdd4ce

dRYbvYWwBtJCm00jP-vRdACZ7LptP8QnxILt7KqYOoU

google-site-verification

viewport

Unlike semi-mount rings, complete diamond engagement rings include both the setting and the center diamond. When looking for complete diamond engagement rings, Williams Jewelers only selects rings with sparkle and fire that will undoubtedly catch eyes from across the room. We consider a diamond’s color and clarity in a

description

theme-color

https://www.williamsdiamonds.com/collections/complete-diamond-engagement-rings

http://www.williamsdiamonds.com/cdn/shop/collections/BLM-Williams-Edits-Website-March-23-23_1200x1200.jpg?v=1682709294

https://www.williamsdiamonds.com/cdn/shop/collections/BLM-Williams-Edits-Website-March-23-23_1200x1200.jpg?v=1682709294

twitter:card

twitter:title

twitter:description

facebook-domain-verification

Dm13jCEjAToUAR83fEbvlN_yuDJd8Z4Ik3ct55zSjHE

shopify-digital-wallet

A41wt2Lsq30A9Ox/WehogvJckPI4aY9RoSxhb8FMtVnqaUle1AtI6Yf7Wk+7+Wm0AfDDOkMX+Wn6wnDpBWYgWwYAAAB8eyJvcmlnaW4iOiJodHRwczovL2Fkcm9sbC5jb206NDQzIiwiZmVhdHVyZSI6IkludGVyZXN0Q29ob3J0QVBJIiwiZXhwaXJ5IjoxNjI2MjIwNzk5LCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;worker-src blob: 'self';frame-ancestors 'none';

child-src https:  chrome-untrusted://new-tab-page/ chrome-untrusted://ntp-microsoft-auth/;connect-src chrome://webui-test chrome://resources chrome://theme 'self';default-src 'self';font-src chrome://resources 'self';img-src chrome://resources chrome://theme chrome://image chrome://favicon2 chrome://app-icon chrome://extension-icon chrome://fileicon blob: data: 'self';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources chrome://webui-test 'self';style-src chrome://resources chrome://theme 'self' 'unsafe-inline';trusted-types parse-html-subset sanitize-inner-html static-types lottie-worker-script-loader webui-test-script webui-test-html polymer-html-literal polymer-template-event-attribute-policy lit-html-desktop;frame-ancestors 'none';

base-uri 'none';child-src https:;form-action https://ogs.google.com https://*.corp.google.com;object-src 'none';script-src 'self' 'unsafe-inline' https:;frame-ancestors chrome://new-tab-page/

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;frame-ancestors 'none';

GoDaddy.com, LLC

WILLIAMSDIAMONDS.COM

Amazon EC2 Abuse

IP Management

Amazon AWS Network Operations

Amazon.com, Inc.

AWS RPKI Management POC

IP Routing

Amazon EC2 Network Operations

AMAZON-CF

window.HS_JS_OVERRIDES = [{'match': 'static.klaviyo.com', 'method': 'ON_ACTION'}, {'match': 'codeblackbelt', 'method': 'ON_ACTION'}, {'match': 'chatra', 'method': 'ON_ACTION'}, {'match': 'gorgias', 'method': 'ON_ACTION'}, {'match': 'zdassets', 'method': 'ON_ACTION'}, {'match': 'omappapi', 'method': 'ON_ACTION'}, {'match': 'foursixty', 'method': 'ON_ACTION'}, {'match': 'shopify_pay', 'method': 'ON_ACTION'}, {'match': 'shopifycloud/shopify/assets/storefront/features', 'method': 'ON_ACTION'}, {'match': 'shopifycloud/shopify/assets/storefront/load_feature', 'method': 'ON_ACTION'}, {'match': 'shopifycloud/storefront-recaptch', 'method': 'ON_ACTION'}];


customElements.define("hs-loader-root",class extends HTMLElement{constructor(){super();var t=window.innerWidth,n=window.innerHeight;this.shadow=this.attachShadow({mode:"open"}),this.shadow.innerHTML=`\n            <style>\n            #hs-load-bar .hs-bar {\n                background: #bcbcbc;\n                position: fixed;\n                z-index: 1031;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 2px;\n            }\n            #hs-load-bar .peg {\n                display: block;\n                position: absolute;\n                right: 0px;\n                width: 100px;\n                height: 100%;\n                box-shadow: 0 0 10px #bcbcbc, 0 0 5px #bcbcbc;\n                opacity: 1.0;\n                -webkit-transform: rotate(3deg) translate(0px, -4px);\n                -ms-transform: rotate(3deg) translate(0px, -4px);\n                transform: rotate(3deg) translate(0px, -4px);\n            }\n            #hs-bg {\n              top: 0;\n              left: 0;\n              width: ${t}px;\n              height: ${n}px;\n              max-width: 95vw;\n              max-height: 95vh;\n              position: absolute;\n              z-index: 99;\n              pointer-events: none;\n            }\n            </style>\n            <img id="hs-bg" alt=""/>\n        `}connectedCallback(){this.hsImg=this.shadow.querySelector("#hs-bg"),this.hsImg.src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0 0 2000 1000'%3E%3C/svg%3E",function(t){var n,e,r={},i=r.settings={minimum:.08,easing:"linear",positionUsing:"translate",speed:200,trickle:!0,trickleSpeed:200,barSelector:".hs-bar",parent:t.shadow,template:'<div class="hs-bar"><div class="peg"></div></div></div></div>'};function s(t,n,e){return t<n?n:t>e?e:t}function o(t){return 100*(-1+t)}r.status=null,r.set=function(t){var n=r.isStarted();t=s(t,i.minimum,1),r.status=1===t?null:t;var e=r.render(!n),l=e.querySelector(i.barSelector),u=i.speed,c=i.easing;return e.offsetWidth,a(function(n){""===i.positionUsing&&(i.positionUsing=r.getPositioningCSS()),d(l,function(t,n,e){var r;return(r="translate3d"===i.positionUsing?{transform:"translate3d("+o(t)+"%,0,0)"}:"translate"===i.positionUsing?{transform:"translate("+o(t)+"%,0)"}:{"margin-left":o(t)+"%"}).transition="all "+n+"ms "+e,r}(t,u,c)),1===t?(d(e,{transition:"none",opacity:1}),e.offsetWidth,setTimeout(function(){d(e,{transition:"all "+u+"ms linear",opacity:0}),setTimeout(function(){r.remove(),n()},u)},u)):setTimeout(n,u)}),this},r.isStarted=function(){return"number"==typeof r.status},r.start=function(){r.status||r.set(0);var t=function(){setTimeout(function(){r.status&&(r.trickle(),t())},i.trickleSpeed)};return i.trickle&&t(),this},r.done=function(t){return t||r.status?r.inc(.3+.5*Math.random()).set(1):this},r.inc=function(t){var n=r.status;return n?n>1?void 0:("number"!=typeof t&&(t=n>=0&&n<.2?.1:n>=.2&&n<.5?.04:n>=.5&&n<.8?.02:n>=.8&&n<.99?.005:0),n=s(n+t,0,.994),r.set(n)):r.start()},r.trickle=function(){return r.inc()},n=0,e=0,r.promise=function(t){return t&&"resolved"!==t.state()?(0===e&&r.start(),n++,e++,t.always(function(){0==--e?(n=0,r.done()):r.set((n-e)/n)}),this):this},r.render=function(n){if(r.isRendered())return t.shadow.getElementById("hs-load-bar");var e=document.createElement("div");e.id="hs-load-bar",e.innerHTML=i.template;var s=e.querySelector(i.barSelector),a=n?"-100":o(r.status||0),l=i.parent;return d(s,{transition:"all 0 linear",transform:"translate3d("+a+"%,0,0)"}),l.appendChild(e),e},r.remove=function(){var t,n=document.getElementById("hs-load-bar");n&&(t=n)&&t.parentNode&&t.parentNode.removeChild(t)},r.isRendered=function(){return!!t.shadow.getElementById("hs-load-bar")},r.getPositioningCSS=function(){var t={},n="WebkitTransform"in t?"Webkit":"MozTransform"in t?"Moz":"msTransform"in t?"ms":"OTransform"in t?"O":"";return n+"Perspective"in t?"translate3d":n+"Transform"in t?"translate":"margin"};var a=function(){var t=[];function n(){var e=t.shift();e&&e(n)}return function(e){t.push(e),1==t.length&&n()}}(),d=function(){var t=["Webkit","O","Moz","ms"],n={};function e(e){return e=e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,function(t,n){return n.toUpperCase()}),n[e]||(n[e]=function(n){var e={};if(n in e)return n;for(var r,i=t.length,s=n.charAt(0).toUpperCase()+n.slice(1);i--;)if((r=t[i]+s)in e)return r;return n}(e))}function r(t,n,r){n=e(n),t.style[n]=r}return function(t,n){var e,i=arguments;if(2==i.length)for(e in n)r(t,e,n[e]);else r(t,i[1],i[2])}}();r.start(),document.addEventListener("DOMContentLoaded",function(){r.set(1)})}(this)}}),document.head.insertAdjacentHTML("afterend","<hs-loader-root></hs-loader-root>");


window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');

!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);

!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);


  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.eligible = true;



  await import("//www.williamsdiamonds.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});



var __st={"a":73409495357,"offset":-21600,"reqid":"36933b33-d561-4b86-8b56-42df2b06287d-1777801014","pageurl":"www.williamsdiamonds.com\/collections\/complete-diamond-engagement-rings?srsltid=AfmBOoovNPFEAF5LtjWdGGnbZ7i3NguKxjEytHpgTYIN6crCOKRjYKFu","u":"29630b6a2291","p":"collection","rtyp":"collection","rid":445687923005};

window.ShopifyPaypalV4VisibilityTracking = true;


  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);


document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));


window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');

 
      var digitalDataLayer = {
        environment: {
          environmentVersion: "V7",
          coBrandedVersion: "Bespoke"
        },
        page: {
          pageType: "family page",
          pageFamilyName: "/collections/complete-diamond-engagement-rings"
        }
      };
    


      try {GloboEmbedFilterConfig.shop.settings["currency_code_enabled"] = "false";} catch (error) {}
    


  {%- assign swatch_options = 'Colour~~Color' | downcase | split: "~~" | uniq -%}
  {%- assign image_options  = '' | downcase | split: "~~" | uniq -%}
  {%- assign text_options   = 'Size' | downcase | split: "~~" | uniq  -%}

  {%- assign image_size     = '360x504' -%}
  {%- assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' -%}

  {%- assign featured_image            = product.featured_image -%}
  {%- assign product_price             = product.price -%}
  {%- assign product_compare_at_price  = product.compare_at_price -%}
  {%- assign selected_or_first_available_variant = product.selected_or_first_available_variant -%}
  {%- assign variant_url = '' -%}
    {%- if product.selected_or_first_available_variant -%}
    {%- assign variant_url = '?variant=' | append: product.selected_or_first_available_variant.id -%}
  {%- endif -%}
      {% if product.selected_or_first_available_variant %}
    {% assign selected_or_first_available_variant = product.selected_or_first_available_variant %}
    {% assign product_price             = selected_or_first_available_variant.price %}
    {% assign product_compare_at_price  = selected_or_first_available_variant.compare_at_price %}
    {% if selected_or_first_available_variant.image %}
      {% assign featured_image = selected_or_first_available_variant.image %}
    {% endif %}
  {% endif %}
                            {%- assign images_count = product.images | size -%}
{%- assign variants_count = product.variants | size -%}
{%- assign options_count  = product.options | size %}
  {%- assign max_cols = section.settings.products_per_row %}
  {%- assign min_cols = 2 %}

  {%- capture url -%}{% if collection %}{{ product.url | within: collection }}{% else %}{{ product.url }}{% endif %}{%- endcapture -%}

  {%-  unless max_cols -%}
  {%-    assign max_cols = section.settings.products_per_row | default: 4 -%}
  {%-  endunless -%}

  {%-  unless min_cols -%}
  {%-    assign min_cols = section.settings.mobile_products_per_row | default: 2 -%}
  {%-  endunless -%}

  {%-  if settings.prod_thumb_shape == 'natural' -%}
  {%-    assign aspect_ratio = false -%}
  {%-  else -%}
  {%-    assign aspect_ratio = settings.prod_thumb_shape | times: 1.0 -%}
  {%-  endif -%}

  {%-  if settings.prod_quick_buy_show and settings.prod_quick_buy_type == 'in-page' -%}
  {%-    assign show_quickbuy = true -%}
  {%-  else -%}
  {%-    assign show_quickbuy = false -%}
  {%-  endif -%}

  {%-  unless show_vendor -%}
  {%-    assign show_vendor = section.settings.grid_show_vendor -%}
  {%-  endunless -%}

  {%-  assign primary_image = product.featured_image -%}
  {%-  assign secondary_image = product.images[1] -%}

  <div{% if showPageData %} data-page="{{page}}"{% endif %} class="product-block
      layout-align-{{ settings.prod_block_layout }}
      {% if settings.label_soldout_show and product.available == false %}sold-out {% endif %}{{ product-block | default: 'flex column' }}
      max-cols-{{ max_cols }}
      min-cols-{{ min_cols }}
      product-block--gutter-{{ settings.prod_thumb_gutter }}
      product-block--gap-{{ settings.prod_thumb_gap }}
      product-block--border-{{ settings.prod_thumb_show_border }}
      {% if is_last %}product-block--last{% endif %}
      {% unless settings.prod_quick_buy_show and settings.prod_quick_buy_type == 'in-page' %}
        product-block--no-quickbuy
    {% endunless %}
    ">
    <div class="product-block__inner">
      <div class="image image--shape-{{ settings.prod_thumb_shape }} {% if settings.product_grid_hover_image and images_count > 1 %}image--with-secondary{% endif %}">
                <div class="inner">
          <a href="{{ root_url }}{{ url }}{{variant_url}}" aria-label="{{ product.title | escape }}">
            <div class="image__primary">
              {%- assign image = primary_image %}
              {%- if aspect_ratio -%}
                {%- assign cover = crop -%}
              {%- else -%}
                {%- assign aspect_ratio = image.aspect_ratio -%}
                {%- assign cover = false -%}
              {%- endif -%}
              <div class="rimage-outer-wrapper" {% unless cover or no_max_width %}style="max-width: {{ image.width }}px"{% endunless %}>
                <div class="rimage-wrapper lazyload--placeholder" style="padding-top:{{ 1 | divided_by: aspect_ratio | times: 100 }}%">
                  {%- assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' %}
                  <img class="rimage__image lazyload{% if manual %}--manual{% endif %} fade-in{% if cover %} cover{% endif %}"
                    data-src="{{ img_url }}"
                    data-widths="[90, 180, 220, 300, 360, 460, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
                    data-aspectratio="{{ image.aspect_ratio }}"
                    data-sizes="auto"
                    alt="{{ image.alt | escape }}"
                    {% if cover %}data-parent-fit="cover"{% endif %}>

                  <noscripttag>
                    {%- assign img_url = image | img_url: '1024x1024' %}
                    <img src="{{ img_url }}" alt="{{ image.alt | escape }}" class="rimage__image">
                  </noscripttag>
                </div>
              </div>
              {%- assign aspect_ratio = false %}
            </div>
            {% if settings.product_grid_hover_image and images_count > 1 %}
              {%- assign image = secondary_image %}
              <div class="image__secondary">
                <div class="rimage-outer-wrapper lazyload fade-in"
                    data-bgset="{%- if image != blank -%}
                      {% if image.width > 180 %}{{ image | img_url: '180x' }} 180w {{ 180 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 360 %}{{ image | img_url: '360x' }} 360w {{ 360 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 540 %}{{ image | img_url: '540x' }} 540w {{ 540 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 720 %}{{ image | img_url: '720x' }} 720w {{ 720 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 900 %}{{ image | img_url: '900x' }} 900w {{ 900 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 1080 %}{{ image | img_url: '1080x' }} 1080w {{ 1080 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 1296 %}{{ image | img_url: '1296x' }} 1296w {{ 1296 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 1512 %}{{ image | img_url: '1512x' }} 1512w {{ 1512 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 1728 %}{{ image | img_url: '1728x' }} 1728w {{ 1728 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 1950 %}{{ image | img_url: '1950x' }} 1950w {{ 1950 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 2100 %}{{ image | img_url: '2100x' }} 2100w {{ 2100 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 2260 %}{{ image | img_url: '2260x' }} 2260w {{ 2260 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 2450 %}{{ image | img_url: '2450x' }} 2450w {{ 2450 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 2700 %}{{ image | img_url: '2700x' }} 2700w {{ 2700 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 3000 %}{{ image | img_url: '3000x' }} 3000w {{ 3000 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 3350 %}{{ image | img_url: '3350x' }} 3350w {{ 3350 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 3750 %}{{ image | img_url: '3750x' }} 3750w {{ 3750 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 4100 %}{{ image | img_url: '4100x' }} 4100w {{ 4100 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {{ image | img_url: '540x' }} {{ image.width }}w {{ image.height }}h
                    {%- endif -%}"
                    data-sizes="auto"
                    data-parent-fit="contain">
                  <noscripttag>
                    <div class="rimage-wrapper" style="padding-top:{{ 1 | divided_by: secondary_image.aspect_ratio | times: 100 }}%">
                      <img src="{{ secondary_image | img_url: '1024x1024' }}" alt="{{ secondary_image.alt | escape }}" class="rimage__image">
                    </div>
                  </noscripttag>
                </div>
              </div>
            {% endif %}
          </a>

          {% if settings.prod_quick_buy_show and settings.prod_quick_buy_type == 'hover' %}
            <div class="quick-buy-wrap pos-{{ settings.prod_quick_buy_pos }}">
              <a class="quick-buy {% if settings.prod_quick_buy_pos == 'middle' %}giant{% else %}big{% endif %}-round-button" href="{{ root_url }}{{ url }}" data-product-id="{{ product.id }}"><span>{{ themeTranslation.products.general.quick_buy_html }}</span></a>
            </div>

          <scripttag type="text/template" class="quickbuy-placeholder-template" data-product-id="{{ product.id }}">
            <div class="quickbuy-form placeholder">
              <span class="loading-spinner"></span>
            </div>
          </scripttag>
          {% endif %}
        </div>
        {%- if product.available == false and settings.label_soldout_show -%}
          <span class="product-label product-label--soldout"><span>Sold Out</span></span>
        {%- elsif product.compare_at_price_max > product.price and settings.label_sale_show -%}
          <span class="product-label product-label--sale"><span>Sale</span></span>
        {%- elsif settings.label_remain_show and product.variants.size == 1 and product.variants.first.inventory_management == 'shopify' and product.variants.first.inventory_quantity > 0 and product.variants.first.inventory_quantity <= settings.prod_stock_warn_limit_int -%}
          {%- assign quantity = product.variants.first.inventory_quantity %}
          <span class="product-label product-label--low-inventory"><span>{{ quantity }} in stock</span></span>
        {%- elsif settings.label_new_in_show -%}

          {%- assign show_new_in = false -%}
          {%- if settings.label_new_in_show -%}
          {%- if settings.prod_new_method == 'date' -%}
          {%- assign now_s = 'now' | date: '%s' | plus: 0 -%}
          {%- assign pub_s = product.created_at | date: '%s' | plus: 0 -%}
          {%- assign diff_days = now_s | minus: pub_s | divided_by: 86400 -%}

          {%- if diff_days < settings.prod_new_in_limit_int -%}
          {%- assign show_new_in = true -%}
          {%- endif -%}
          {%- elsif settings.prod_new_method == 'tag' -%}
          {%- if product.tags contains 'New' -%}
          {%- assign show_new_in = true -%}
          {%- endif -%}
          {%- else -%}
          {%- for collection in product.collections -%}
          {%- assign split_collection_handle = collection.handle | split: '-' -%}
          {%- if split_collection_handle contains 'new' -%}
          {%- assign show_new_in = true -%}
          {%- break -%}
          {%- endif -%}
          {%- endfor -%}
          {%- endif -%}
          {%- endif -%}
          

          {%- if show_new_in -%}
            <span class="product-label product-label--new-in"><span>New in</span></span>
          {%- endif -%}
        {%- endif -%}

      </div>

      {%- if settings.product_grid_show_weight -%}
        <div class="product-block__weight">
          <div class="product-block__weight-value">
            {%- if product.variants.first.weight > 0 -%}
              {%- assign a_weight = product.variants.first.weight -%}
              {%- for variant in product.variants -%}
                {%- if variant.weight != a_weight -%}
                  {%- assign a_weight = false -%}
                {%- endif -%}
              {%- endfor -%}
              {%- if a_weight -%}
                {{ product.variants.first.weight | weight_with_unit: product.variants.first.weight_unit }}
              {%- else -%}
                &nbsp;
              {%- endif -%}
            {%- else -%}
              &nbsp;
            {%- endif -%}
          </div>
        </div>
      {%- endif -%}

      <div class="product-block__title-price">
        <a class="title" href="{{ root_url }}{{ url }}{{variant_url}}">
          {% if show_vendor %}
          <div class="vendor">{{ product.vendor }}</div>
          {% endif %}
          {{ product.title }}
        </a>

        {% if settings.prod_block_layout != "beside" and show_quickbuy == true %}
        <div class="themed-product-reviews">
          <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
        </div>
        {% endif %}

        <div class="price {% if product.compare_at_price > product.price %}on-sale{% endif %}">
          {% if product.price_varies %}
          <span class="from">From</span>
          {% endif %}

          <span class="amount theme-money">{{ product.price | money }}</span>

          {% if product.compare_at_price > product.price %}
            <del><span class="theme-money">{{ product.compare_at_price | money }}</span></del>
          {% endif %}

        </div>
              </div>

      {% if settings.prod_block_layout == "beside" or show_quickbuy == false %}
        <div class="themed-product-reviews themed-product-reviews--bottom">
          <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
        </div>
      {% endif %}

      {% if show_quickbuy %}
        {% if product.variants.size > 1 %}
          <div class="product-form">
            <a class="quick-buy btn {% unless product.available %}disabled{% endunless %}" href="{{ root_url }}{{ url }}" data-product-id="{{ product.id }}">
              {% if product.available %}Show options{% else %}Unavailable{% endif %}
            </a>
            <scripttag type="text/template" class="quickbuy-placeholder-template" data-product-id="{{ product.id }}">
            <div class="quickbuy-form placeholder">
              <span class="loading-spinner"></span>
            </div>
            </scripttag>
          </div>
        {% else %}
          {%- assign current_variant = product.selected_or_first_available_variant -%}
          {%- if settings.cart_type contains 'drawer' -%}
            {%- assign enable_ajax = true -%}
          {%- else -%}
            {%- assign enable_ajax = false -%}
          {%- endif -%}

          {%- if settings.cart_type == 'drawer-dynamic' -%}
            {%- assign open_cart_drawer = true -%}
          {%- else -%}
            {%- assign open_cart_drawer = false -%}
          {%- endif -%}

          <form method="post" action="{{ root_url }}/cart/add" id="product_form_{{ product.id }}" accept-charset="UTF-8" class="product-form product-form--mini product-form--not-quickbuy half column" enctype="multipart/form-data" data-ajax-add-to-cart="{{ enable_ajax }}" data-product-id="{{ product.id }}" data-enable-history-state="false" data-open-cart-drawer="{{ open_cart_drawer }}">
            <input type="hidden" name="quantity" value="1" />
            <input type="hidden" name="id" value="{{ current_variant.id }}" />
            <button type="submit" name="add" class="btn product-add" {% unless product.available %}disabled="disabled"{% endunless %} aria-live="polite">
              <span class="button-text">{% if product.available %}Add to cart{% else %}Unavailable{% endif %}</span>
              <span class="loading-spinner" aria-label="Adding"></span>
              <span class="added-to-cart-check" aria-label="Added to cart"></span>
            </button>
        </form>
          <div class="qty-adjuster-container">
            <div class="qty-adjuster qty-adjuster--ajax" {% if current_variant.inventory_management == 'shopify' and current_variant.inventory_policy == 'deny' %}data-limit="{{ current_variant.inventory_quantity }}"{% endif %}>
              <div class="qty-adjuster__inner">
                <button class="btn qty-adjuster__down" aria-label="{{ themeTranslation.cart.label.decrease | escape }}">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
                </button>
                <input class="qty-adjuster__value" type="text" pattern="[0-9]*" name="quantity" value="" aria-label="{{ themeTranslation.cart.label.quantity | escape }}">
                <button class="btn qty-adjuster__up" aria-label="{{ themeTranslation.cart.label.increase | escape }}">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
                </button>
              </div>
            </div>
          </div>
        {% endif %}
      {% endif %}
    </div>
  </div>
  {%- assign forloop_index = false %}
              



  {%- assign swatch_options = 'Colour~~Color' | downcase | split: "~~" | uniq -%}
  {%- assign image_options  = '' | downcase | split: "~~" | uniq -%}
  {%- assign text_options   = 'Size' | downcase | split: "~~" | uniq  -%}

  {%- assign image_size     = '360x504' -%}
  {%- assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' -%}

  {%- assign featured_image            = product.featured_image -%}
  {%- assign product_price             = product.price -%}
  {%- assign product_compare_at_price  = product.compare_at_price -%}
  {%- assign selected_or_first_available_variant = product.selected_or_first_available_variant -%}
  {%- assign variant_url = '' -%}
    {%- if product.selected_or_first_available_variant -%}
    {%- assign variant_url = '?variant=' | append: product.selected_or_first_available_variant.id -%}
  {%- endif -%}
      {% if product.selected_or_first_available_variant %}
    {% assign selected_or_first_available_variant = product.selected_or_first_available_variant %}
    {% assign product_price             = selected_or_first_available_variant.price %}
    {% assign product_compare_at_price  = selected_or_first_available_variant.compare_at_price %}
    {% if selected_or_first_available_variant.image %}
      {% assign featured_image = selected_or_first_available_variant.image %}
    {% endif %}
  {% endif %}
              {%- assign images_count = product.images | size -%}
<div {% if showPageData %} data-page="{{page}}"{% endif %} class="spf-col-xl-4 spf-col-lg-4 spf-col-md-6 spf-col-sm-6 spf-col-6">
  <div class="spf-product-card spf-product-card__left spf-product-card__template-1{% unless product.available %} spf-soldout{% endunless %}">
    <div class="spf-product-card__inner">
      {%- unless product.available -%}
            <span translatable class="spf-product__label spf-product__label-soldout">{{translation.product.sold_out | default: "Sold out"}}</span>
                  {% elsif product_compare_at_price > product_price %}
      <span translatable class="spf-product__label spf-product__label-sale sale-text">
                {{translation.product.sale | default: "Sale"}}
              </span>
            {%- endunless -%}
              <a title="Quick view" href="javascript:;" onclick="globofilter.quickView('{{root_url}}{{ product.url }}')" class="open-quick-view"><svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M1664 960q-152-236-381-353 61 104 61 225 0 185-131.5 316.5t-316.5 131.5-316.5-131.5-131.5-316.5q0-121 61-225-229 117-381 353 133 205 333.5 326.5t434.5 121.5 434.5-121.5 333.5-326.5zm-720-384q0-20-14-34t-34-14q-125 0-214.5 89.5t-89.5 214.5q0 20 14 34t34 14 34-14 14-34q0-86 61-147t147-61q20 0 34-14t14-34zm848 384q0 34-20 69-140 230-376.5 368.5t-499.5 138.5-499.5-139-376.5-368q-20-35-20-69t20-69q140-229 376.5-368t499.5-139 499.5 139 376.5 368q20 35 20 69z"/></svg></a>
            <a class="spf-product-card__image-wrapper{% if images_count > 1 %} hover-effect{% endif %}" href="{{root_url}}{{ product.url }}{{variant_url}}" style="padding-top:140%;">
        {%- if images_count > 0 -%}
          {%- for image in product.images -%}
            <img
              data-variants="{% if image.variant_ids %}{{image.variant_ids | join: ','}}{% endif %}"
              class="gflazyload spf-product-card__image spf-product-card__image-{% if featured_image.id == image.id %}main{% elsif image.id == product.second_image.id %}secondary{% else %}hidden{% endif %}"
              srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
              src="{{image.src | img_url: image_size}}"
              data-src="{{image.src | img_lazyload_url}}"
              data-sizes="auto"
              data-aspectratio="{{image.aspect_ratio}}"
              data-parent-fit="contain"
              alt="{{image.alt | escape}}"
            />
          {%- endfor -%}
        {%- else -%}
        <img data-variants="" class="gflazyload spf-product-card__image spf-product-card__image-main" src="{{no_image}}" alt="{{product.title | escape}}">
        {%- endif -%}
      </a>
      <form class="spf-product__form" action="{{ root_url }}/cart/add" method="post">
        <select name="id" class="spf-product__variants">
          {%- for variant in product.variants -%}
          <option data-option1="{{variant.option1 | escape}}" data-option2="{{variant.option2 | escape}}" data-option3="{{variant.option3 | escape}}" data-price="{{variant.price}}" data-compare_at_price="{{variant.compare_at_price}}" data-available="{{variant.available}}" data-image="{% if variant.image.src %}{{variant.image.src | img_url: image_size }}{% endif %}" {% if variant.id == selected_or_first_available_variant.id %} selected="selected" {% endif %} value="{{ variant.id }}">{{ variant.title }}</option>
          {%- endfor -%}
        </select>
                <button translatable {% unless product.available %}disabled{% endunless %} type="submit" class="spf-product__form-btn-addtocart" data-available="{{translation.product.add_to_cart | default: "Add to cart"}}" data-soldout="{{translation.product.sold_out | default: "Sold out"}}" data-unavailable="{{translation.product.unavailable | default: "Unavailable"}}"><span>{% if product.available %}{{translation.product.add_to_cart | default: "Add to cart"}}{% else %}{{translation.product.sold_out | default: "Sold out"}}{% endif %}</span></button>
              </form>
    </div>

    <div class="spf-product__info">      {%- if product.vendor -%}<div class="spf-product-card__vendor"><a href="/collections/vendors?q={{product.vendor | url_encode}}">{{product.vendor}}</a></div>{%- endif -%}      <div class="h4 spf-product-card__title">
        <a translatable href="{{root_url}}{{ product.url }}{{variant_url}}">{{product.title}}</a>
              </div>
                  <div class="spf-product-card__price-wrapper">
        {%- if product_compare_at_price > product_price -%}
        <span class="spf-product-card__oldprice{% unless currencyFormat contains 'money' %} money{% endunless %}">{{ product_compare_at_price | money }}</span>
        <span class="spf-product-card__saleprice{% unless currencyFormat contains 'money' %} money{% endunless %}">{{ product_price | money }}</span>
        {%- else -%}
        <span class="spf-product-card__price{% unless currencyFormat contains 'money' %} money{% endunless %}">{{ product_price | money }}</span>
        {%- endif -%}
      </div>
                    {%- for option in product.options -%}
          {%- assign optionIndex = 'option' | append: forloop.index -%}
          {%- assign optionIndexNumber = forloop.index -%}
          {%- if option.isSwatch -%}
            <div class="spf-product__swatchs">
              {%- for value in option.values -%}
                {%- assign swatch = option.swatches[forloop.index0] -%}
                <span data-option="{{optionIndexNumber}}" data-option-value="{{value | escape}}" class="spf-product__swatch{% if product.selected_or_first_available_variant and product.selected_or_first_available_variant[optionIndex] == value %} is-selected{% endif %}{% unless swatch.available %} soldout{% endunless %}" title="{{value | escape}}">
                  <span translatable class="spf-product__swatch-inner">
                    {%- if swatch.mode == 4 and swatch.image -%}
                      <span class="spf-product__swatch-image" style="background-image: url('{{ swatch.image | img_url: '24x' }}')"></span>
                    {%- elsif swatch.mode == 3 and swatch.image -%}
                      <span class="spf-product__swatch-image" style="background-image: url('{{ swatch.image }}')"></span>
                    {%- elsif swatch.mode == 2 and swatch.color_1 and swatch.color_2 -%}
                      <span class="spf-product__swatch-color" style="background-color: {{ swatch.color_1 }}"></span>
                      <span class="spf-product__swatch-color" style="border-right-color: {{ swatch.color_2 }}"></span>
                    {%- elsif swatch.mode == 1 and swatch.color_1 -%}
                      <span class="spf-product__swatch-color" style="background-color: {{ swatch.color_1 }}"></span>
                    {%- elsif swatch.lable -%}
                      <span class="spf-product__swatch-text">{{swatch.lable}}</span>
                    {%- else -%}
                      <span class="spf-product__swatch-text">{{value}}</span>
                    {%- endif -%}
                  </span>
                </span>
              {%- endfor -%}
            </div>
          {%- endif -%}
        {%- endfor -%}
          </div>
  </div>
</div>
      


<div id="gf-controls-container"><form method="get" class="gf-controls-search-form">
    <input type="hidden" name="sort_by" value="relevance" />
    <input value="" name="q" placeholder="Search products" aria-label="Search products" autocomplete="off" class="gf-controls-search-input"/>
    <button type="button" onclick="clearSearchProducts()" class="gf-controls-clear-button">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"/></svg>
    </button>
    <button type="button" class="gf-controls-search-button">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2 8c0-3.309 2.691-6 6-6s6 2.691 6 6-2.691 6-6 6-6-2.691-6-6zm17.707 10.293l-5.395-5.396A7.946 7.946 0 0016 8c0-4.411-3.589-8-8-8S0 3.589 0 8s3.589 8 8 8a7.954 7.954 0 004.897-1.688l5.396 5.395A.998.998 0 0020 19a1 1 0 00-.293-.707z" fill="#3d4246"/></svg>
    </button>
  </form><div class="gf-actions">
    <div class="gf-filter-trigger">
      <div class="gf-refine-toggle-mobile" tabindex="0">
        <span onclick="globofilter.toggleCanvas()"><i><svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 1792 1408"><path fill="currentColor" d="M1024 1280h640v-128h-640v128zM640 768h1024V640H640v128zm640-512h384V128h-384v128zm512 832v256q0 26-19 45t-45 19H64q-26 0-45-19t-19-45v-256q0-26 19-45t45-19h1664q26 0 45 19t19 45zm0-512v256q0 26-19 45t-45 19H64q-26 0-45-19T0 832V576q0-26 19-45t45-19h1664q26 0 45 19t19 45zm0-512v256q0 26-19 45t-45 19H64q-26 0-45-19T0 320V64q0-26 19-45T64 0h1664q26 0 45 19t19 45z"/></svg></i> Filter By</span>
      </div>
    </div>
    <span class="gf-summary"><b>28</b> Products
</span>
    <div class="gf-filter-selection"><div class="sort-by limit-by hidden-xs">
        <label for="setLimit">Show</label>
        <select id="setLimit" class="sortby-select"><option selected value="12">12</option><option value="24">24</option><option value="48">48</option></select>
      </div><div class="sort-by">
        <button type="button" class="sort-by-toggle" id="sortButton" aria-labelledby="sortButton" aria-controls="globo-dropdown-sort_options" role="button" tabindex="0" aria-expanded="false">
          <span>Featured</span>
        </button>
        <ul id="globo-dropdown-sort_options" class="globo-dropdown-custom__options" role="listbox" aria-label="Sort By"><li role="option" tabindex="0" data-sort="featured" aria-label="Featured">Featured</li><li role="option" tabindex="-1" data-sort="price-ascending" aria-label="Price, low to high">Price, low to high</li><li role="option" tabindex="-1" data-sort="price-descending" aria-label="Price, high to low">Price, high to low</li><li role="option" tabindex="-1" data-sort="title-ascending" aria-label="Alphabetically, A-Z">Alphabetically, A-Z</li><li role="option" tabindex="-1" data-sort="title-descending" aria-label="Alphabetically, Z-A">Alphabetically, Z-A</li></ul>
      </div></div>
    <div class="globo-selected-items-wrapper visible-xs" style="--text-color:#000000;--icon-color:#959595;--bg-color:#E8E8E8"></div>
  </div>
</div>

<div class="gf-filter-header">
  <div id="gf-filter-title" class="gf-filter-heading">Filter By</div>
  <span onclick="globofilter.toggleCanvas()" class="gf-close-canvas"><i><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"></path></svg></i></span>
</div>

<div class="globo-selected-items-wrapper" style="--text-color:#000000; --icon-color: #959595; --bg-color: #E8E8E8"></div><div class="gf-filter-contents">
  
</div>

<div class="gf-filter-footer">
  <button type="button" onclick="globofilter.toggleCanvas()">View <b>&nbsp;</b> Product</button>
</div>

{% assign root_url = "" %}
<div class="spf-col-xl-12 spf-col-lg-12 spf-col-md-12 spf-col-sm-12">
{% if translation.product.no_results %}{{ translation.product.no_results | default: "No products found" }}{% endif %}
</div>

window.themeProductListSelector = ".cc-product-filter-container .product-list-container .product-grid.grid, .main-collection-section .product-grid, .template-search .product-grid, .main-products-grid__results \u003e .grid";

if(window.AVADA_SPEED_WHITELIST){const spfs_w = new RegExp("smart-product-filter-search", 'i'); if(Array.isArray(window.AVADA_SPEED_WHITELIST)){window.AVADA_SPEED_WHITELIST.push(spfs_w);}else{window.AVADA_SPEED_WHITELIST = [spfs_w];}} 


  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];



        document.body.classList.add("cc-animate-enabled");
      


      {
        "items": []
      }
    


	const updateAnnouncementBarHeight = () => {
		announcementBar = document.getElementById("shopify-section-announcement-bar").offsetHeight;
		let announcementBarHeight = document.documentElement.style.setProperty('--nav-height', announcementBar + "px");
		//console.log('resized')
	}
	updateAnnouncementBarHeight()

	window.addEventListener("resize", updateAnnouncementBarHeight);



window.themeAssetsUrl = '//www.williamsdiamonds.com/cdn/shop/t/37/assets/';
window.filesUrl = '//www.williamsdiamonds.com/cdn/shop/files/';




  {% assign root_url = "" %}
  {% assign currencyFormat = "${{amount}}" %}
  {% assign swatch_options = 'Colour~~Color' | downcase | split: "~~" | uniq  %}
  {% assign image_options  = '' | downcase | split: "~~" | uniq  %}
  {% assign text_options   = 'Size' | downcase | split: "~~" | uniq  %}
  {% assign show_selected_variant_info = true %}
 
  {% assign image_size     = '360x504' %}
  {% assign images_count   = product.images | size %}
  {% assign variants_count = product.variants | size %}
  {% assign options_count  = product.options | size %}
  {% assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' %}

  {% assign featured_image            = product.featured_image %}
  {% assign product_price             = product.price %}
  {% assign product_compare_at_price  = product.compare_at_price %}
  {% assign second_image_index        = 2 %}
  {% assign selected_or_first_available_variant = product.selected_or_first_available_variant %}
  {% assign variant_url = '' %}
  {% if product.selected_or_first_available_variant %}{% assign variant_url = '?variant=' | append: product.selected_or_first_available_variant.id %}{% endif %}  {% if show_selected_variant_info and product.selected_variant %}
    {% assign selected_or_first_available_variant = product.selected_variant %}
    {% assign product_price             = selected_or_first_available_variant.price %}
    {% assign product_compare_at_price  = selected_or_first_available_variant.compare_at_price %}
    {% if selected_or_first_available_variant.image %}
      {% assign featured_image = selected_or_first_available_variant.image %}
    {% endif %}
  {% endif %}

  {% for image in product.images %}
    {% if image.id == featured_image.id %}
      {% if forloop.index == images_count %}
        {% assign second_image_index = 1 %}
      {% else %}
        {% assign second_image_index = forloop.index | plus: 1 %}
      {% endif %}
    {% endif %}
  {% endfor %}

            {% assign max_cols = section.settings.products_per_row %}
  {% assign min_cols = 2 %}

  {%- capture url -%}{% if collection %}{{ product.url | within: collection }}{% else %}{{ product.url }}{% endif %}{%- endcapture -%}

  {%-  unless max_cols -%}
  {%-    assign max_cols = section.settings.products_per_row | default: 4 -%}
  {%-  endunless -%}

  {%-  unless min_cols -%}
  {%-    assign min_cols = section.settings.mobile_products_per_row | default: 2 -%}
  {%-  endunless -%}

  {%-  if settings.prod_thumb_shape == 'natural' -%}
  {%-    assign aspect_ratio = false -%}
  {%-  else -%}
  {%-    assign aspect_ratio = settings.prod_thumb_shape | times: 1.0 -%}
  {%-  endif -%}

  {%-  if settings.prod_quick_buy_show and settings.prod_quick_buy_type == 'in-page' -%}
  {%-    assign show_quickbuy = true -%}
  {%-  else -%}
  {%-    assign show_quickbuy = false -%}
  {%-  endif -%}

  {%-  unless show_vendor -%}
  {%-    assign show_vendor = section.settings.grid_show_vendor -%}
  {%-  endunless -%}

  {%-  assign primary_image = product.featured_image -%}
  {%-  assign secondary_image = product.images[1] -%}

  <div{% if showPageData %} data-page="{{page}}"{% endif %} class="product-block
      layout-align-{{ settings.prod_block_layout }}
      {% if settings.label_soldout_show and product.available == false %}sold-out {% endif %}{{ product-block | default: 'flex column' }}
      max-cols-{{ max_cols }}
      min-cols-{{ min_cols }}
      product-block--gutter-{{ settings.prod_thumb_gutter }}
      product-block--gap-{{ settings.prod_thumb_gap }}
      product-block--border-{{ settings.prod_thumb_show_border }}
      {% if is_last %}product-block--last{% endif %}
      
        product-block--no-quickbuy
    
    ">
    <div class="product-block__inner">
      <div class="image image--shape-{{ settings.prod_thumb_shape }} {% if settings.product_grid_hover_image and images_count > 1 %}image--with-secondary{% endif %}">
                <div class="inner">
          <a href="{{ url }}{{variant_url}}" aria-label="{{ product.title | escape }}">
            <div class="image__primary">
              {% assign image = primary_image %}
              {%- if aspect_ratio -%}
                {%- assign cover = crop -%}
              {%- else -%}
                {%- assign aspect_ratio = image.aspect_ratio -%}
                {%- assign cover = false -%}
              {%- endif -%}
              <div class="rimage-outer-wrapper" {% unless cover or no_max_width %}style="max-width: {{ image.width }}px"{% endunless %}>
                <div class="rimage-wrapper lazyload--placeholder" style="padding-top:{{ 1 | divided_by: aspect_ratio | times: 100 }}%">
                  {% assign img_url = image.src %}
                  <img loading="lazy" class="rimage__image lazyload{% if manual %}--manual{% endif %} {% if cover %} cover{% endif %}"
                    src="{{ img_url }}"
                    data-widths="[90, 180, 220, 300, 360, 460, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
                    data-aspectratio="{{ image.aspect_ratio }}"
                    data-sizes="auto"
                    alt="{{ image.alt | escape }}"
                    {% if cover %}data-parent-fit="cover"{% endif %}>

                  <noscript>
                    {% assign img_url = image | img_url: '1024x1024' %}
                    <img loading="lazy" src="{{ img_url }}" alt="{{ image.alt | escape }}" class="rimage__image">
                  </noscript>
                </div>
              </div>
              {% assign aspect_ratio = false %}
            </div>
            {% if settings.product_grid_hover_image and images_count > 1 %}
              {% assign image = secondary_image %}
              <div class="image__secondary">
                <div class="rimage-outer-wrapper lazyload fade-in"
                    data-bgset="{%- if image != blank -%}
                      {% if image.width > 180 %}{{ image | img_url: '180x' }} 180w {{ 180 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 360 %}{{ image | img_url: '360x' }} 360w {{ 360 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 540 %}{{ image | img_url: '540x' }} 540w {{ 540 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 720 %}{{ image | img_url: '720x' }} 720w {{ 720 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 900 %}{{ image | img_url: '900x' }} 900w {{ 900 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 1080 %}{{ image | img_url: '1080x' }} 1080w {{ 1080 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 1296 %}{{ image | img_url: '1296x' }} 1296w {{ 1296 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 1512 %}{{ image | img_url: '1512x' }} 1512w {{ 1512 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 1728 %}{{ image | img_url: '1728x' }} 1728w {{ 1728 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 1950 %}{{ image | img_url: '1950x' }} 1950w {{ 1950 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 2100 %}{{ image | img_url: '2100x' }} 2100w {{ 2100 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 2260 %}{{ image | img_url: '2260x' }} 2260w {{ 2260 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 2450 %}{{ image | img_url: '2450x' }} 2450w {{ 2450 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 2700 %}{{ image | img_url: '2700x' }} 2700w {{ 2700 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 3000 %}{{ image | img_url: '3000x' }} 3000w {{ 3000 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 3350 %}{{ image | img_url: '3350x' }} 3350w {{ 3350 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 3750 %}{{ image | img_url: '3750x' }} 3750w {{ 3750 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {% if image.width > 4100 %}{{ image | img_url: '4100x' }} 4100w {{ 4100 | divided_by: image.aspect_ratio | round }}h,{% endif %}
                      {{ image | img_url: '540x' }} {{ image.width }}w {{ image.height }}h
                    {%- endif -%}"
                    data-sizes="auto"
                    data-parent-fit="contain">
                  <noscript>
                    <div class="rimage-wrapper" style="padding-top:{{ 1 | divided_by: secondary_image.aspect_ratio | times: 100 }}%">
                      <img loading="lazy" src="{{ secondary_image | img_url: '1024x1024' }}" alt="{{ secondary_image.alt | escape }}" class="rimage__image">
                    </div>
                  </noscript>
                </div>
              </div>
            {% endif %}
          </a>

          {% if settings.prod_quick_buy_show and settings.prod_quick_buy_type == 'hover' %}
            <div class="quick-buy-wrap pos-{{ settings.prod_quick_buy_pos }}">
              <a class="quick-buy {% if settings.prod_quick_buy_pos == 'middle' %}giant{% else %}big{% endif %}-round-button" href="{{ url }}" data-product-id="{{ product.id }}"><span></span></a>
            </div>

          <scripttag type="text/template" class="quickbuy-placeholder-template" data-product-id="{{ product.id }}">
            <div class="quickbuy-form placeholder">
              <span class="loading-spinner"></span>
            </div>
          </scripttag>
          {% endif %}
        </div>
        {%- if product.available == false and settings.label_soldout_show -%}
          <span class="product-label product-label--soldout"><span></span></span>
        {%- elsif product.compare_at_price_max > product.price and settings.label_sale_show -%}
          <span class="product-label product-label--sale"><span></span></span>
        {%- elsif settings.label_remain_show and product.variants.size == 1 and product.variants.first.inventory_management == 'shopify' and product.variants.first.inventory_quantity > 0 and product.variants.first.inventory_quantity <= settings.prod_stock_warn_limit_int -%}
          {% assign quantity = product.variants.first.inventory_quantity %}
          <span class="product-label product-label--low-inventory"><span></span></span>
        {%- elsif settings.label_new_in_show -%}

          {%- assign show_new_in = false -%}
          {%- if settings.label_new_in_show -%}
          {%- if settings.prod_new_method == 'date' -%}
          {%- assign now_s = 'now' | date: '%s' | plus: 0 -%}
          {%- assign pub_s = product.created_at | date: '%s' | plus: 0 -%}
          {%- assign diff_days = now_s | minus: pub_s | divided_by: 86400 -%}

          {%- if diff_days < settings.prod_new_in_limit_int -%}
          {%- assign show_new_in = true -%}
          {%- endif -%}
          {%- elsif settings.prod_new_method == 'tag' -%}
          {%- if product.tags contains 'New' -%}
          {%- assign show_new_in = true -%}
          {%- endif -%}
          {%- else -%}
          {%- for collection in product.collections -%}
          {%- assign split_collection_handle = collection.handle | split: '-' -%}
          {%- if split_collection_handle contains 'new' -%}
          {%- assign show_new_in = true -%}
          {%- break -%}
          {%- endif -%}
          {%- endfor -%}
          {%- endif -%}
          {%- endif -%}
          

          {%- if show_new_in -%}
            <span class="product-label product-label--new-in"><span></span></span>
          {%- endif -%}
        {%- endif -%}

      </div>

      {%- if settings.product_grid_show_weight -%}
        <div class="product-block__weight">
          <div class="product-block__weight-value">
            {%- if product.variants.first.weight > 0 -%}
              {%- assign a_weight = product.variants.first.weight -%}
              {%- for variant in product.variants -%}
                {%- if variant.weight != a_weight -%}
                  {%- assign a_weight = false -%}
                {%- endif -%}
              {%- endfor -%}
              {%- if a_weight -%}
                {{ product.variants.first.weight | weight_with_unit: product.variants.first.weight_unit }}
              {%- else -%}
                &nbsp;
              {%- endif -%}
            {%- else -%}
              &nbsp;
            {%- endif -%}
          </div>
        </div>
      {%- endif -%}

      <div class="product-block__title-price">
        <a class="title" href="{{ url }}{{variant_url}}">
          {% if show_vendor %}
          <div class="vendor">{{ product.vendor }}</div>
          {% endif %}
          {{ product.title }}
        </a>

        {% if settings.prod_block_layout != "beside" and show_quickbuy == true %}
        <div class="themed-product-reviews">
          <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
        </div>
        {% endif %}

        <div class="price {% if product.compare_at_price > product.price %}on-sale{% endif %}">
          {% if product.price_varies %}
          <span class="from"></span>
          {% endif %}

          {% if product.price == 0 or product.price <= 1.00 or product.price <= 100 and product.vendor == 'Rolex' %}
            <span class="amount theme-money">Price on request</span>
          {% else %}
            <span class="amount theme-money">{{ product.price | money }}</span>
          {% endif %}

          {% if product.compare_at_price > product.price %}
            <del><span class="theme-money">{{ product.compare_at_price | money }}</span></del>
          {% endif %}

        </div>
              </div>

      {% if settings.prod_block_layout == "beside" or show_quickbuy == false %}
        <div class="themed-product-reviews themed-product-reviews--bottom">
          <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
        </div>
      {% endif %}

      {% if show_quickbuy %}
        {% if product.variants.size > 1 %}
          <div class="product-form">
            <a class="quick-buy btn {% unless product.available %}disabled{% endunless %}" href="{{ url }}" data-product-id="{{ product.id }}">
              {% if product.available %}{% else %}{% endif %}
            </a>
            <scripttag type="text/template" class="quickbuy-placeholder-template" data-product-id="{{ product.id }}">
            <div class="quickbuy-form placeholder">
              <span class="loading-spinner"></span>
            </div>
            </scripttag>
          </div>
        {% else %}
          {%- assign current_variant = product.selected_or_first_available_variant -%}
          {%- if settings.cart_type contains 'drawer' -%}
            {%- assign enable_ajax = true -%}
          {%- else -%}
            {%- assign enable_ajax = false -%}
          {%- endif -%}

          {%- if settings.cart_type == 'drawer-dynamic' -%}
            {%- assign open_cart_drawer = true -%}
          {%- else -%}
            {%- assign open_cart_drawer = false -%}
          {%- endif -%}

          <form method="post" action="/cart/add" id="product_form_{{ product.id }}" accept-charset="UTF-8" class="product-form product-form--mini product-form--not-quickbuy half column" enctype="multipart/form-data" data-ajax-add-to-cart="{{ enable_ajax }}" data-product-id="{{ product.id }}" data-enable-history-state="false" data-open-cart-drawer="{{ open_cart_drawer }}">
            <input type="hidden" name="quantity" value="1" />
            <input type="hidden" name="id" value="{{ current_variant.id }}" />
            <button type="submit" name="add" class="btn product-add" {% unless product.available %}disabled="disabled"{% endunless %} aria-live="polite">
              <span class="button-text">{% if product.available %}{% else %}{% endif %}</span>
              <span class="loading-spinner" aria-label=""></span>
              <span class="added-to-cart-check" aria-label=""></span>
            </button>
        </form>
          <div class="qty-adjuster-container">
            <div class="qty-adjuster qty-adjuster--ajax" {% if current_variant.inventory_management == 'shopify' and current_variant.inventory_policy == 'deny' %}data-limit="{{ current_variant.inventory_quantity }}"{% endif %}>
              <div class="qty-adjuster__inner">
                <button class="btn qty-adjuster__down" aria-label="Decrease">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
                </button>
                <input class="qty-adjuster__value" type="text" pattern="[0-9]*" name="quantity" value="" aria-label="Quantity">
                <button class="btn qty-adjuster__up" aria-label="Increase">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
                </button>
              </div>
            </div>
          </div>
        {% endif %}
      {% endif %}
    </div>
  </div>
  {% assign forloop_index = false %}
      


!function(b,e,f,g,a,c,d){b.fbq||(a=b.fbq=function(){a.callMethod?a.callMethod.apply(a,arguments):a.queue.push(arguments)},b._fbq||(b._fbq=a),a.push=a,a.loaded=!0,a.version="2.0",a.queue=[],c=e.createElement(f),c.async=!0,c.src=g,d=e.getElementsByTagName(f)[0],d.parentNode.insertBefore(c,d))}(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");fbq("init","456144208565041");fbq("track","PageView");

var script=document.createElement("script");script.async=!0;script.type="text/javascript";var target="https://www.clickcease.com/monitor/stat.js";script.src=target;var elem=document.head;elem.appendChild(script);

Complete Diamond Engagement Rings – Williams Jewelers

Tracking domain: googleads.g.doubleclick.net

googleads.g.doubleclick.net

mind-flayer.podium.com

connect.facebook.net

www.google.de

connect.podium.com

www.google.com

assets1.adroll.com

Tracking domain: www.googletagmanager.com

www.googletagmanager.com

events.launchdarkly.com

Tracking domain: www.google-analytics.com

www.google-analytics.com

Tracking domain: region1.analytics.google.com

region1.analytics.google.com

stats.g.doubleclick.net

d.adroll.com

s.adroll.com

app.launchdarkly.com

✅ Low Risk - https://www.williamsdiamonds.com/collections/complete-diamond-engagement-rings?srsltid=AfmBOoovNPFEAF5LtjWdGGnbZ7i3NguKxjEytHpgTYIN6crCOKRjYKFu

Requests	IP Address	Location	AS Autonomous System
44	3.171.214.99	United States	AS16509Amazon.com, Inc.
6	65.9.175.88	United States	AS16509Amazon.com, Inc.
6	54.192.35.127	United States	AS16509Amazon.com, Inc.
6	34.143.75.2	United States	AS396982Google LLC
6	3.5.79.64	Boardman, Oregon, United States	AS16509Amazon.com, Inc.
6	142.251.155.119	United States	AS15169Google LLC
6	23.227.39.200	Ottawa, Ontario, Canada	AS13335Cloudflare, Inc.
6	142.251.156.119	United States	AS15169Google LLC
6	142.251.20.113	United States	AS15169Google LLC
6	142.251.127.100	United States	AS15169Google LLC
284	41	-	-

Security Scan Report: www.williamsdiamonds.com

Summary

AI Security Verdict

Safe Website

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Scan History