HTML: CSS: .wishlist-btn { background-color: #333; color: #fff; border: none; padding: 10px 20px; font-size: 16px; cursor: pointer; } .wishlist-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 20px; border: 1px solid #ddd; display: none; } .wishlist-list { list-style: none; padding: 0; margin: 0; } .wishlist-list li { padding: 10px; border-bottom: 1px solid #ddd; } .wishlist-list li:last-child { border-bottom: none; } .close-wishlist-modal { position: absolute; top: 10px; right: 10px; background-color: #333; color: #fff; border: none; padding: 5px 10px; font-size: 16px; cursor: pointer; } JavaScript: // Get the wishlist button and modal const wishlistBtn = document.getElementById('wishlist-btn'); const wishlistModal = document.getElementById('wishlist-modal'); const wishlistList = document.getElementById('wishlist-list'); const closeWishlistModal = document.getElementById('close-wishlist-modal'); // Add event listener to wishlist button wishlistBtn.addEventListener('click', () => { // Add product to wishlist const productId = 'product-123'; // Replace with actual product ID const productTitle = 'Product Title'; // Replace with actual product title const productImage = 'product-image.jpg'; // Replace with actual product image // Check if product is already in wishlist const existingProduct = wishlistList.querySelector(`li[data-product-id="${productId}"]`); if (existingProduct) { return; } // Create new wishlist item const wishlistItem = document.createElement('li'); wishlistItem.innerHTML = `

${productTitle} `; wishlistItem.dataset.productId = productId; // Add wishlist item to list wishlistList.appendChild(wishlistItem); // Show wishlist modal wishlistModal.style.display = 'block'; }); // Add event listener to close wishlist modal button closeWishlistModal.addEventListener('click', () => { wishlistModal.style.display = 'none'; }); // Add event listener to remove from wishlist button wishlistList.addEventListener('click', (e) => { if (e.target.classList.contains('remove-from-wishlist')) { const wishlistItem = e.target.parentNode; wishlistList.removeChild(wishlistItem); } });

About Us

Our Story

At The Wolf Company, we set out with a simple but bold vision: to transform socks from a basic wardrobe essential into a statement of self-expression. What started as a passion project to design quirky, fashion-forward socks quickly turned into a mission to make affordable luxury accessible to everyone.

We believe that socks should not only provide comfort but also reflect your personality. From vibrant patterns to daring designs, our socks are crafted for those who aren’t afraid to stand out and embrace their individuality. Our journey has been one of creativity, inclusivity, and a relentless drive to push the boundaries of sock design, all while maintaining our commitment to quality and sustainability.

Mission & Values

Our mission at The Wolf Company is to empower individuals to express their unique style with high-quality, affordable socks that combine comfort and creativity. We strive to make a positive impact not only in the fashion world but also within our broader community by embracing sustainability, supporting fair labor practices, and contributing to social causes that align with our values.

Creativity: We celebrate bold, unconventional designs that allow people to showcase their personality.
Sustainability: We prioritize eco-friendly materials and practices to reduce our environmental footprint.
Inclusivity: Our products are made for everyone—regardless of gender, style, or background.
Customer-Centric: We aim to provide not just great products but an exceptional shopping experience for our customers.

Meet the Team

The team at The Wolf Company is a dynamic group of creatives, designers, and sock enthusiasts who share a love for fashion and innovation. With a background in design, textiles, and e-commerce, we bring diverse expertise to the table to create products that resonate with our audience.

Every member of our team plays a crucial role in ensuring that we deliver on our promise of quality, from the initial design sketches to the final product that reaches your doorstep.

Contact Us

We love hearing from our customers and are here to assist you with any questions, feedback, or concerns you may have. Whether you want to learn more about our products, discuss an order, or inquire about collaborations, feel free to reach out.

Email: support@thewolfcompany.com

Phone: +1234567890

Social Media: Connect with us on Instagram and Facebook

Business Hours: Monday to Friday, 9:00 AM - 6:00 PM (IST)

Address: Ekta square, Bhopal, India

Top categories