Knitted Bobble Hat

Overview | Quick Quote

$A white bobble hat with red OLIK logo and alt="" class="card-img-top" decoding="async"> </div> <div class="cs-preview-item " id="thisone3"> <img src="/images/jcogs_img/cache/sq-500---28de80---1fce1276a1d1d9c1c20901f669a85029aeb787fd.png" alt="A black knitted hat with red-salmon trim, red-salmon pom-pom and the OLIK logo multiple times around the hat." class="card-img-top" decoding="async"> </div> <div class="cs-preview-item " id="thisone4"> <img src="/images/jcogs_img/cache/sq-500---28de80---56bbfe201ed347bdaf9aa6ef43590580f6bf3513.png" alt="A plain white woolly hat with a pom-pom on top." class="card-img-top" decoding="async"> </div> </div> <div class="cs-thumblist order-sm-1"> <a class="cs-thumblist-item active rounded-sm" href="#thisone1"> <img src="/images/jcogs_img/cache/b9b06e1cff9e7b6b01a190100a8ea353cad5ad7d---28de80---6b51756371b705f50a632e5d4c8cb2a18d289064.png" decoding="async"> </a> <a class="cs-thumblist-item rounded-sm" href="#thisone2"> <img src="/images/jcogs_img/cache/b9b06e1cff9e7b6b01a190100a8ea353cad5ad7d---28de80---13906c095e829bcfb4d40ab884553f0e9d8766be.png" decoding="async"> </a> <a class="cs-thumblist-item rounded-sm" href="#thisone3"> <img src="/images/jcogs_img/cache/b9b06e1cff9e7b6b01a190100a8ea353cad5ad7d---28de80---f45782b495d5046673072125ce4261c85808163b.png" decoding="async"> </a> <a class="cs-thumblist-item rounded-sm" href="#thisone4"> <img src="/images/jcogs_img/cache/b9b06e1cff9e7b6b01a190100a8ea353cad5ad7d---28de80---58c569cf4874efe465dadcade6ae057870b19a76.png" decoding="async"> </a> </div> </div> </div> </div> </section> <section class="mt-1 pt-3 pt-md-0 pb-5 pb-md-4 mb-4 mb-md-4"> <div class="container"> <div class="row "> <div class="col-md-5 offset-lg-1 col-md-6 col-xs-12 py-3"> <p>Our jacquard knitted woven bobble hats are made to your exact requirement, which makes them different from your standard bobble hat with a logo attached. We can help with your custom design and colours. Watch your favorite sports team play with style and pride!</p> </div> <div class="col-md-4 py-3 offset-lg-1 offset-md-2"> <ul class="list-unstyled"> <li class="d-flex mb-2 pb-1"> <i class="fe-check-circle text-primary font-size-xl mt-1 mr-3"></i> <span>Choice of Options</span> </li> <li class="d-flex mb-2 pb-1"> <i class="fe-check-circle text-primary font-size-xl mt-1 mr-3"></i> <span>Volume Discounts</span> </li> </ul> </div> </div> </div> </section> <section class="mt-1 pt-3 pt-md-0 pb-5 pb-md-4 mb-4 mb-md-4"> <div class="container"> <div class="row quick-quote" id="quickquote"> <div class="col-md-5 offset-md-1 offset-lg-2 col-lg-4 col-10 offset-1 text-left bg-secondary p-4 d-flex justify-content-between flex-column"> <h2 class="h2">Quick Quote</h2> <div class="form-group"> <div class="row form-group"> <div class="col"> <label for="youth">Youth</label> <input type="number" id="youth" name="item_options[67-83]" data-row_id="83" class="form-control form-control-lg rounded-sm product_base_price font-weight-bold" min="0" value="15"> <span class="base_price_output" data-for="youth">£0.00</span> each </div> <div class="col"> <label for="adult">Adult</label> <input type="number" id="adult" name="item_options[67-260]" data-row_id="260" class="form-control form-control-lg rounded-sm product_base_price font-weight-bold" min="0" value="0"> <span class="base_price_output" data-for="adult">£0.00</span> each </div> </div> </div> <div class="hint-text">  Minimum Order: 15 </div> </div> <div class="col-md-5 col-lg-4 col-10 offset-1 offset-sm-0 py-4 bg-dark text-center"> <p class="text-light mt-5">For <span id="total_qty_output">X</span> items</p> <div id="running_total" class="display-4 mb-4 text-light">£0.00</div> <a href="/product/knitted-bobble-hat/order" class="btn btn-primary rounded-sm mb-5" id="qq_link" data-url="/product/knitted-bobble-hat/order">Configure<i class="fe-arrow-right ml-2"></i></a> </div> </div> </div> </section> <script> const base = { "id": 67, "prices": { "youth": [ 0.00, 0.00, 0.00, 0.00, 11.49, 11.49, 10.49, 10.49, 9.49, 9.49, 9.49, 0.00, 0.00, 0.00, 0.00, 0.00 ], "adult": [ 0.00, 0.00, 0.00, 0.00, 15.49, 14.99, 13.99, 13.99, 12.99, 12.99, 12.99, 0.00, 0.00, 0.00, 0.00, 0.00 ] } }; const min_order_qty = 15; let config = { "id": 67, "total_qty": 0, "details": [ { "row_id": 83, "qty": 0, "price": 0.00 }, { "row_id": 260, "qty": 0, "price": 0.00 } ] }; let locale = { country:$ kvp.push(`${el.id}=${encodeURIComponent(el.value)}`) ); link.href = `${link.dataset.url}?${kvp.join('&')}` } function updatePrices() { // work out qty for price break totalQty = 0; basePriceBoxes.forEach(el => { totalQty += parseInt(el.value) | 0; }); config.total_qty = totalQty; currentBreak = breaks.findIndex(i => i > totalQty) - 1; const basePriceOutput = document.querySelectorAll('.base_price_output'); basePriceOutput.forEach(el => { const price = base.prices[el.dataset.for][currentBreak]; el.innerText = price.toLocaleString(locale.language, {style: 'currency', currency: locale.currency}); }); // update total price totalPrice = 0.00; hasNoPrice = false; config.details = []; // base prices basePriceBoxes.forEach(el => { // check that no base price is 0, flag if so hasNoPrice = base.prices[el.id][currentBreak] <= 0; const thisQty = parseInt(el.value); const price = base.prices[el.id][currentBreak]; if (thisQty > 0) { totalPrice += price * thisQty; } config.details.push({"row_id": el.dataset.row_id, "qty": thisQty, "price": price}); }); if (totalQty >= minOrder) { totalQtyOutput.innerText = totalQty.toLocaleString(locale.language); runningTotal.innerText = totalPrice.toLocaleString(locale.language, {style: 'currency', currency: locale.currency}); } updateConfigureURL(); } function setMinOrderQty() { // check product.base.prices let baseArrMins = []; const baseArrs = Object.values(base.prices); baseArrs.forEach(arr => { baseArrMins.push(arr.findIndex(price => { return price != 0; })); }); const baseMinOrder = breaks[Math.max(...baseArrMins)]; minOrder = Math.max(min_order_qty, baseMinOrder); } basePriceBoxes.forEach(el => { el.addEventListener('change', () => {updatePrices();}); }); document.addEventListener('DOMContentLoaded', () => { setMinOrderQty(); updatePrices(); }, { once: true });

Excellent Design

We are designers by trade with a passion for sport. Our design team can help turn your ideas into a reality.

If you need help on choosing the right collar or the perfect sleeve then that’s why we are here.

If you don't want to use a standard template and go for something a little bit special then we can help.

Keep your options open

You’ll have to choose in the end but we have plenty of options to choose from. Whether it's listed on our website or not our team will be happy to create something you’ll love.