document.addEventListener("DOMContentLoaded", function() { const searchBox = document.getElementById("st-search-box"); if (searchBox) { searchBox.setAttribute("enterkeyhint", "go"); } }); window.addEventListener("DOMContentLoaded", () => { let searchInputBoxSelector = document.querySelectorAll(".st-search-bar .st-search-bar-inner #st-search-box, .st-search-box input[name='q']"); searchInputBoxSelector.forEach((searchInputBox) => { if (searchInputBox) { searchInputBox.setAttribute("placeholder", ""); const placeHolderPhrases = [ "Search For Formal Shirts", "Search For Ethnicwear", "Search For Jeans" ]; let index = 0; let typingTimer; const updatePlaceHolder = function () { const phrase = placeHolderPhrases[index]; const length = phrase.length; let queryIndex = 0; typingTimer = setInterval(function () { if (queryIndex === length) { setTimeout(erasePlaceHolder, 1000); clearInterval(typingTimer); } else { const currentPlaceholderValue = searchInputBox.getAttribute("placeholder"); searchInputBox.setAttribute( "placeholder", currentPlaceholderValue + phrase.charAt(queryIndex) ); queryIndex++; } }, 100); }; const erasePlaceHolder = function () { const currentPlaceholderValue = searchInputBox.getAttribute("placeholder"); const length = currentPlaceholderValue.length; let queryIndex = length - 1; typingTimer = setInterval(function () { if (queryIndex === -1) { clearInterval(typingTimer); index++; if (index === placeHolderPhrases.length) { index = 0; } setTimeout(updatePlaceHolder, 1000); } else { const newPlaceholderValue = currentPlaceholderValue.slice( 0, queryIndex ); searchInputBox.setAttribute("placeholder", newPlaceholderValue); queryIndex--; } }, 50); }; updatePlaceHolder(); } }); }); window.stCustomAddToCart = (id) => { let cart = document.querySelector('cart-notification') || document.querySelector('cart-drawer'); let baseUrl = `${window.location.protocol}//${window.location.host}`; let url = `${baseUrl}/cart/add`; let url2 = `${baseUrl}/cart.js`; // Create an instance of FormData const formData = new FormData(); formData.append('items[0][id]', id); formData.append('items[0][quantity]', 1); if (cart) { formData.append("sections", "cart-drawer,cart-icon-bubble"); formData.append("sections_url", window.location.pathname); cart.setActiveElement(document.activeElement); } fetch(url, { method: "POST", headers: { Accept: "application/javascript", "X-Requested-With": "XMLHttpRequest", }, body: formData, }) .then((response) => { if (!response.ok) { throw Error(response.statusText); } return response.json(); }) .then((response) => { if (response.items && response.items.length > 0 && response.status != 422) { const resultObject = response.items[0]; resultObject.sections = response.sections; cart.renderContents(resultObject); } if (cart && cart.classList.contains('is-empty')) { cart.classList.remove('is-empty'); } }) .catch((error) => { console.error('Error adding item to cart:', error); }); }; document.addEventListener('stSearchResultsEvent', (event) => { if (event.detail.source === "searchResultsPage") { let currentlyActiveProduct = null; // Track the currently active product for (let i = 0; i < event.detail.data.length; i++) { setTimeout(() => { let button = document.createElement('button'); button.classList.add('st-atc-button-icon'); // Create an SVG element and set its innerHTML to the provided SVG let svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.setAttribute("xmlns", "http://www.w3.org/2000/svg"); svg.setAttribute("width", "25"); svg.setAttribute("height", "24"); svg.setAttribute("viewBox", "0 0 25 24"); svg.setAttribute("fill", "none"); svg.setAttribute("class", "icon--ATC-MMcard"); svg.innerHTML = ` `; // Append the SVG to the button button.appendChild(svg); let stInnerBox = document.querySelector(`[data-st-product-id="${event.detail.data[i].id}"]`).querySelector('.st-inner-box'); stInnerBox.appendChild(button); let stAddToCartRoot = document.querySelector(`[data-st-product-id="${event.detail.data[i].id}"]`).querySelector('.st-add-to-cart-root'); let stSizeBox = document.querySelector(`[data-st-product-id="${event.detail.data[i].id}"]`).querySelector('.st-swatch-element.st-size-box'); stAddToCartRoot.style.display = 'none'; stSizeBox.style.display = 'none'; button.addEventListener('click', () => { if (currentlyActiveProduct) { currentlyActiveProduct.style.display = 'none'; let activeSizeBox = currentlyActiveProduct.parentElement.querySelector('.st-swatch-element.st-size-box'); if (activeSizeBox) { activeSizeBox.style.display = 'none'; } } stAddToCartRoot.style.display = 'block'; stSizeBox.style.display = 'block'; currentlyActiveProduct = stAddToCartRoot; }); }, 0); } } });

ColorPlus T-shirts

Filter and sort

Filter

Your wishlist

My wishlist

Add to wishlist

Share List Via Email

Or Share Via

Subscribe and get alerts about your Wishlist

Are you sure you want to delete this wishlist?

Are you sure you want to delete selected wishlist products?

Out of stock products will be not move. Are you want to move selected wishlist products?

Wishlist management page

You have been unsubscribed

You will no longer receive emails about wishlist activities from this store.

Guest shopper

Share this item

Or Share Via