H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat
H&F Cristo Fedora Straw Panama Hat

H&F Cristo Fedora Straw Panama Hat

Price

$86.98 $46.99
Save $39.99
3 sold
/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ 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 = "b9443b84-7811-4117-8e0b-3598365740dc"; // 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 == 'a1014936-772a-43ad-869f-39e13de0bafb' && 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: "a1014936-772a-43ad-869f-39e13de0bafb", 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); 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 = "b9443b84-7811-4117-8e0b-3598365740dc"; // 促销活动数据 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 == 'a1014936-772a-43ad-869f-39e13de0bafb' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } getData() { const reqBody = { product_id: "a1014936-772a-43ad-869f-39e13de0bafb", 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);
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = 'b9443b84-7811-4117-8e0b-3598365740dc'; this.isRTL = SPZ.win.document.dir === 'rtl'; this.isAddingToCart_ = false; // 加购中状态 } static deferredMount() { return false; } buildCallback() { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); this.viewport_ = this.getViewport(); } mountCallback() { this.init(); // 监听事件 this.bindEvent_(); } async init() { this.handleFitTheme(); const data = await this.getDiscountList(); this.renderApiData_(data); } async getDiscountList() { const productId = 'a1014936-772a-43ad-869f-39e13de0bafb'; const variantId = this.variant_id; const productType = 'default'; const reqBody = { product_id: productId, variant_id: variantId, discount_method: "DM_AUTOMATIC", customer: { customer_id: window.C_SETTINGS.customer.customer_id, email: window.C_SETTINGS.customer.customer_email }, product_type: productType } const url = `/api/storefront/promotion/display_setting/text/list`; const data = await this.xhr_.fetchJson(url, { method: "post", body: reqBody }).then(res => { return res; }).catch(err => { this.setContainerDisabled(false); }) return data; } async renderDiscountList() { this.setContainerDisabled(true); const data = await this.getDiscountList(); this.setContainerDisabled(false); // 重新渲染 抖动问题处理 this.renderApiData_(data); } clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } async renderApiData_(data) { const parentDiv = document.querySelector('.automatic_discount_container'); const newTplDom = await this.getRenderTemplate(data); if (parentDiv) { parentDiv.innerHTML = ''; parentDiv.appendChild(newTplDom); } else { console.log('automatic_discount_container is null'); } } doRender_(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { this.clearDom(); this.element.appendChild(el); }); } async getRenderTemplate(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, { ...renderData, isRTL: this.isRTL }) .then((el) => { this.clearDom(); return el; }); } setContainerDisabled(isDisable) { const automaticDiscountEl = document.querySelector('.automatic_discount_container_outer'); if(isDisable) { automaticDiscountEl.setAttribute('disabled', ''); } else { automaticDiscountEl.removeAttribute('disabled'); } } // 绑定事件 bindEvent_() { window.addEventListener('click', (e) => { let containerNodes = document.querySelectorAll(".automatic-container .panel"); let bool; Array.from(containerNodes).forEach((node) => { if(node.contains(e.target)){ bool = true; } }) // 是否popover面板点击范围 if (bool) { return; } if(e.target.classList.contains('drowdown-icon') || e.target.parentNode.classList.contains('drowdown-icon')){ return; } const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { node.classList.remove('open-dropdown'); }) // 兼容主题 this.toggleProductSticky(true); }) // 监听变体变化 document.addEventListener('dj.variantChange', async(event) => { // 重新渲染 const variant = event.detail.selected; if (variant.product_id == 'a1014936-772a-43ad-869f-39e13de0bafb' && variant.id != this.variant_id) { this.variant_id = variant.id; this.renderDiscountList(); } }); } // 兼容主题 handleFitTheme() { // top 属性影响抖动 let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ productInfoEl.classList.add('force-top-auto'); } } // 兼容 wind/flash /hero 主题 (sticky属性影响 popover 层级展示, 会被其他元素覆盖) toggleProductSticky(isSticky) { let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ if(isSticky) { // 还原该主题原有的sticky属性值 productInfoEl.classList.remove('force-position-static'); return; } productInfoEl.classList.toggle('force-position-static'); } } setupAction_() { this.registerAction('handleDropdown', (invocation) => { const discount_id = invocation.args.discount_id; const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { if(node.getAttribute('id') != `automatic-${discount_id}`) { node.classList.remove('open-dropdown'); } }) const $discount_item = document.querySelector(`#automatic-${discount_id}`); $discount_item && $discount_item.classList.toggle('open-dropdown'); // 兼容主题 this.toggleProductSticky(); }); // 加购事件 this.registerAction('handleAddToCart', (invocation) => { // 阻止事件冒泡 const event = invocation.event; if (event) { event.stopPropagation(); event.preventDefault(); } // 如果正在加购中，直接返回 if (this.isAddingToCart_) { return; } const quantity = invocation.args.quantity || 1; this.addToCart(quantity); }); } // 加购方法 async addToCart(quantity) { // 设置加购中状态 this.isAddingToCart_ = true; const productId = 'a1014936-772a-43ad-869f-39e13de0bafb'; const variantId = this.variant_id; const url = '/api/cart'; const reqBody = { product_id: productId, variant_id: variantId, quantity: quantity }; try { const data = await this.xhr_.fetchJson(url, { method: 'POST', body: reqBody }); // 触发加购成功提示 this.triggerAddToCartToast_(); return data; } catch (error) { error.then(err=>{ this.showToast_(err?.message || err?.errors?.[0] || 'Unknown error'); }) } finally { // 无论成功失败，都重置加购状态 this.isAddingToCart_ = false; } } showToast_(message) { const toastEl = document.querySelector("#apps-match-drawer-add_to_cart_toast"); if (toastEl) { SPZ.whenApiDefined(toastEl).then((apis) => { apis.showToast(message); }); } } // 触发加购成功提示 triggerAddToCartToast_() { // 如果主题有自己的加购提示，则不显示 const themeAddToCartToastEl = document.querySelector('#add-cart-event-proxy'); if (themeAddToCartToastEl) return; // 显示应用的加购成功提示 this.showToast_("Added successfully"); } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, `${ TAG }.${ name }`, data || {}); this.action_.trigger(this.element, name, event); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } } SPZ.defineElement(TAG, SpzCustomProductAutomatic);
class SpzCustomDiscountBundle extends SPZ.BaseElement { constructor(element) { super(element); } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } mountCallback() { // 同一页可能有多个 block 各自渲染本 snippet，导致逻辑元素 spz-custom-discount-toast(#appsAddCartToastFunc) 重复。 // 仅保留 DOM 中第一个实例，其余重复实例移除自身，保证逻辑元素及其 action 引用(appsAddCartToastFunc)唯一。 const funcs = document.querySelectorAll('#appsAddCartToastFunc'); if (funcs.length > 1 && this.element !== funcs[0]) { this.element.remove(); return; } // 全局折扣 toast 的弹出点分散在多个模板/组件里（含声明式 @atcError），无法逐一在弹出前前置， // 故挂载时幂等地去重并挂到 body；加购 toast 改为弹出前按需去重（见 showAddToCartToast） this.ensureSingleToastInBody_('cart_match_discount_toast_wrap'); } unmountCallback() {} // 同一页面可能有多个 block 各自渲染本 toast snippet（如商详的 discount_automatic + 购物车抽屉里的折扣横幅）， // 导致 toast 外层出现重复 id。重复 id 下 getElementById/querySelector 及 SPZ 动作引用都只命中第一个， // 且被关进抽屉的那份会被抽屉的 transform/overflow 裁剪/错位。这里在挂载时幂等去重： // 只保留一份、移除多余的，并把保留的挂到 body（body 是 position:fixed 最安全的落点，避免被任何祖先裁剪）。可反复调用。 ensureSingleToastInBody_(id) { const els = Array.from(document.querySelectorAll('#' + id)); if (!els.length) return; els.slice(1).forEach((el) => el.remove()); const keep = els[0]; if (keep.parentNode !== document.body) { document.body.appendChild(keep); } } // 主题购物车抽屉是否打开 isInCartDrawer_() { return !!document.querySelector('[data-section-type="cart_drawer"] spz-sidebar[open]'); } setupAction_() { this.registerAction('showAddToCartToast', () => { // 抽屉内加购：主题本就不会有加购效果，统一弹插件自己的 toast // 非抽屉：主题有加购代理则沿用主题加购效果，否则插件兜底 const proxyEl = document.getElementById('add-cart-event-proxy'); const inDrawer = this.isInCartDrawer_(); if (!inDrawer && proxyEl) { return; } // 弹出前按需去重并挂到 body（幂等），避免重复 id 命中错对象或被抽屉裁剪/错位 this.ensureSingleToastInBody_('apps_add_cart_toast_wrap'); const toastEl = document.querySelector('#apps-match-drawer-add_to_cart_toast') SPZ.whenApiDefined(toastEl).then((apis) => { apis.showToast("Added successfully"); }); }); } buildCallback() { this.setupAction_(); }; } SPZ.defineElement('spz-custom-discount-toast', SpzCustomDiscountBundle);
Free shipping

primary color

Please select a primary color

size

Please select a size

Quantity

Free worldwide shipping for order over $79
Returns&Exchange
Sustainably made
Secure payments

Handmade Panama hat made in Ecuador Description

Nothing says quality like hand-woven Panama straw. The Scala Classico wide brim outback hat with vented crown is no exception. Perfect for nearly any occasion, it’ll leave you looking good but feeling cool.

The Classic Panama in fine llano weave is a top of the range Panama hat. This handmade hat has been our most popular selling men’s hat for over 25 years. This perennial favourite is the true “Panama hat” and will bring both elegance and comfort to your summer wardrobe. The fineness of the fibres make it more flexible than our select weaves therefore it can be rolled for travel when used with our hat tubes.

Not only will you look fantastic in your hatbor Panama, you will also feel great in knowing that through you helping to preserve the tradition of hat weaving for the next generation.

Unlike the journey taken by most Panama Hats in the world, which pass through hands of middlemen before being shipped out of Ecuador. hatbor works directly with our artisans. One of the many benefits of our shorter supply chain is that we can bring you a luxury, long lasting product at an affordable price from the hand of the weaver to you.

Materials: Toquilla Straw, Carludovica Palmata, Paja Toquilla, Straw

Country/Region of Manufacture: Ecuador 

Brand: Hatbor

Features: 100% Handmade

  • Hand Woven Ecuadorian Panama
  • 3" Brim
  • 4 1/2" Vented Crown
  • Leather Band
  • Sweatband
  • Made in Mexico

HOW TO DETERMINE YOUR HAT SIZE

Use a tape measure (or a length of string that you will have to hold up to a tape measure) to determine the length. Place the string or tape around your head about 1/8″ above your ear, across the mid-forehead, completely circling your head. Hold the tape firmly, but not too tightly. Basically you need to measure your head exactly where the hat will sit. If your measurement falls between sizes, choose the next largest size.

SIZE CHART

The Panama hat is not only a fashion but also a fine handmade artwork. Lightweight, breathable and shading make it the darling of summer trends.

STAND OUT FROM THE CROWD - First popularized by American President Teddy Roosevelt while touring the Panama Canal in 1906, these Ecuadorian born hats have since been known simply as Panama hats. Over the past century, these hats have been donned by travelers the world over as their timeless style and quality craftsmanship remain unchanged. 

Handwoven in Ecuador from the softest strands of the toquilla palm, our Premium Panama Hat is fashioned using artisan techniques dating back to the time of the Incas. This lightweight, breathable hat also features an ultra-soft twill sweatband and a covered interior crown for added durability. The perfect marriage of traditional artistry and modern comfort, this hat will suit you wherever you may roam.

Certification

At present, Hatbor hats has passed BSCI, SGS, ITS, ISO, RWS etc., to ensure that its products and services meet the market standards.

Authentic Quality

Genuinely handmade by master weavers directly in Ecuador!



Excellent Sun Protection

  • Ideal for outdoor activities such as gardening, beaches, swimming pools, parks, camping, hiking, church activities, tournament days, etc. No matter where you wear this stylish cute hat.

SHIPPING

We ship to over 150 countries, including the US, CA, AU and all countries in Europe.
AFTER-SALE SERVICEDear Customer, purchase any product here and try it in the comfort of your own home for 14 days.
If for whatever reason you’re not completely satisfied, then return the product within 14 days!

Packaging Information:
  1 X Panama Outback- Muirfield&BOX PACKING

PayPal is welcomed here. If you don't have a PayPal account, we accept all credit cards: just select 'PayPal' and click the 'Pay with Debit or credit card button.  
OUR GUARANTEE
We will provide 100% satisfactory customer satisfaction. If you do not have a good shopping experience for any reason, we will make every effort to ensure that you are 100% satisfied with the items you purchase. Online shopping can sometimes be a daunting task, so we want you to know that buying something and trying it is absolutely risk-free. If you don't like it, don't be sad, we will do it right. If you need help, please contact us and we are here to serve you. 

 

How Can I Pay？

PAYMENT METHODS

100% Safe & Secure Payment Online 

We welcome you to pay for your order with any payment method including credit card and PayPal. We take your privacy and security very seriously and we do not retain any of your payment information, therefore your payment details are safe with us.

PAYING WITH CREDIT OR DEBIT CARDS

The available credit card options are listed above. The credit card companies listed above are the most commonly used credit cards on this site. If your credit card company is not listed, please do not worry, we encourage you to continue shopping.

Please note that we do not collect your credit/debit card number or personal information when you make a payment. If you have any questions about a transaction on our site, please check with your card-issuing bank.

1. Choose your shipping address OR create a new one.
2. Choose Credit Card payment and click on your card type.
3. Enter your Card Details and check the Cardholder Details.
4. Click 'Make Payment' and your payment will be processed. A receipt will be sent to your email inbox.

PAYING WITH PAYPAL

The most popular online payment method. We are fully PayPal verified so you can always shop with peace of mind.

Through PayPal, you can pay with credit card, debit card, or bank account balance. 

When you place an order with Paypal you will be redirected to the PayPal payment page, where you can confirm your payment by logging in with your PayPal username and password.

You may still check out even without a PayPal account. To do so, please click on "Pay with Debit/Credit Card" and you’ll be redirected to a secure page where you can enter your credit card information or complete your payment safely via PayPal.

1. Select your cart and click "check out". Fill in your shipping information and click "complete order".

2. In the pop-up window, click on the location on the image below.

3. Choose your bank country.

4. Now you can use credit cards to pay.

5. Last Tip:
Do you want to use this credit card to create a paypal account?
According to your needs, choose yes or no.

6. Successful payment.

NOTE: Credit cards can only be tried 10 times per hour, if you have made many failed attempts, the credit card would be locked for one hour. We never saves your card number and detail information.If you have any payment problems, Please contact with us: service@hatbor.com

Shipment Cost & Policy

Our goal is to offer you the best shipping options, no matter where you live. Every day, we deliver to hundreds of customers across the world, ensuring that we provide the highest levels of responsiveness to you at all times.

The time frame for order delivery is divided into two parts:

1.Processing time: Order verification, quality check, and packaging. All orders are sent to the fulfillment center for dispatch within 24-48 hours after the order is placed.
2.Shipping time: This refers to the time it takes for items to be shipped from our fulfillment center to the destination. United States，United Kingdom：Standard Shipping (10-18 days), Express Shipping (7-12 days), Free Shipping (10-18 days).Other countries：Standard Shipping (10-20 days),  Free Shipping (10-20 days).

SHIPPING COST

Shipping Plan NameShipping FeeCalculation Rules
BUY 2 GET FREE SHIPPINGFreeQuantity ≥ 2 items
Standard Shipping$9.99Price $0.00 - $49.00 USD
VIP Fast Air Freight Shipping$19.99All orders
Free ShippingFreePrice ≥ $49.00 USD

Note:

  • "BUY 2 GET FREE SHIPPING" promotion applies to orders with 2 or more items, shipping fee will be waived at checkout.
  • For orders below $49.00 USD, customers can choose from Expedited Shipping, Air Shipping, or Tracking Standard Shipping at the respective shipping fee.
  • Free Shipping will be automatically applied to orders with a subtotal of $49.00 USD or more, after discounts and before taxes.

WE OFFER WORLDWIDE SHIPPING TO MOST COUNTRIES !

There might be some delays due to the force majeure recently. hatbor will pay attention to the tracking for our customers, if you have any

questions, please contact us to help.

Normally it will take 0.5-2 business days to process your order ( if your order needs to be customized, it might takes longer time to process), regardless

of the shipping option selected at checkout. We ship Monday through Saturday. Please allow up to 2 business days for orders to process (for example, if

you order on Monday, your order should ship out on Monday or Tuesday). You will receive a confirmation e-mail with the tracking link once your order

shipped out. Express shipping options and any other third-party fees are non-refundable.

Normally, we send out your order out by DHL. If you want other shipping methods, please tell us before placing your order.

Most orders will be received in 5-10 business days, such USA, Europe, Canada. On very rare occasions, international shipping to some countries may take

10-15 days or even longer for some slow-to-ship countries such as Brazil, Mexico, and Romania. We are not responsible for any delays caused by the

destination country's customs clearance processes.

Territories of the United States: For those who reside in a territory of the United States that we ship to, your please allow anywhere between 3-5 business days for your order.

It is the intention of hatbor to do business globally and in full compliance with U.S. domestic laws and regulations as well as international laws and regulations such as the United States Foreign Corrupt Practices Act (FCPA) and UK Bribery Act. hatbor recognizes that local environmental conditions, as well as laws and regulations unique to certain countries, are conducive to higher risks that need to be properly assessed, monitored and managed. Key risks of new business deals internationally need to be identified and understood to ensure that excessive risk is not introduced into the company that exceeds our risk appetite and/or cannot be mitigated. hatbor does not conduct business in the countries listed below:

• Afghanistan
• Cuba
• Iran
• Iraq
• North Korea
• Somalia
• South Sudan
• Sudan
• Syria
• Yemen

• The Crimea region of Ukraine

Affected by covid-19 or extreme weather, or the sales volume of individual hot-selling styles is too large, urgent production is required, and inventory is limited, so shipments will be delayed.

In addition, this delay time will not exceed the shipping time we set by too much. If you are not satisfied with the delivery time of the product, you can contact us at any time: service@hatbor.com  we will refund the shipping fee you paid in proportion