Cowboy Hats & Western Hats Australia - Ringers Western (2024)

`}ProductItem = ProductItem || { // Variable declared in theme.liquid props: { product: { type: Object, required: true } }, delimiters: ["<{", "}>"], data() { return { product_for_select: {}, image_link: '#' } }, components: { 'custom-select': VariantAtc }, created() { this.product_for_select = (this.product.sub_products && this.product.sub_products.length > 0) ? this.product.sub_products[0] : this.product; this.image_link = this.product_for_select.url; }, methods: { switch_colour(id) { const sub_product = this.product.sub_products.find(colour => colour.product_id == id); this.product.sub_products.forEach(colour => colour.currently_selected = false); sub_product.currently_selected = true; this.product_for_select = sub_product; this.image_link = this.product_for_select.url; } }, computed: { product_title_one() { const words = this.product.title.split(' '); const first_two_words = words[0] + ' ' + words[1]; switch(first_two_words) { case 'King River': case 'Lake Argyle': case 'Pentecost River': case 'Signature Bull': case 'Boss Lady': case 'Australian Made': case 'Ord River': case 'Limited Edition': case 'Pack Saddle': return first_two_words; default: return words[0]; } }, product_title_two() { return this.product.title.replace(this.product_title_one, ''); } }, template: ``} const CollectionPageAppOptions = { name: "Collection Page", delimiters: ["${", "}$"], components: { 'product-item' : ProductItem }, data() { return { product_count: { all: 35, current_selection: 35 }, sort_mode: "manual", products : [], filtered_sets: [], currently_open_select_button: null, tags_applied_on_page_load: [], current_tags: [], possible_tags: ["Accessories","can_be_discounted","category_hats","category_lifestyle","category_lifestyle_subcategory_felt","category_lifestyle_subcategory_outdoor","category_lifestyle_subcategory_straw","category_western","category_western_subcategory_beaver","category_western_subcategory_straw","category_western_subcategory_wool_felt","cmc24","colour_beige","colour_black","colour_brown","colour_charcoal","colour_chocolate","colour_desert_tan","colour_mustard","colour_natural","colour_natural_/_aqua","colour_natural_/_pink","colour_orange","colour_pink","colour_red","colour_riverstone","colour_sand","colour_silverbelly","colour_white","DENI23","EOFY24_15","EOFY24_20","EOFY24_50","EOFY24_55","EOFY24_OVER40","EOFY24_SALE","EXTRA5","Frontiers","gender_accessories","gender_kids","Hats","HATS_SIZE_GUIDE","headwear","headwear_-_frontiers","headwear_-_hats","is_on_order","Kids","Kids Headwear","KIDS WESTERN HATS","LIFESTYLE-HAT","lifestyle-hats","lifestyle-hats-outdoor","lifestyle-hats-straw","lifestyle-hats-woolfelt","NEWSALE","not_activewear","not_australian_made","not_coporate","not_denim","not_hivis","not_knitwear","not_leather_goods","not_limited_edition","not_new_arrival","not_puffer","nvgroup_drafter_hat","nvgroup_frontier_hat","nvgroup_indiana_hat","nvgroup_minamurra_hat","nvgroup_rivercrossing_hat","nvgroup_sterling_hat","nvgroup_woodford_hat","price_120_plus","price_40_to_80","price_80_to_129","set-boulia-hat","set-buchanan-hat","set-buster-kids-hat","set-carson-hat","set-colevale-hat","set-drafter-hat","set-frontier-hat","set-indiana-hat","set-minamurra-hat","set-rivercrossing-hat","set-sterling-hat","set-tasman-kids-hat","set-woodford-hat","size_53","size_54","size_55","size_56","size_57","size_58","size_59","size_60","size_61","size_62","size_l","size_m","size_s","western-hats","western-hats-felt","western-hats-kids","western-hats-premium","western-hats-straw","XMASCOMBO","XMASHATS",], filter_options: [ { name: "Category", options: [] }, { name: "Gender", options: [] }, { name: "Price", options: [] }, { name: "Size", options: [] }, { name: "Colour", options: [] } ], minPrice: 0, maxPrice: 400, loading: false, loading_more: false, first_load: true, noPushState: false, grid: 2, screen_width: Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0), paginated: false, pages_loaded: [], current_page: 1, totalNumPages: null, is_sale_section: false, lastWindowLocation: '' } }, computed: { showLoadMore() { // return this.pages_loaded[this.pages_loaded.length-1] < this.totalNumPages; return this.current_page < this.totalNumPages; }, showLoadPrev() { // return !this.loading && this.paginated && this.pages_loaded[0] > 1; return !this.loading && this.current_page > 1; }, showFilters() { return true; }, pageParam() { const params = new Proxy(new URLSearchParams(window.location.search), { get: (searchParams, prop) => searchParams.get(prop), }); return parseInt(params.page) || 1; } }, methods: { getJSONProductList(tags = '', sort_by = '', page = 1, price = {min: '', max: ''}, initial_load = false, backwards = false) { (initial_load) ? this.loading = true : this.loading_more = true; $.get(`/collections/hats${tags}?view=count${price.min ? `&filter.v.price.gte=${price.min}` : ""}${price.max ? `&filter.v.price.lte=${price.max}` : ""}`, num => { CollectionPageApp.product_count.current_selection = parseInt(num); this.totalNumPages = Math.ceil(this.product_count.current_selection / 76); // console.log('[getJSONProductList] page=', page, ' / initial_load=', initial_load, ' / backwards=', backwards, ' / this.product_count.current_selection=', this.product_count.current_selection, ' / totalNumPages=', this.totalNumPages); if(backwards) page--; if(page > 1 && !this.noPushState) { window.history.pushState({ }, '', `${window.location.pathname}?page=${page}`); } else if (!this.noPushState) { window.history.pushState({ }, '', window.location.pathname); } $.get(`/collections/hats${tags}?view=full-data&page=${page}&sort_by=${sort_by}${price.min ? `&filter.v.price.gte=${price.min}` : ""}${price.max ? `&filter.v.price.lte=${price.max}` : ""}`, (data) => { const products = JSON.parse(data); if(initial_load) { CollectionPageApp.products = products; if(page < 2) { this.pages_loaded = [1]; } } else { if(backwards) { this.pages_loaded.unshift(page); CollectionPageApp.products.unshift(...products) } else { CollectionPageApp.products.push(...products); this.pages_loaded.push(page); } } $('.collection-page-grid').css('min-height', ''); this.products.forEach(product => { product.is_sale_section_item = (this.is_sale_section && product.tags.includes('VIP_SALE')); }); this.loading = false; this.loading_more = false; setTimeout(() => { this.addYotpoReviewData(); }, (this.first_load ? 1000 : 100)); // if($(window).width() > 749) { // window.scrollTo({ top: 1000, behavior: 'smooth'}); // } setTimeout(() => { $('.product-item__image-alternative').hide(); $('.product-item__image-wrapper--slider').not('.slick-initialized').slick({ dots: true, arrows: true, slidesToShow: 1, rtl: true, slide: '.img-slide', prevArrow: ``, nextArrow: `` }); $('.slick-arrow, .slick-dots li').on('click', e => e.preventDefault()); }, 200); if (initial_load && this.pageParam && !this.first_load) { // const scrollPos = ($(window).width() > 749) ? 120 : 300; let scrollPos = document.getElementById('collection-app').offsetTop - 10 - (document.getElementById('shopify-section-header').classList.contains('shopify-section-header-hidden') ? 0 : 80); if (!scrollPos || scrollPos < 150) { scrollPos = ($(window).width() > 749) ? 120 : 300; } $(window).scrollTop(scrollPos); } if(page > 1) { // window.history.replaceState({ }, '', `${window.location.pathname}?page=${page}`); this.pageParam = page; } else if (!this.noPushState) { // window.history.replaceState({ }, '', window.location.pathname); } this.noPushState = false; this.first_load = false; this.current_page = page; }); }); }, loadMore() { const tags = '/'+this.current_tags.map(tag => tag.value).join('+') // const page = this.pages_loaded[this.pages_loaded.length-1] + 1; const page = this.current_page + 1; // this.getJSONProductList(tags, this.sort_mode, page, {min: this.minPrice, max: this.maxPrice}); this.scrollToTop(); this.getJSONProductList(tags, this.sort_mode, page, {min: this.minPrice, max: this.maxPrice}, true); }, loadPrevious() { const tags = '/'+this.current_tags.map(tag => tag.value).join('+'); const page = (this.current_page > 1 ? this.current_page - 1 : 1); // this.getJSONProductList(tags, this.sort_mode, this.pages_loaded[0], {min: this.minPrice, max: this.maxPrice}, false, true); this.scrollToTop(); this.getJSONProductList(tags, this.sort_mode, page, {min: this.minPrice, max: this.maxPrice}, true); }, loadFirstPage() { this.loadPage(1); }, loadLastPage() { this.loadPage(this.totalNumPages); }, loadPage(page) { if (page === '...') { return; } const tags = '/'+this.current_tags.map(tag => tag.value).join('+'); this.scrollToTop(); this.getJSONProductList(tags, this.sort_mode, page, {min: this.minPrice, max: this.maxPrice}, true); }, scrollToTop() { let scrollPos = document.getElementById('collection-app').offsetTop - 10 - (document.getElementById('shopify-section-header').classList.contains('shopify-section-header-hidden') ? 0 : 80); if (!scrollPos || scrollPos < 150) { scrollPos = ($(window).width() > 749) ? 120 : 300; } window.scrollTo({ top: scrollPos, behavior: 'smooth'}); // console.log('[440]scrollPos = ', scrollPos, ' / ', document.getElementById('shopify-section-header').classList.contains('shopify-section-header-hidden')); }, pageNumberList() { let numberToShow = 3; let ar = []; let startNum = this.current_page - numberToShow + 1; if (startNum < 1) { startNum = 1; } if (startNum > 1) { ar.push(1); if (startNum > 2) { ar.push('...'); } } for (let i = startNum; i <= this.totalNumPages && i < this.current_page; i++) { ar.push(i); } for (let i = this.current_page; i <= this.totalNumPages && i < this.current_page + numberToShow; i++) { ar.push(i); } if (this.current_page + numberToShow <= this.totalNumPages) { if (this.current_page + numberToShow < this.totalNumPages) { ar.push('...'); } ar.push(this.totalNumPages); } return ar; }, tagLabel(tag_prefix, tag) { if(tag.includes('subcategory_')) { return tag.replace(tag_prefix, '').split('subcategory_')[1].replaceAll('_', ' ').trim(); } else { if (tag_prefix == 'price_') { return tag.replace(tag_prefix, '$').replaceAll('_', ' ').replace('to ', '- $').trim(); } else { if(tag_prefix == 'size_') { return tag.substring(5).replace('_','.'); } else { return tag.replace(tag_prefix, '').replaceAll('_', ' ').trim(); } } } }, sortSizeTags(options) { const sortSizes = (a, b) => { const sizes = ['2XS', 'XXS', 'XS', 'Extra Small', 'S', 'Small', 'M', 'Medium', 'L', 'Large', 'XL', 'Extra Large', '2XL', 'XXL', '3XL', 'XXXL', '4XL', 'XXXXL', '5XL', '6XL', '7XL', '8XL', '9XL', '10XL']; a = (a.label.includes('K') || a.label.includes('US')) ? a.label.replace(/[^\d.]/g, '') : a.label; b = (b.label.includes('K') || b.label.includes('US')) ? b.label.replace(/[^\d.]/g, '') : b.label; const aIdx = sizes.indexOf(a.toUpperCase()); const bIdx = sizes.indexOf(b.toUpperCase()); if (aIdx < 0) { if (!isNaN(a) && !isNaN(b)) { return Number(a) - Number(b); } return !isNaN(a) ? -1 : 1; } if (bIdx < 0) { if (!isNaN(a) && !isNaN(b)) { return Number(a) - Number(b); } return !isNaN(b) ? -1 : 1; } return aIdx - bIdx; }; for(i=0;i < options.length; i++) { options[i].label = options[i].label.toUpperCase(); } return options.sort(sortSizes); }, splitTags(namesArray) { const accepted_colours = [ "colour_black", "colour_white", "colour_grey", "colour_brown", "colour_multi", "colour_yellow", "colour_orange", "colour_red", "colour_purple", "colour_pink", "colour_blue", "colour_green", "colour_camel", "colour_beige" ] namesArray.forEach(name => { let filter_options = this.filter_options.find(filter => filter.name == name); const tag_prefix = name.toLowerCase() + '_'; let options = this.possible_tags.filter(tag => tag.startsWith(tag_prefix)); let subcategory_options; options.forEach(option => { const label = this.tagLabel(tag_prefix, option); const category_handle = option.replace('category_','').replace('_', '-').split('_subcategory')[0]; if(!option.includes('subcategory_') || "hats".includes(category_handle)) { if(!(name == 'Category' && "hats".includes(option.replace('category_', '').replace('_', '-')))) { if(!(name == 'Colour' && !accepted_colours.includes(option))) { const obj = { label, value: option, nested_options: [] } if(tag_prefix == 'size_') obj.label = obj.value.substring(5).replace('_','.'); filter_options.options.push(obj); } } } else { const category_handle = option.substring(0, option.indexOf("_subcategory")); filter_options.options.find(option => option.value == category_handle) && filter_options.options.find(option => option.value == category_handle).nested_options.push({ label, value: option }) } if(Array.from(this.tags_applied_on_page_load).includes(option)) this.current_tags.push(obj); }); this.sortSizeTags(this.filter_options.find(group => group.name == "Size").options); this.filter_options.find(group => group.name == "Price").options.sort((a, b) => a.value.split('_')[1] - b.value.split('_')[1]); }) }, toggleCurrentTags(tag, group) { const checked = this.current_tags.map(tag => tag.value).includes(tag); if(checked) { const removeIndex = this.current_tags.map(tag => tag.value).indexOf(tag); this.current_tags.splice(removeIndex, 1); } else { // if(group == 'Category') this.current_tags = this.current_tags.filter(tag => !tag.value.startsWith('category_')); if(group == 'Category') { if(tag.includes('subcategory_')) { const parent_category = tag.substring(tag.indexOf("category_") + 9, tag.lastIndexOf("_subcategory")); this.current_tags = this.current_tags.filter(tag => !tag.value.includes('subcategory_') && tag.value.includes(parent_category)); } if(tag.startsWith('category_') && !tag.includes('subcategory_')) { this.current_tags = this.current_tags.filter(tag => !tag.value.startsWith('category_')); } } if(group == 'Colour' && tag.startsWith('colour_')) { this.current_tags = this.current_tags.filter(tag => !tag.value.startsWith('colour_')); } if(group == 'Price') this.current_tags = this.current_tags.filter(tag => !tag.value.startsWith('price_')); const tag_prefix = group.toLowerCase() + "_"; this.current_tags.push({ label: this.tagLabel(tag_prefix, tag), value: tag }) } }, applyFilters(tag, group) { this.toggleCurrentTags(tag, group); const tags = '/'+this.current_tags.map(tag => tag.value).join('+'); this.getJSONProductList(tags, this.sort_mode, 1, {min: this.minPrice, max: this.maxPrice}, true); sessionStorage.setItem('hats_selection', JSON.stringify(this.current_tags)); // console.log('[applyFilters] full-data'); }, applyPriceFilter() { const tags = '/'+this.current_tags.map(tag => tag.value).join('+'); this.getJSONProductList(tags, this.sort_mode, 1, {min: this.minPrice, max: this.maxPrice}, true); // console.log('[applyPriceFilter] full-data'); }, removeTag(tag) { const removeIndex = this.current_tags.map(tag => tag.value).indexOf(tag.value); this.current_tags.splice(removeIndex, 1); if(tag.value.includes('subcategory_')) { const parent_category = tag.value.substring(tag.value.indexOf("category_") + 9, tag.value.lastIndexOf("_subcategory")); const removeIndex2 = this.current_tags.map(tag => tag.value).indexOf(parent_category); this.current_tags.splice(removeIndex2, 1); } const tags = (this.current_tags.length > 0) ? '/'+this.current_tags.map(tag => tag.value).join('+') : ''; this.getJSONProductList(tags, this.sort_mode, 1, {min: this.minPrice, max: this.maxPrice}, true); sessionStorage.setItem('hats_selection', JSON.stringify(this.current_tags)); // console.log('[removeTag] full-data'); }, addNumbersToOptions() { this.filter_options.forEach(filter_option => { if(typeof filter_option.options != 'undefined' && filter_option.name != 'Size') { filter_option.options.forEach(option => { option.count = this.products.filter(product => product.tags.includes(option.value)).length; }) } }) }, sortProducts(string_or_$event) { (typeof string_or_$event == 'string') ? this.sort_mode = string_or_$event : this.sort_mode = string_or_$event.target.value; const tags = '/'+this.current_tags.map(tag => tag.value).join('+'); this.getJSONProductList(tags, this.sort_mode, 1, {min: this.minPrice, max: this.maxPrice}, true); sessionStorage.setItem('hats_sort_selection', JSON.stringify(this.sort_mode)); // console.log('[sortProducts] full-data'); }, openFilterDrawer() { $('.collection-page-filters').addClass('open'); $('.filter-drawer__close').addClass('open'); $('body').addClass('overflow-hidden-tablet'); }, toggleGrid(num) { if(this.grid != num) { $('.product-item__image-wrapper--slider').slick('resize').slick('slickNext'); } this.grid = num; }, clearPriceRange(doReload) { if (typeof(doReload) === 'undefined') { doReload = true; } this.minPrice = 0; this.maxPrice = 400; $('.ui-slider-handle:first-of-type').css('left', '0'); $('.ui-slider-handle:last-of-type').css('left', '100%'); $("#slider-range").slider( 'values', [ this.minPrice, this.maxPrice ] ); if (doReload) { const tags = '/'+this.current_tags.map(tag => tag.value).join('+'); this.getJSONProductList(tags, this.sort_mode, 1, {}, true); // console.log('[clearPriceRange] full-data'); } }, clearAll() { this.current_tags = []; this.clearPriceRange(false); this.getJSONProductList('', this.sort_mode, 1, {}, true); // console.log('[clearAll] full-data'); sessionStorage.setItem('hats_selection', JSON.stringify(this.current_tags)); $('.product-item__image-wrapper--slider').slick('resize').slick('slickNext'); }, addYotpoReviewData() { this.products.forEach(product => { if(!product.reviewsLoaded) { $.get(`https://api.yotpo.com/products/${window.Shopify.yotpo_app_key}/${product.id}/bottomline`, data => { if(data.status && data.status.code == 200 && data.response) { const bottomLine = data.response.bottomline; if(bottomLine.total_reviews > 0) product.reviews.reviewCount = bottomLine.total_reviews; if(bottomLine.average_score) product.reviews.reviewAverageValue = bottomLine.average_score; } product.reviewsLoaded = true; }) } }); } }, created() { const savedSelection = JSON.parse(sessionStorage.getItem('hats_selection')); const savedSortingSelection = JSON.parse(sessionStorage.getItem('hats_sort_selection')); if(savedSelection) { this.current_tags = savedSelection; } if(savedSortingSelection) { this.sort_mode = savedSortingSelection; } this.splitTags(['Category', 'Gender', 'Price', 'Size', 'Colour' ]); const tags = '/'+this.current_tags.map(tag => tag.value).join('+'); this.current_page = this.pageParam; this.paginated = (this.pageParam > 1); this.getJSONProductList(tags, this.sort_mode, this.pageParam, {}, true); this.pages_loaded.push(this.pageParam); // console.log('[created] full-data'); }, mounted() { $('#collection-app').addClass('v-mounted').css('min-height', '').css('visibility', ''); document.addEventListener("click", (evt) => { const quickBuy = $(evt.target).closest('.product-item__quick-buy'); const innnerContainer = quickBuy.find('.quick-buy__inner-container'); if(!$(evt.target).hasClass('variant') && !$(evt.target).hasClass('select-selected')) { $('.quick-buy__inner-container').addClass('select-hide'); } if($(evt.target).hasClass('select-selected')) { if(this.currently_open_select_button != null) { if($(evt.target) != this.currently_open_select_button) { $('.quick-buy__inner-container').not(innnerContainer).addClass('select-hide'); } } } if($(evt.target).hasClass('select-selected')) { this.currently_open_select_button = $(evt.target); } }); $('.collection-page-filters__group-title').on('click', (evt) => { const group = $(evt.currentTarget).parent(); group.toggleClass('open'); }) $('.filter-drawer__close').on('click', (evt) => { $('.collection-page-filters').removeClass("open"); $(evt.currentTarget).removeClass('open'); $('body').removeClass('overflow-hidden-mobile, overflow-hidden-tablet'); }); this.addNumbersToOptions(); $(window).on('popstate', (e) => { let windowLoc = '' + window.location; if (windowLoc.indexOf('#') >= 0) { windowLoc = windowLoc.substring(0, windowLoc.indexOf('#')); } if (windowLoc == this.lastWindowLocation) { return; } this.lastWindowLocation = windowLoc; const params = new Proxy(new URLSearchParams(window.location.search), { get: (searchParams, prop) => searchParams.get(prop), }); let pageParam = parseInt(params.page) || 1; this.noPushState = true; // console.log('[popstate] ', ('' + window.location), ' / pageParam=', pageParam); this.loadPage(pageParam); }); let windowLoc = '' + window.location; if (windowLoc.indexOf('#') >= 0) { windowLoc = windowLoc.substring(0, windowLoc.indexOf('#')); } this.lastWindowLocation = windowLoc; $( "#slider-range" ).slider({ range: true, min: 0, max: 400, values: [ this.minPrice, this.maxPrice ], stop: function( event, ui ) { // $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] ); CollectionPageApp.minPrice = ui.values[0]; CollectionPageApp.maxPrice = ui.values[1]; CollectionPageApp.applyPriceFilter() } }); // $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) + // " - $" + $( "#slider-range" ).slider( "values", 1 ) ); } } const CollectionPageApp = Vue.createApp(CollectionPageAppOptions).mount('#collection-app');

Blog posts

Read more

• August 09, 2024 Five Hundred Thousand Reasons to Don a Flanno For a Farmer They're doing it tough... and for some, even that's an understatement. That's why, by the time you finish reading this article, you're bound to come to the same conclusion we...Read more
• April 17, 2024 Station Life || First year working on a cattle station Picture this, you finally get accepted into making a start on the property! You are off to be a ‘Ringer in the Top End’ whatever the hell that means. Over...Read more
• February 06, 2024 Lookbook: Broken Hearts Club Cowboys and cowgirls have never been cooler. So we took the bull by the horns and here we have our very first fashion based capsule: The Broken Hearts Club.Read more