1/6

Tavalo Traveller Felt Fedora Hat

Name: Tavalo Traveller Felt Fedora Hat
Brand: Tumahy
Price: 56.7 USD
Availability: InStock

$56.70

FRESH DEAL: Buy 2 get 2nd for 50% off，discount applied in cart

class SpzCustomDiscountFlashsale extends SPZ.BaseElement { constructor(element) { super(element); this.xhr_ = SPZServices.xhrFor(this.win); this.getFlashSaleApi = "\/api\/storefront\/promotion\/flashsale\/display_setting\/product_setting"; this.timer = null; this.variantId = "6e9d82fa-aee8-4f76-8331-800d2b8c5c6f"; // 促销活动数据 this.flashsaleData = {} } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } buildCallback() { this.templates_ = SPZServices.templatesForDoc(); this.viewport_ = this.getViewport(); // 挂载bind函数解决this指向问题 this.render = this.render.bind(this); this.resize = this.resize.bind(this); this.switchVariant = this.switchVariant.bind(this); } mountCallback() { // 获取数据 this.getData(); this.element.onclick = (e) => { const cur = this.win.document.querySelector(".app_discount_flashsale_desc"); const setting = this.flashsaleData.product_setting; const landingUrl = `/promotions/discount-default/${this.flashsaleData.discount_info.id}`; const finalUrl = appDiscountUtils.resolveDiscountHref(setting, landingUrl); if (finalUrl && appDiscountUtils.inProductBody(this.element) && e.target !== cur) { this.win.open(finalUrl, '_blank', 'noopener'); } } // 绑定 this.viewport_.onResize(this.resize); // 监听子款式切换，重新渲染 this.win.document.addEventListener('dj.variantChange', this.switchVariant); } unmountCallback() { // 解绑 this.viewport_.removeResize(this.resize); this.win.document.removeEventListener('dj.variantChange', this.switchVariant); // 清除定时器 if (this.timer) { clearTimeout(this.timer); this.timer = null; } } resize() { if (this.timer) { clearTimeout(this.timer) this.timer = null; } this.timer = setTimeout(() => { this.render(); }, 200) } switchVariant(event) { const variant = event.detail.selected; if (variant.product_id == '41b786d5-0aec-424a-8790-9d5c8e90d9c2' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } getData() { const reqBody = { product_id: "41b786d5-0aec-424a-8790-9d5c8e90d9c2", product_type: "default", variant_id: this.variantId } this.flashsaleData = {}; this.win.fetch(this.getFlashSaleApi, { method: "POST", body: JSON.stringify(reqBody), headers: { "Content-Type": "application/json" } }).then(async (response) => { if (response.ok) { this.flashsaleData = await response.json(); this.render(); } else { this.clearDom(); } }).catch(err => { this.clearDom(); }); } clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } render() { this.templates_ .findAndRenderTemplate(this.element, { isMobile: appDiscountUtils.judgeMobile(), isRTL: appDiscountUtils.judgeRTL(), inProductDetail: appDiscountUtils.inProductBody(this.element), flashsaleData: this.flashsaleData, image_domain: this.win.SHOPLAZZA.image_domain, }) .then((el) => { this.clearDom(); this.element.appendChild(el); }) } } SPZ.defineElement('spz-custom-discount-flashsale', SpzCustomDiscountFlashsale);

The current produc does not participate any Rebate. Switch the participating product to check the design.
(This prompt will not be displayed on the client-side.)

Size:

S

M

L

XL

2XL

Quantity

/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ class SpzCustomDiscountCodeModel extends SPZ.BaseElement { constructor(element) { super(element); // 复制按钮和内容的类名 this.copyBtnClass = "discount_code_btn" this.copyClass = "discount_code_value" } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { // 初始化服务 this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); } /** * 渲染优惠码组件 * @param {Object} data - 渲染数据 */ doRender_(data) { return this.templates_ .findAndRenderTemplate(this.element, Object.assign(this.getDefaultData(), data) ) .then((el) => { this.clearDom(); this.element.appendChild(el); // 绑定复制代码功能 this.copyCode(el, data); }); } /** * 获取渲染模板 * @param {Object} data - 渲染数据 */ getRenderTemplate(data) { const renderData = Object.assign(this.getDefaultData(), data); return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { this.clearDom(); return el; }); } /** * 清除DOM内容 */ clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } /** * 获取默认数据 * @returns {Object} 默认数据对象 */ getDefaultData() { return { isMobile: appDiscountUtils.judgeMobile(), isRTL: appDiscountUtils.judgeRTL(), image_domain: this.win.SHOPLAZZA.image_domain, copyBtnClass: this.copyBtnClass, copyClass: this.copyClass } } /** * 复制优惠码功能 * @param {Element} el - 当前元素 */ copyCode(el) { const copyBtnList = el.querySelectorAll(`.${this.copyBtnClass}`); if (copyBtnList.length > 0) { copyBtnList.forEach(item => { item.onclick = async () => { // 确保获取正确的元素和内容 const codeElement = item.querySelector(`.${this.copyClass}`); if (!codeElement) return; // 获取纯文本内容 const textToCopy = codeElement.innerText.trim(); // 尝试使用现代API，如果失败则使用备用方案 try { if (navigator.clipboard && navigator.clipboard.writeText) { await navigator.clipboard.writeText(textToCopy); } else { throw new Error('Clipboard API not available'); } // 显示复制成功提示 this.showCopySuccessToast(textToCopy, el); } catch (err) { console.error('Modern clipboard API failed, trying fallback...', err); // 使用备用复制方案 this.fallbackCopy(textToCopy, el); } const discountId = item.dataset["discountId"]; // 跳转决策: is_redirection + link(可选覆盖) const setting = { is_redirection: item.dataset["redirection"] === "true", link: item.dataset["link"], }; const landingUrl = `/promotions/discount-default/${discountId}`; const finalUrl = appDiscountUtils.resolveDiscountHref(setting, landingUrl); if (finalUrl && appDiscountUtils.inProductBody(this.element)) { this.win.open(finalUrl, '_blank', 'noopener'); } } }) } } /** * 使用 execCommand 的复制方案 * @param {string} codeText - 要复制的文本 * @param {Element} el - 当前元素 */ fallbackCopy(codeText, el) { const textarea = this.win.document.createElement('textarea'); textarea.value = codeText; // 设置样式使文本框不可见 textarea.style.position = 'fixed'; textarea.style.left = '-9999px'; textarea.style.top = '0'; // 添加 readonly 属性防止移动端虚拟键盘弹出 textarea.setAttribute('readonly', 'readonly'); this.win.document.body.appendChild(textarea); textarea.focus(); textarea.select(); try { this.win.document.execCommand('copy'); // 显示复制成功提示 this.showCopySuccessToast(codeText, el); } catch (err) { console.error('Copy failed:', err); } this.win.document.body.removeChild(textarea); } /** * 创建 Toast 元素 * @returns {Element} 创建的 Toast 元素 */ createToastEl_() { const toast = document.createElement('ljs-toast'); toast.setAttribute('layout', 'nodisplay'); toast.setAttribute('hidden', ''); toast.setAttribute('id', 'discount-code-toast'); toast.style.zIndex = '1051'; return toast; } /** * 挂载 Toast 元素到 body * @returns {Element} 挂载的 Toast 元素 */ mountToastToBody_() { const existingToast = this.win.document.getElementById('discount-code-toast'); if (existingToast) { return existingToast; } const toast = this.createToastEl_(); this.win.document.body.appendChild(toast); return toast; } /** * 复制成功的提醒 * @param {string} codeText - 要复制的文本 * @param {Element} el - 当前元素 */ showCopySuccessToast(codeText, el) { const $toast = this.mountToastToBody_(); SPZ.whenApiDefined($toast).then(toast => { toast.showToast("Discount code copied !"); this.codeCopyInSessionStorage(codeText); }); } /** * 复制优惠码成功后要存一份到本地存储中，购物车使用 * @param {string} codeText - 要复制的文本 */ codeCopyInSessionStorage(codeText) { try { sessionStorage.setItem('other-copied-coupon', codeText); } catch (error) { console.error(error) } } } // 注册自定义元素 SPZ.defineElement('spz-custom-discount-code-model', SpzCustomDiscountCodeModel);

/** * Custom discount code component that handles displaying and managing discount codes * @extends {SPZ.BaseElement} */ class SpzCustomDiscountCode extends SPZ.BaseElement { constructor(element) { super(element); // API endpoint for fetching discount codes this.getDiscountCodeApi = "\/api\/storefront\/promotion\/code\/list"; // Debounce timer for resize events this.timer = null; // Current variant ID this.variantId = "6e9d82fa-aee8-4f76-8331-800d2b8c5c6f"; // Store discount code data this.discountCodeData = {} } /** * Check if layout is supported * @param {string} layout - Layout type * @return {boolean} */ isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } /** * Initialize component after build */ buildCallback() { this.templates_ = SPZServices.templatesForDoc(); this.viewport_ = this.getViewport(); // Bind methods to maintain context this.render = this.render.bind(this); this.resize = this.resize.bind(this); this.switchVariant = this.switchVariant.bind(this); } /** * Setup component when mounted */ mountCallback() { this.getData(); // Add event listeners this.viewport_.onResize(this.resize); this.win.document.addEventListener('dj.variantChange', this.switchVariant); } /** * Cleanup when component is unmounted */ unmountCallback() { this.viewport_.removeResize(this.resize); this.win.document.removeEventListener('dj.variantChange', this.switchVariant); // 清除定时器 if (this.timer) { clearTimeout(this.timer); this.timer = null; } } /** * Handle resize events with debouncing */ resize() { if (this.timer) { clearTimeout(this.timer) this.timer = null; } this.timer = setTimeout(() => { if (appDiscountUtils.inProductBody(this.element)) { this.render(); } else { this.renderSkeleton(); } }, 200); } /** * Handle variant changes * @param {Event} event - Variant change event */ switchVariant(event) { const variant = event.detail.selected; if (variant.product_id == '41b786d5-0aec-424a-8790-9d5c8e90d9c2' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } /** * Fetch discount code data from API */ getData() { if (appDiscountUtils.inProductBody(this.element)) { const reqBody = { product_id: "41b786d5-0aec-424a-8790-9d5c8e90d9c2", variant_id: this.variantId, product_type: "default", } if (!reqBody.product_id || !reqBody.variant_id) return; this.discountCodeData = {}; this.win.fetch(this.getDiscountCodeApi, { method: "POST", body: JSON.stringify(reqBody), headers: { "Content-Type": "application/json" } }).then(async (response) => { if (response.ok) { let data = await response.json(); if (data.list && data.list.length > 0) { data.list[0].product_setting.template_config = JSON.parse(data.list[0].product_setting.template_config); // Format timestamps to local timezone const zone = this.win.SHOPLAZZA.shop.time_zone; data.list = data.list.map(item => { if(+item.ends_at !== -1) { item.ends_at = appDiscountUtils.convertTimestampToFormat(+item.ends_at, zone); } item.starts_at = appDiscountUtils.convertTimestampToFormat(+item.starts_at, zone); return item; }); } this.discountCodeData = data; this.render(); } else { this.clearDom(); } }).catch(err => { console.error("discount_code", err) this.clearDom(); }); } else { this.renderSkeleton(); } } /** * Clear component DOM except template */ clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } /** * Render discount codes with formatted dates */ render() { // Render using discount code model SPZ.whenApiDefined(document.querySelector('#spz_custom_discount_code_model')).then(renderApi => { renderApi.doRender_({ discountCodeData: this.discountCodeData }) }).catch(err => { this.clearDom(); }) } renderSkeleton() { // Render template for non-product pages this.templates_ .findAndRenderTemplate(this.element, { isMobile: appDiscountUtils.judgeMobile() }) .then((el) => { this.clearDom(); this.element.appendChild(el); }) .catch(err => { this.clearDom(); }); } } // Register custom element SPZ.defineElement('spz-custom-discount-code', SpzCustomDiscountCode);

Shipping

Description

Emphatically simple and plain.
That’s how you would describe this charming traveller hat. This classic felt hat for men has been handcrafted and is made of 100% wool. A narrow leather trim band and subtle logo emblem decorate the plain-coloured, heathered hat, which comes with a relatively wide brim. This accessory can be worn with numerous outfits.

Hat Care Guide

Tumahy Hat Care Guide (Felt & Straw)

Proper hat care is the first step to keeping your Tumahy hat looking its best. With the right handling, cleaning, drying, and storage habits, you can help preserve the shape, finish, and lifespan of both felt hats and straw hats.

1) Handle with care (how to pick up your hat)

Avoid repeatedly picking up your hat from the front by pinching the dents. Over time, this can reshape the crown, and prolonged stress may eventually damage felt.
If you lift your hat by the brim, do so as close to the crown as possible to reduce brim distortion.
Ideally, handle your hat by the crown, which generally holds its shape better than the brim.

2) Protect the shape (storage best practices)

Store each hat on a wide peg or hook that won’t leave dimples.
If storing on a flat surface (e.g., a closet shelf), place the hat upside down so the brim doesn’t flatten.
For long-term storage, use a supportive hatbox to protect both crown and brim while keeping dust and moisture away.

3) Use the correct brush

Regular brushing can make a big difference—just choose the right tool:

Felt hats (fur felt / wool): use a soft bristle brush.
Straw hats (including Sinamay-style materials): gently dust with a small whisk broom or soft brush.

4) Avoid water (and dry properly if it gets wet)

No hat enjoys heavy rain. If your hat gets wet:

Shake off excess water immediately.
Don’t use high heat to dry (no hairdryer, radiator, or clothes dryer). Heat can shrink, warp, or weaken materials.
Straw hats: you may gently wipe surface moisture.
Felt hats: avoid rubbing with a towel; allow to air-dry naturally and brush when dry if needed.

5) Use steam to remove dents or bends

If your felt or straw hat gets dented or bent:

Hold it over steam (from a kettle) or near a garment steamer for about 30 seconds.
Gently reshape with your fingers and let it cool/set.
Straw hats only: if needed, you may lightly press with an iron on a low heat setting—too much heat can scorch the straw.

6) Treat grease stains with dry cornstarch

Cornstarch can help absorb oily marks:

Apply dry cornstarch to the stain, let it sit, then gently brush away.
Always check the care label inside your hat for any specific instructions.

Note: These tips are general best practices. If your hat includes specific care directions, please follow those first.

Size Guide

WHAT'S YOUR HEAD SIZE?

Everyone knows their shoe size. Hats? Not so much. But with a few quick measurements, you will know your hat size which, unlike your waist size, will stay the same for the rest of your life.

HOW TO MEASURE YOUR HEAD AND HAT SIZE USING STRING OR A MEASURING TAPE

This is the traditional way that you can use at home to find your hat size.

What You'll Need:

String or ribbon
Ruler
Hat sizing chart
Pen or marker
Standard Measuring Tape

Step 1: Use a Piece of String to Measure Your Head

With the piece of string in your hands, wrap it around the back of your head just slightly above your ears or about 1/8 of an inch higher than your ear tip.

Pull the string around to meet at the center of your forehead just above your eyebrows. If you like your hat to sit a bit higher, you can pull the string around your head exactly to match how your hat rests on your head.

It's important that you don't pull the string too tight. Rather, the string should fit comfortably around your forehead so that it isn't too tight or loose. This should feel exactly the way you want your hat to feel as it rests on your head.

You can mark the distance where the string meets with a pen or marker.

Step 2: Measure the String with a Ruler

Once you have marked the point of circumference on the string, you can lay it flat and place a ruler underneath to find the circumference in inches. You will likely have to measure the size to the nearest 1/8 of an inch.

Step 3: Using a Measuring Tape

If you have a measuring tape you can also wrap it around your head. To measure your head size correctly, wrap the tape snugly just above eyebrows and ears. Use our chart to convert the measurement to the correct hat size.

Step 4: Match the Circumference to the Hat Sizing Chart

Things to Keep in Mind

Hat sizing is really based on your comfort level as well. If you prefer that a hat fits snugly for certain designs or you want a cap that fits slightly loose, you should account for that in your sizing. Your comfort matters most of all when picking the true hat size.
In addition, there are other factors to consider, such as your hairstyle. A hat that is too tight can make your hair stick out in odd ways. Materials and brands can also fit differently. For example, wool and straw may not fit the same hat size.

SHOP BY CATEGORIES

Classic Hollywood

Cowboy Hat

Fedora

Straw&Panama

Sunmmer Straw Hat

Hot Sale

Straw Cowboy

Straw Fedora

Straw Boater

About Tumahy

Tumahy is a brand dedicated to handcrafting a variety of hats, including Fedora, cowboy hats, and various other styles. With a focus on quality craftsmanship and unique designs, we aim to provide our customers with stylish and comfortable headwear options. Each hat is carefully crafted to embody our commitment to excellence and attention to detail. Explore the world of Tumahy and discover the perfect hat to complement your style.

${data.title}

Lightweight Two-Tone Straw Fedora

Beige City Slicker Fedora with Blue Feather Patchwork & Decorative Band

Lightweight Two-Tone Straw Fedora

Cattleman’s Charm Straw Western Hat

Refined Felt Hat – Minimal Shape, Unexpected Details

Beige City Slicker Fedora with Blue Feather Patchwork & Decorative Band

Ash | Dried Flower Hat Band

Lightweight Two-Tone Straw Fedora

Beige City Slicker Fedora with Blue Feather Patchwork & Decorative Band

Lightweight Two-Tone Straw Fedora

Cattleman’s Charm Straw Western Hat

Refined Felt Hat – Minimal Shape, Unexpected Details

Beige City Slicker Fedora with Blue Feather Patchwork & Decorative Band

Ash | Dried Flower Hat Band

Tavalo Traveller Felt Fedora Hat

Description

Hat Care Guide

Tumahy Hat Care Guide (Felt & Straw)

1) Handle with care (how to pick up your hat)

2) Protect the shape (storage best practices)

3) Use the correct brush

4) Avoid water (and dry properly if it gets wet)

5) Use steam to remove dents or bends

6) Treat grease stains with dry cornstarch

Size Guide

SHOP BY CATEGORIES

Sunmmer Straw Hat

Recently Viewed

About Tumahy