${(function(){ const get_random_six_digits = () => { return Math.random().toString().slice(-6) }; const wholesale_enabled = false; const setting_product_image_display = "100%"; const product_image = data.image; const secondary_image = data.secondImage; const image_width = product_image.width; let image_height = product_image.height; if(setting_product_image_display == '100%'){ image_height = image_width }else if(setting_product_image_display == '133.33%'){ image_height = image_width * 1.3333; }; const product_image_hover_on = true && !!secondary_image.src; const has_save_label = true && ((+data.compare_at_price) > (+data.price)); const is_single_variant = data.variants.length == 1; const min_price_variant_href = (data.min_price_variant && data.min_price_variant.available) ? data.min_price_variant.withinUrl : data.withinUrl; const retail_price_max = data.retail_price_max || data.compare_at_price_max; const THUMBNAILS_MAX_SIZE = 3; const thumbnails = data.thumbVariants.slice(0, THUMBNAILS_MAX_SIZE); const image_wrap_id = 'image_wrap_' + get_random_six_digits(); const image_carousel_id = 'image_carousel_' + get_random_six_digits(); const thumbnails_selector_id = 'thumbnails_selector_' + get_random_six_digits(); const form_id = 'form_' + get_random_six_digits(); const mixed_wholesale = data.mixed_wholesale; return `
${ data.available ? `${ (+data.compare_at_price > +data.price) ? `Save
` : '' }` : "Sold out" }
Mixed Lot
${data.title}
${ data.price_min != data.price_max ? `from
` : `
` }
+${data.remainInvisibleThumbCount}
` })()}
Log in
Create an account
${data.data && data.data.count}
Felt Hat
Straw Hat
Cowboy Hat
Felt Cowboy Hat
Straw Cowboy Hat
Spartan 6X Cowboy Hat
￡50.98
Fedora
Felt Fedora
Straw Fedora
Whippet Wool Fedora
￡40.50
Bowler Hat
Top Hat
Flat Brim Hat
Pork Pie Hat
Explorer Hat
Newsboy Cap
Flat Cap
Sun Hats
More links
${(function(){ const formatLinks = (links) => { return links.map(link => { link.tag = tags[link.title.toUpperCase()] || {}; link.target_attr = link.target == '_blank' ? 'target="_blank"' : ''; link.href_attr = link.url ? `href="${link.url}"` : ''; if(link.children && link.children.length){ link.children = formatLinks(link.children); } return link; }) }; const tags = "{}"; let linkList = [ { id: 79626567, title: "Felt Hat", url: "\/collections\/felt-hats", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626569, title: "Straw Hat", url: "\/collections\/straw-hat", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626571, title: "Cowboy Hat", url: "\/collections\/cowboy-hat", target: "", levels: 1, product0: { id: ("14ea8977-8caf-4ce5-9e61-0314ea5f23da") }, children: [ { title: "Felt Cowboy Hat", url: "\/collections\/felt-cowboy-hat", target: "", levels: 0, children: [ ] }, { title: " Straw Cowboy Hat", url: "\/collections\/straw-cowboy-hat", target: "", levels: 0, children: [ ] }, ] }, { id: 79626577, title: "Fedora", url: "\/collections\/fedora", target: "", levels: 1, product0: { id: ("5acbaf32-74b9-4f93-82df-27be3ec8d57c") }, children: [ { title: "Felt Fedora", url: "\/collections\/felt-fedora", target: "", levels: 0, children: [ ] }, { title: "Straw Fedora", url: "\/collections\/straw-fedora", target: "", levels: 0, children: [ ] }, ] }, { id: 79626583, title: " Bowler Hat", url: "\/collections\/bowler-hat", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626585, title: "Top Hat", url: "\/collections\/top-hat", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626587, title: "Flat Brim Hat", url: "\/collections\/flat-brim-hats", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626589, title: "Pork Pie Hat", url: "\/collections\/pork-pie-hat", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626591, title: "Explorer Hat", url: "\/collections\/explorer-hat", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626593, title: "Newsboy Cap", url: "\/collections\/newsboy-cap", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626595, title: "Flat Cap", url: "\/collections\/flat-cap", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626597, title: "Sun Hats", url: "\/collections\/sun-hats", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, ].slice(offset); linkList = formatLinks(linkList); const hasChild = linkList.some(link => !!(link.children && link.children.length || link.product0.id)); return `
${link.title}
${link.tag.label}
${second_link.title}
${second_link.tag.label}
${third_links.title}
${third_links.tag.label}
${link.title}
${link.tag.label}
` })()}
Felt Hat
Straw Hat
Cowboy Hat
Felt Cowboy Hat
Straw Cowboy Hat
Spartan 6X Cowboy Hat
￡50.98
Fedora
Felt Fedora
Straw Fedora
Whippet Wool Fedora
￡40.50
Bowler Hat
Top Hat
Flat Brim Hat
Pork Pie Hat
Explorer Hat
Newsboy Cap
Flat Cap
Sun Hats
More links
${(function(){ const formatLinks = (links) => { return links.map(link => { link.tag = tags[link.title.toUpperCase()] || {}; link.target_attr = link.target == '_blank' ? 'target="_blank"' : ''; link.href_attr = link.url ? `href="${link.url}"` : ''; if(link.children && link.children.length){ link.children = formatLinks(link.children); } return link; }) }; const tags = "{}"; let linkList = [ { id: 79626567, title: "Felt Hat", url: "\/collections\/felt-hats", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626569, title: "Straw Hat", url: "\/collections\/straw-hat", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626571, title: "Cowboy Hat", url: "\/collections\/cowboy-hat", target: "", levels: 1, product0: { id: ("14ea8977-8caf-4ce5-9e61-0314ea5f23da") }, children: [ { title: "Felt Cowboy Hat", url: "\/collections\/felt-cowboy-hat", target: "", levels: 0, children: [ ] }, { title: " Straw Cowboy Hat", url: "\/collections\/straw-cowboy-hat", target: "", levels: 0, children: [ ] }, ] }, { id: 79626577, title: "Fedora", url: "\/collections\/fedora", target: "", levels: 1, product0: { id: ("5acbaf32-74b9-4f93-82df-27be3ec8d57c") }, children: [ { title: "Felt Fedora", url: "\/collections\/felt-fedora", target: "", levels: 0, children: [ ] }, { title: "Straw Fedora", url: "\/collections\/straw-fedora", target: "", levels: 0, children: [ ] }, ] }, { id: 79626583, title: " Bowler Hat", url: "\/collections\/bowler-hat", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626585, title: "Top Hat", url: "\/collections\/top-hat", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626587, title: "Flat Brim Hat", url: "\/collections\/flat-brim-hats", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626589, title: "Pork Pie Hat", url: "\/collections\/pork-pie-hat", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626591, title: "Explorer Hat", url: "\/collections\/explorer-hat", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626593, title: "Newsboy Cap", url: "\/collections\/newsboy-cap", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626595, title: "Flat Cap", url: "\/collections\/flat-cap", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79626597, title: "Sun Hats", url: "\/collections\/sun-hats", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, ].slice(offset); linkList = formatLinks(linkList); const hasChild = linkList.some(link => !!(link.children && link.children.length || link.product0.id)); return `
${link.title}
${link.tag.label}
${second_link.title}
${second_link.tag.label}
${third_links.title}
${third_links.tag.label}
${link.title}
${link.tag.label}
` })()}
Log in
Create an account
${data.data && data.data.count}
${(function(){ if (data === undefined || typeof data !== 'string' || data == '') return '
'; const keyword = encodeURIComponent(data); return `
View more
Your search for '${data}' did not yield any results.
` })()}
Felt Hat
Straw Hat
Cowboy Hat
Cowboy Hat
Felt Cowboy Hat
Straw Cowboy Hat
Fedora
Fedora
Felt Fedora
Straw Fedora
Bowler Hat
Top Hat
Flat Brim Hat
Pork Pie Hat
Explorer Hat
Newsboy Cap
Flat Cap
Sun Hats
Log in
Create an account
(function(){ let w = window.innerWidth; function setHeaderCssVar() { const headerEle = document.getElementById('shoplaza-section-header'); if(!headerEle){ return }; document.body.style.setProperty('--window-height', `${window.innerHeight}px`); document.body.style.setProperty('--header-height', `${headerEle.clientHeight}px`); const mdScorllHideEle = headerEle.querySelector('.header__mobile .header__scroll_hide'); if (mdScorllHideEle) { document.body.style.setProperty('--header-scroll-hide-height-md', `${mdScorllHideEle.clientHeight}px`); } const pcScorllHideEle = headerEle.querySelector('.header__desktop .header__scroll_hide'); if (pcScorllHideEle) { document.body.style.setProperty('--header-scroll-hide-height-pc', `${pcScorllHideEle.clientHeight}px`); } } function handlResize() { if(w == window.innerWidth){return}; w = window.innerWidth; setHeaderCssVar(); }; function init(){ setHeaderCssVar(); window.removeEventListener('resize', window._theme_header_listener) window._theme_header_listener = handlResize; window.addEventListener('resize', window._theme_header_listener); } init(); })();
new 4/28
31 Products
${function(){ const product_total = data.total if(product_total <= 1){ return `${product_total} Product` } return `${product_total} Products` }()}
Sort by
Recommend
Price, low to high
Price, high to low
Newest in
Total sales, high to low
Purchases, high to low
Pageviews, high to low
Sort
Sort by
Recommend
Price, low to high
Price, high to low
Newest in
Total sales, high to low
Purchases, high to low
Pageviews, high to low
Sort
Premium Wool Felt Wide Brim Fedora Hat
￡55.25
+17
Classic Wool Felt Wide Brim Fedora Hat
from
￡46.96
+19
Oasis Wool Wide Brim Fedora Hat
￡50.15
+4
Wide Brim Wool Felt Flat Fedora
￡55.25
+6
Whisper Wool Felt Wide Brim Fedora Hat
from
￡46.96
+19
Classic Straw Flat Brim Cowboy Hat
￡50.40
Short Brim Straw Cowboy Hat for Outdoors
￡50.40
Casual Straw Wide Brim Summer Hat
￡50.40
Breathable Natural Straw Wide Brim Hat
￡50.40
Straw Flat Brim Hat with Leather Trim
￡50.40
Bohemian Straw Outdoor Hat
￡50.40
Unisex Straw Short Brim Ranch Hat
￡50.40
Casual Straw Cowboy Hat for Men & Women
￡50.40
Grove Wool Wide Brim Fedora Hat
￡57.80
Flat Brim Wool Felt Fedora
from
￡49.13
+2
Luna Wool Wide Brim Fedora Hat
￡57.80
+3
Classic Wool Felt Fedora
￡57.80
Premium Wool Fedora Hat
￡50.15
+1
Short Brim Straw Cowboy Hat
￡50.40
Lightweight Straw Cowboy Hat with Short Brim
￡50.40
Black Casual Straw Short Brim Cowboy Hat
￡50.40
Straw Short Brim Cowboy Hat
￡50.40
Straw Short Brim Cowboy Hat – Western Style
￡50.40
Bohemian Straw Flat Brim Fedora Hat
￡50.40
Boho Straw Hat – Casual Outdoor Chic
￡41.40
Boho Straw Hat for Outdoors
￡41.40
Straw Flat Brim Hat for Gardening
￡50.40
Straw Flat Brim Outdoor Hat
￡50.40
No products found
Use fewer filters or
clear all
Recently Viewed
Cart
Your shopping bag is empty
Continue shopping
${item.product_title}
${item.options.map(option => option.value).join('/')}
${propertie.name}/${propertie.isImage ? `
View image
` : propertie.value}
Free gift
Mixed Lot
*${item.quantity}
${item.item_text}
${discount_item.title}
(-
)
${(function(){ var total_price = data.total_price; var postageFreeAmount = 69; var freeAmount = postageFreeAmount - total_price; var isFreeShipping = freeAmount <= 0; var rate = Math.min(total_price / postageFreeAmount * 100, 100).toFixed(2); const textArray = ("Spend {{ amount }} more and get free shipping!").split(/\{\{\s*amount\s*\}\}/); const textArrayHtml = textArray.map((text, index) => { if (index == 0) { return `
${text}
`; } return `
${text}
`; }).join(''); return `
${textArrayHtml}
You've got free shipping
${rate}%
` })()}
Total:
${function() { const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/); if (textArray.length > 0 && textArray.length < 2) { textArray.push(''); } return textArray.map((text, index) => { if (index == 0) { return `
${text}
`; } return `
${text}
`; }).join(''); }()}
${function() { const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/); if (textArray.length > 0 && textArray.length < 2) { textArray.push(''); } return textArray.map((text, index) => { if (index == 0) { return `
${text}
`; } return `
${text}
`; }).join(''); }()}
${discount_application.title}:
-
${data.invalid_msg}
Check out
Shipping calculated at checkout
${(function(){ var total_price = data.total_price; var postageFreeAmount = 69; var freeAmount = postageFreeAmount - total_price; var isFreeShipping = freeAmount <= 0; var rate = Math.min(total_price / postageFreeAmount * 100, 100).toFixed(2); const textArray = ("Spend {{ amount }} more and get free shipping!").split(/\{\{\s*amount\s*\}\}/); const textArrayHtml = textArray.map((text, index) => { if (index == 0) { return `
${text}
`; } return `
${text}
`; }).join(''); return `
${textArrayHtml}
You've got free shipping
${rate}%
` })()}
${data.invalid_msg}
Total:
${function() { const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/); if (textArray.length > 0 && textArray.length < 2) { textArray.push(''); } return textArray.map((text, index) => { if (index == 0) { return `
${text}
`; } return `
${text}
`; }).join(''); }()}
${function() { const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/); if (textArray.length > 0 && textArray.length < 2) { textArray.push(''); } return textArray.map((text, index) => { if (index == 0) { return `
${text}
`; } return `
${text}
`; }).join(''); }()}
${function() { const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/); if (textArray.length > 0 && textArray.length < 2) { textArray.push(''); } return textArray.map((text, index) => { if (index == 0) { return `
${text}
`; } return `
${text}
`; }).join(''); }()}
${discount_application.title}:
-
Check out
${data.invalid_msg}
Check out
Shipping calculated at checkout
Subtotal:
${discount_application.title}:
-
Total:
Check out
Shipping calculated at checkout
const summaryStickyRender = document.querySelector('#cart-drawer-summary-sticky-render'); if (summaryStickyRender) { document.body.style.setProperty('--cart-drawer-summary-sticky-height', summaryStickyRender.clientHeight + 'px'); }
View Cart
${function(){ const productData = data.product; let product_change_event = '', mouse_over_event = ' '; mouse_out_event = ''; const product_options = productData.options.filter(Boolean) || []; for (let opt of product_options) { const nameEscape = opt.name.replace(/\/|\\|\s|\'|\"|`|\<|\>/g, '') product_change_event = product_change_event + `quick-shop-selected-variant-${opt.id}.rerender(data=event.selectedValues.${opt.name});`; mouse_out_event = mouse_out_event + `quick-shop-selected-variant-${opt.id}.rerender(data=event.selectData.${opt.name});`; mouse_over_event = mouse_over_event + `@${nameEscape}Mouseover="quick-shop-selected-variant-${opt.id}.rerender(data=event);"`; } const selectedVariant = productData.variants.find(v => v.available) || productData.variants[0]; const statusLan = ((selectedVariant && !selectedVariant.available) || (!selectedVariant && !productData.available)) ? "Sold out" : "Add to cart"; return `
${statusLan}
` }()}
${function(){ const currentSelectVariant = data.variant; const defaultVariant = (data.product && data.product.variants && data.product.variants[0]); const variantData = currentSelectVariant || defaultVariant || data; const retail_price = variantData.retail_price || 0; return `
Retail
` }()}
${function(){ const wholesale_enabled = false; const qty = data.quantity || 1; const currentSelectVariant = data.variant; const defaultVariant = (data.product && data.product.variants && data.product.variants[0]); const productVariant = null; const variantData = currentSelectVariant || defaultVariant || productVariant; const wholesale_price = variantData.wholesale_price || []; if(wholesale_enabled && wholesale_price.length > 0) { let wholesaleIndex = wholesale_price.findIndex(item => { return item.min_quantity > qty; }); if(wholesaleIndex < 0){ wholesaleIndex = wholesale_price.length - 1; }else if(wholesaleIndex > 0){ wholesaleIndex = wholesaleIndex - 1; } const wholesalePrice = wholesale_price[wholesaleIndex] || ''; return `
` }else { const price = variantData && variantData.price; return price != undefined ? `
` : '
'; } }()}
${function() { let variantImageShowed = false; const currentProduct = data.product; return (currentProduct.options || []).map((option, index) => { const optionName = option.name || ''; const optionId = option.id || ''; const position = `option${index + 1}`; let isThumbImage = false; if (currentProduct.need_variant_image && !variantImageShowed) { const variantNames = ["color"] || []; for (let i = 0, len = variantNames.length; i < len; i++) { const name = variantNames[i].toLowerCase(); if (name === optionName.toLowerCase()) { isThumbImage = true; variantImageShowed = true; } } } const variantType = "button"; const thumbStyle = "image_with_text"; return `
${optionName}:
${option.values.map((value, idx) => { const selected = data.selectedValues[optionName] == value ? 'checked' : ''; let thumbImage = null; if (isThumbImage) { const variants = currentProduct.variants; for (let i = 0, len = variants.length; i < len; i++) { const variant = variants[i]; if (variant[position] == value && thumbImage == null) { thumbImage = variant.image; break; } } } return `
${value}
` }).join('')}
${optionName}
${option.values.map(value => { const selected = data.selectedValues[optionName] == value ? 'selected' : ''; return `
${value}
` }).join('')}
` }).join(''); }()}
${data.originData && data.originData.value || data.value}