warmandwonderfulyp.shop Open in urlscan Pro
188.114.96.3 Public Scan

Back to summary

URL:
https://warmandwonderfulyp.shop/
Submission: On July 14 via api (July 14th 2023, 11:36:28 am UTC) from US — Scanned from NL

Form analysis
3 forms found in the DOM

Name: newsletter-form — POST https://manage.kmail-lists.com/ajax/subscriptions/subscribe

<form id="newsletter_form" action="https://manage.kmail-lists.com/ajax/subscriptions/subscribe" method="post" novalidate="novalidate" name="newsletter-form" class="newsletter__form klaviyo_gdpr_embed_U3ffzb">
  <div class="f newsletter__inner">
    <div class="text-input newsletter__field text-input text-input--newsletter">
      <div class="text-input__wrapper"><input id="text-input-124" name="email" placeholder="Email Address" autocomplete="off" type="email" class="text-input__el p1"> <label id="label-text-input-124" for="text-input-124"
          class="text-input__label p2 is-required"> Email Address </label></div> <!---->
    </div><button type="submit" class="btn newsletter__btn btn--primary klaviyo_submit_button btn--newsletter">
      <div class="button__el">Sign Up</div>
    </button>
  </div>
  <div class="f fw jcc newsletter__buttons">
    <div class="checkbox f checkbox--newsletter">
      <div class="checkbox__icon"><input id="checkbox-927" type="checkbox" name="policy_accept" class="checkbox__icon-el" value=""> <svg viewBox="0 0 11 10" class="checkbox__icon-tick">
          <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-checkmark" x="0" y="0"></use>
        </svg></div> <!----> <label for="checkbox-927" class="checkbox__label">I agree to the privacy policy</label> <!---->
    </div>
  </div>
</form>

POST /cart

<form action="/cart" method="post" novalidate="" class="cart-grid__form">
  <transition name="fade-down">
    <div v-if="cart.errors &amp;&amp; cart.errors.length" class="error cart-grid__error">
      <p>There are errors with your cart:</p>
      <ul>
        <li v-for="error in cart.errors" v-html="error"></li>
      </ul>
    </div>
  </transition>
  <div ref="cart" class="cart-grid__items w1" :class="{ 'is-loading': loading }">
    <transition-group name="fade-left" tag="div" class="cart__body w1">
      <div v-for="(item, index) in cart.items" is="cart-item" class="cart__body-item" :url="item.url" :image="item.image" :price="item.price" :title="item.product_title" :quantity="item.quantity" :type="item.product_type" :index="index"
        :key="'id--' + item.product_id + 'index--' + index" :variant-id="item.variant_id" :variant-title="item.variant_title" :variant-options="item.options_with_values" :handle="item.handle" :flow-cart-items="flowCartItems" :is-flow="isFlowCheckout"
        :ready="ready" :properties="item.properties" :item="item" location="mini-cart" inline-template="" :data-flow-cart-item-number="item.variant_id">
        <div class="cart-item relative">
          <div class="cart-item__info relative clear align-t">
            <div class="cart-item__featured-wrapper">
              <a :href="url" class="cart-item__featured block ratio">
          <div is="vue-image" :src="image" :size="960" :alt="title" spinner-size="sm" css="fit-cover"></div>
        </a>
            </div>
            <div class="cart-item__details pl05">
              <p class="cart-item__details__heading">
                <a class="cart-item__title" :href="url" v-html="productTitle"></a>
                <template v-if="!formattedComparePrice" v-cloak="">
                  <span class="cart-item__details-description heading-font cart-item__details-description--price" v-if="flowPrice &amp;&amp; isFlow &amp;&amp; ready" v-html="flowPrice"></span>
                  <span class="cart-item__details-description heading-font cart-item__details-description--price" v-else-if="ready" v-html="formattedPrice"></span>
                </template>
                <template v-if="formattedComparePrice" v-cloak="">
                  <div class="cart-item__details-description cart-item__details-description--price"><del class="heading-font" v-show="isFlow &amp;&amp; ready" v-html="formattedComparePrice" data-flow-localize="cart-item-compare-at"></del>
                    <del class="heading-font" v-show="!isFlow &amp;&amp; ready" v-html="formattedComparePrice"></del>
                    <span class="heading-font cart-item__details-description--sale-price" v-if="flowPrice &amp;&amp; isFlow &amp;&amp; ready" v-html="flowPrice"></span>
                    <span class="heading-font cart-item__details-description--sale-price" v-else-if="ready" v-html="formattedPrice"></span>
                  </div>
                </template>
              </p>
              <div class="cart-item__details-descriptions mb05">
                <div class="cart-item__details-description">
                  <span v-if="isGiftCard"></span>
                  <ul v-else="">
                    <li class="f aic capitalize" v-for="(option, index) in variantOptions" :key="index" v-if="!isCustomizationSelector &amp;&amp; option.value != 'Default Title'">
                      <template v-if="handleize(option.name) === 'color' &amp;&amp; getSwatchimage">
                        <span v-html="option.name"></span>: <span class="cart-item__details-color" :style="getSwatchimage"></span>
                      </template>
                      <template v-if="handleize(option.name) !== 'color'">
                        <div>
                          <span v-html="option.name"></span>: <span v-html="option.value"></span>
                        </div>
                      </template>
                    </li>
                    <li class="capitalize" v-for="(value, name, index) in properties" :key="index" v-if="isCustomizationSelector">
                      <div>
                        <span v-html="name"></span>: <span v-html="value"></span>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="cart-item__details-quantity">
                <div class="f aic"><select is="select-input" class="cart-item__quantity-selector select-input--quantity-selector" name="quantity" label="Qty:" aria-label="Quantity" :value="quantity"
                    :options="[{label: '1', value: 1 },{label: '2', value: 2 },{label: '3', value: 3 },{label: '4', value: 4 },{label: '5', value: 5 },{label: '6', value: 6 },{label: '7', value: 7 },{label: '8', value: 8 },{label: '9', value: 9 },{label: '10', value: 10 }]"
                    @change="updateQuantity" error="There was an error">
                  </select>
                  <button class="cart-item__remove underline" :aria-label="'Remove ' + title" @click.prevent="remove"> Remove </button>
                </div>
              </div>
            </div>
          </div>
          <button class="cart-item__remove-mobile underline" :aria-label="'Remove ' + title" @click.prevent="remove"> Remove </button>
          <div class="cart-item__price hide align-t align-l">
            <p class="mv05" v-html="formattedPrice"></p>
          </div>
          <p class="sr-only" ref="cartItemStatus" aria-live="polite"></p>
        </div>
      </div>
    </transition-group>
  </div>
  <div class="cart__footer align-c">
    <div class="cart__footer-bottom">
      <h3 class="h3 cart__subtotal">Subtotal<transition name="fade">
          <span class="inline-block h3" v-if="isFlowCheckout &amp;&amp; ready" v-html="flowSubtotal"></span>
          <span class="inline-block h3" v-else-if="!isFlowCheckout &amp;&amp; ready" v-html="subtotal"></span>
        </transition>
      </h3>
      <div class="cart__footer-bottom-wrapper" v-if="!isFlowCheckout"><button class="btn btn--primary btn--full-width cart__footer-bottom-submit" type="submit" name="checkout">
          <div class="button__el">Checkout</div>
        </button></div>
      <div class="cart__footer-bottom-wrapper" v-if="isFlowCheckout"><button class="btn btn--primary btn--full-width cart__footer-bottom-submit" type="submit" name="checkout" @click.prevent="flowRedirect">
          <div class="button__el">Checkout</div>
        </button></div>
    </div>
  </div>
  <div is="recommended-variants" rebuy-id="13752" rebuy-key="2be931713f3e9a106ff3c3e4b2a90f6d3d5cc4fb" inline-template="">
    <div class="recommended-variants recommended-variants--mini-cart" v-if="recommendedVariant &amp;&amp; cartItemIds" :key="activeVariantId">
      <div class="recommended-variants__wrapper">
        <h2 class="h3 recommended-variants__title">You May Also Like</h2>
        <div class="f aic recommended-variants__inner">
          <div class="ratio recommended-variants__featured">
            <a :href="url" v-if="image">

<div class="picture picture--vue--bind-dynamic
 fit-cover recommended-variants__image" :sources="image" :alt="title" :lazy-load="true" is="vue-picture" inline-template="" :key="activeVariantId">
  <picture :class="{ 'is-loaded': isLoaded }">
      <source v-for="(srcset, index) in srcsets" :media="breakpointsArr[index]" :data-srcset="srcset" sizes="(min-width: 1440px) 33vw, (min-width: 1024px) 50vw, (min-width: 768px) 50vw, 100vw" :key="sourcesArr[index]" ref="source">

    <noscript>
      <img class="picture__img is-fallback" src="" alt="title">
    </noscript>

    <img class="picture__img" :data-src="sourcesArr[sourcesArr.length - 1]" :alt="alt ? alt : ''" ref="img" loading="lazy">
  </picture>
</div>
</a>
          </div>
          <div class="recommended-variants__details">
            <h4 v-if="title" class="recommended-variants__product-name">
              <a :href="url" v-html="title"></a>
            </h4>
            <div class="recommended-variants__product-price">
              <div is="flow-price" v-if="isFlow" :handle="productHandle" :variant-id="activeVariantId" css="inline-block"></div>
              <span class="inline-block" v-if="!isFlow" v-html="formattedPrice"></span>
            </div>
            <div class="f aic recommended-variants__form">
              <div class="select-input select-input--recommended-variants" v-if="recommendedOptionsValue.length">
                <div class="select-input__wrap is-inset" v-for="option in recommendedOptionsValue">
                  <label :for="option.name" class="select-input__label" ref="selectLabel">{{ option.name }}:</label>
                  <select :id="option.name" ref="selectEl" class="capitalize recommended-variants__variants select-input__el" @change="updateSelectedOption(option.name, $event)">
                    <option v-for="value in option.values" :value="value" :selected="selectedOptions[option.name] == value" v-html="value">
                    </option>
                  </select>
                  <i class="select-input__icon icon">
                  <svg viewBox="0 0 11 6"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-caret-thin" x="0" y="0"></use></svg>
                </i>
                </div>
              </div><button class="btn btn--primary btn--recommended-variants" type="button" @click="addToCart" ref="addToCartButton" :disabled="!activeVariant.available">
                <div class="button__el" v-text="textButton">Click Here</div>
              </button>
              <p class="sr-only" ref="addToCartStatus" aria-live="assertive" role="alert" aria-hidden="true">Adding product to your cart</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-UAvXTr" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 450px; min-width: 200px; max-width: 1000px; border-radius: 0px; border-style: none; border-width: 7px; border-color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position-y: 50%; padding: 20px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 0px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 0 1 auto; margin: 0px auto;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; width: 100%; height: auto;">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="position: relative; display: flex; align-items: center; width: 100%; height: auto;"><img
              src="https://d3k81ch9hvuctc.cloudfront.net/company/UGwymL/images/95e8e9d4-2df9-4674-b86f-24f3c83bab14.png" tabindex="-1" class="needsclick  kl-private-reset-css-Xuajs1"
              style="max-width: 100%; width: 115px; height: auto; cursor: initial;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;">
          <p style="text-align:center;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span class="ql-font-garamond-premier-pro-caption"
              style="color:rgb(0, 0, 0);font-size:24px;font-family:garamond-premier-pro-caption, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;font-weight:bold;">Enjoy 10% off your first order.</span></p>
          <p style="text-align:center;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span class="ql-font-basic-sans"
              style="color:rgb(0, 0, 0);font-size:14px;font-family:basic-sans, 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;font-weight:400;">Subscribe to our exclusive email list to be the first to know about collaborations, new
              product releases and promotions.</span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_37470529" class="needsclick go4086313865 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="Enter your email address" aria-label="Enter your email address" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 40px; text-align: left; color: rgb(0, 0, 0); font-family: basic-sans, &quot;Lucida Sans Unicode&quot;, &quot;Lucida Sans&quot;, Geneva, Verdana, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(234, 234, 234);">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px; position: relative; flex: 1 0 0px;"><button
          class="needsclick go232014854 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(0, 0, 0); border-radius: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-width: 1px; color: rgb(255, 255, 255); font-family: basic-sans, &quot;Lucida Sans Unicode&quot;, &quot;Lucida Sans&quot;, Geneva, Verdana, sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 11px; padding-bottom: 11px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: auto; width: 100%;">Subscribe</button>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

Text Content

Skip to Main Content
Free shipping on all orders over 130 €
Close promobar
 * Women
 * Men
 * Accessories



 * About Us

 * €
 * Account
 * Bag 0


 * Women
 * Men
 * Accessories

 * About Us

Account
€ NLD




"DIANA EDITION"
SHEEP SWEATER

Shop Now


SHOP NOW

Sheep Sweaters
Accessories
Home & Travel


WONDERFUL SINCE 1979

Warm & Wonderful was founded by Joanna Osborne and Sally Muir, who created the
original sheep sweater in 1979. They shot to fame when a young Princess Diana
began wearing their iconic design.
About Us



COLLABORATIONS


WARM & WONDERFUL X
DEMPSEY & CARROLL

Shop Now


WARM & WONDERFUL X J.STARK

Shop Now


BEST SELLERS

sold out

Women's "Diana Edition" Sheep Sweater in Cotton

220,00 €
sold out

Women's Shetland Cardigan

280,00 €
sold out

Men's "Diana Edition" Sheep Sweater in Cotton

220,00 €
sold out

Warm & Wonderful x Dempsey & Carroll Stationery Set

80,00 €
Shop All



AS SEEN IN





SHOP BY CATEGORY

Shop Women's
Shop Accessories
Shop Men's


SHIPPING

Worldwide Shipping


SECURE PAYMENTS

For all major credit/debit cards


WARRANTY

Quality guaranteed


EASY RETURNS

Complimentary UK and US returns


JOIN THE FLOCK

Subscribe to receive 10% off your first order - and be the first to know about
new product releases, collaborations, special events and more.

Email Address
Sign Up

I agree to the privacy policy


COMPANY

 * About
 * Shipping
 * Returns
 * FAQ
 * Contact


SHOP

 * Women
 * Men
 * Accessories
 * Home & Travel


QUESTIONS?

Reach out to us at baah@warmandwonderful.com

© 2023 Warm & Wonderful. All Rights Reserved
Accessibility Privacy Terms
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 


YOUR BAG

Close Cart

There are errors with your cart:

 * 

 * :
   :
 * :

Remove
Remove






SUBTOTAL

Checkout
Checkout


YOU MAY ALSO LIKE

{{ option.name }}:
Click Here

Adding product to your cart


YOUR BAG IS EMPTY

Why don’t you start with some categories below?

All Men's
All Women's
Shop Accessories








Close form 1

Enjoy 10% off your first order.

Subscribe to our exclusive email list to be the first to know about
collaborations, new product releases and promotions.


Subscribe

warmandwonderfulyp.shop Open in urlscan Pro 188.114.96.3 Public Scan

Form analysis 3 forms found in the DOM

Name: newsletter-form — POST https://manage.kmail-lists.com/ajax/subscriptions/subscribe

POST /cart

Text Content

warmandwonderfulyp.shop Open in urlscan Pro
188.114.96.3 Public Scan

Form analysis
3 forms found in the DOM