Descriptions:
- Color: Black, Brown, Green, Khaki
- Upper Material: Faux Suede
- Outsole Material: Rubber
- Type: Sock Boots, Work Shoes, Hand-stitched Boots
- Function: Soft, Slip Resistant
- Occasion: Outdoor, Daily, Holiday
- Closure Type: Lace-up
- Season: All Season
- Tube Height: Ankle
- Toe Type: Round
Size Guide
| Tag Size |
US |
UK |
EU |
JA |
BR |
Feet Length |
Feet Width |
| Inches |
Cm |
Inches |
Cm |
| 39 |
6.5 |
5.5 |
39 |
24.5 |
36 |
9.57 |
24.31 |
3.59 |
9.12 |
| 40 |
7.5 |
6.5 |
40 |
25 |
37 |
9.76 |
24.79 |
3.66 |
9.30 |
| 41 |
8 |
7 |
41 |
25.5 |
38 |
9.96 |
25.30 |
3.74 |
9.50 |
| 42 |
8.5 |
7.5 |
42 |
26 |
39 |
10.16 |
25.81 |
3.81 |
9.68 |
| 43 |
9 |
8 |
43 |
26.5 |
40 |
10.35 |
26.29 |
3.88 |
9.86 |
| 44 |
10 |
9 |
44 |
27 |
41 |
10.55 |
26.80 |
3.96 |
10.06 |
| 45 |
10.5 |
9.5 |
45 |
27.5 |
42 |
10.75 |
27.31 |
4.03 |
10.24 |
| 46 |
11 |
10 |
46 |
28 |
43 |
10.94 |
27.79 |
4.1 |
10.41 |
| 47 |
11.5 |
10.5 |
47 |
28.5 |
44 |
11.13 |
28.27 |
4.17 |
10.59 |
| 48 |
12 |
11 |
48 |
29 |
45 |
11.32 |
28.75 |
4.24 |
10.77 |
| 49 |
12.5 |
11.5 |
49 |
29.5 |
46 |
11.51 |
29.24 |
4.31 |
10.95 |
| 50 |
13 |
12 |
50 |
30 |
47 |
11.7 |
29.72 |
4.38 |
11.13 |
Item measurements
We strongly suggest you take your measurements before placing an order.Follow the guide here below to measure yourself ![how to measure]()
Please note: The size may be 2cm/1 inch inaccuracy due to hand measure.
You may also like
Don't Like These？
const TAG = 'spz-custom-painter-button-animation';
const MAX_ITERATION_COUNT = 99999999;
const SITE = (window.C_SETTINGS && window.C_SETTINGS.routes && window.C_SETTINGS.routes.root) || '';
const ADD_TO_CART_ANIMATION_SETTING =
`${SITE}/api/marketing_atmosphere_app/add_to_cart_btn_animation/setting`;
class SpzCustomPainterButtonAnimation extends SPZ.BaseElement {
/**@override */
static deferredMount() {
return false;
}
/** @param {!SpzElement} element */
constructor(element) {
super(element);
/** @private {!../../src/service/xhr-impl.Xhr} */
this.xhr_ = SPZServices.xhrFor(this.win);
/** @private {Object} */
this.data_ = null;
/** @private {Element} */
this.addToCartButton_ = null;
/** @private {boolean} */
this.productAvailable_ = true;
/** @private {number} */
this.timerId_ = null;
/** @private {number} */
this.animationExecutionCount_ = 0;
/** @private {boolean} */
this.selectedVariantAvailable_ = true;
/** @private {number} */
this.delay_ = 5000;
/** @private {number} */
this.iterationCount_ = 5;
/** @private {string} */
this.animationClass_ = '';
}
/** @override */
isLayoutSupported(layout) {
return layout == SPZCore.Layout.LOGIC;
}
/** @override */
buildCallback() {
this.productAvailable_ = this.element.hasAttribute('product-available');
this.selectedVariantAvailable_ = this.element.hasAttribute('selected-variant-available');
}
/** @override */
mountCallback() {
this.render_();
}
/** @private */
render_() {
if (!this.productAvailable_) {
return;
}
this.fetch_().then((data) => {
if (!data) {
return;
}
this.data_ = data;
this.animationClass_ = `painter-${data.animation_name}-animation`;
this.iterationCount_ =
data.animation_iteration_count === 'infinite'
? MAX_ITERATION_COUNT
: data.animation_iteration_count;
const animationDuration = 1;
const animationDelay = data.animation_delay || 5;
this.delay_ = (animationDuration + animationDelay) * 1000;
this.handleButtonEffect_();
});
}
/**
* @param {JsonObject} data
* @return {(null|Object)}
* @private
*/
parseJson_(data) {
try {
return JSON.parse(data);
} catch (e) {
return null;
}
}
/**
* @return {Promise}
* @private
*/
fetch_() {
return this.xhr_.fetchJson(ADD_TO_CART_ANIMATION_SETTING).then((data) => {
if (!data || !data.enabled) {
return null;
}
return this.parseJson_(data.detail);
});
}
/** @private */
getAddToCartButton_() {
this.addToCartButton_ = SPZCore.Dom.scopedQuerySelector(
document.body,
'[data-section-type="product"] [role="addToCart"], [data-section-type="product_detail"] [role="addToCart"], [data-section-type="product_detail"] [data-click="addToCart"], [data-section-type="product"] [data-click="addToCart"]'
);
}
/** @private */
restartAnimation_() {
this.addToCartButton_.classList.remove(this.animationClass_);
this.addToCartButton_./* OK */ offsetWidth;
this.addToCartButton_.classList.add(this.animationClass_);
this.animationExecutionCount_++;
}
/** @private */
clearTimer_() {
this.win.clearInterval(this.timerId_);
this.timerId_ = null;
}
/** @private */
setupTimer_() {
this.timerId_ = this.win.setInterval(() => {
this.restartAnimation_();
if (this.animationExecutionCount_ >= this.iterationCount_) {
this.removeAnimationClass_();
this.clearTimer_();
}
}, this.delay_);
}
/** @private */
restartTimer_() {
if (this.animationExecutionCount_ >= this.iterationCount_) {
this.removeAnimationClass_();
return;
}
this.setupTimer_();
}
/** @private */
listenVariantChange_() {
SPZUtils.Event.listen(self.document, 'dj.variantChange', (e) => {
const selectedVariant = e.detail && e.detail.selected;
if (!selectedVariant) {
return;
}
const {available} = selectedVariant;
if (this.selectedVariantAvailable_ !== available) {
this.selectedVariantAvailable_ = available;
this.clearTimer_();
if (available) {
this.restartTimer_();
}
}
});
}
/** @private */
removeAnimationClass_() {
this.win.setTimeout(() => {
this.addToCartButton_.classList.remove(this.animationClass_);
}, 1000);
}
/** @private */
handleButtonEffect_() {
this.getAddToCartButton_();
if (!this.addToCartButton_) {
return;
}
if (this.selectedVariantAvailable_) {
++this.animationExecutionCount_;
this.addToCartButton_.classList.add(this.animationClass_);
if (this.iterationCount_ === 1) {
this.removeAnimationClass_();
return;
}
this.setupTimer_();
}
this.listenVariantChange_();
}
}
SPZ.defineElement(TAG, SpzCustomPainterButtonAnimation);
