4-Compartment Travel Case - Black
Rated 4.9 out of 5 stars
813 Reviews
 variant.price){
      onSale = true;
    }else{
      onSale = false;
    }
  }"
  @set-onetime-price.window="if($event.detail.id == 8187742486709) {
    if(!$event.detail.subscribe){
      variant.price = $event.detail.new_price; 
      variant.orignal_price = $event.detail.new_orignal_price;
    }
  }"
  @set-subscription-price.window="if($event.detail.id == 8187742486709) {
    if($event.detail.subscribe){
      variant.price = $event.detail.new_price; 
      variant.orignal_price = $event.detail.new_orignal_price;
    }
  }"
  @discounted-price.window="if($event.detail.id == 8187742486709) {
    variant.price = $event.detail.new_price; 
    variant.orignal_price = $event.detail.new_orignal_price;
  }"
  
    @variant-updated.window="variant.price = $event.detail.variant.price; if(!isBundle){ soldOut = !$event.detail.availibility }"
  
  @discount-applied.window="$nextTick(() => checkDiscountCode())"
  @discount-removed.window="$nextTick(() => checkDiscountCode())"
  class="price text-xl justify-center lg:justify-between font-semibold flex gap-x-2 items-center price--show-badge ">
  
        Regular price
        
          89.00 NIS
        
        
          
            
          
        
      
      Unit price
      
        
        
         per 
        
        
      
    
  
                styles:
            
        
        
            
        
       
     SHIPS SAME OR NEXT DAY
                  
                    SHIPS SAME OR NEXT DAY
                  
                 90 DAY RETURNS
                  
                    90 DAY RETURNS
                  
                 {
        discount_percentage = $event.detail?.percentage || 0;
    })"
    x-init="$watch('selected', value => {
        if (value.length != total_items) {
            discount_percentage = 0;
        }else{
            discount_percentage = 0;
        }
         
            const cookieDiscount = Unick.getCookie('discount_code');
            if(cookieDiscount){
                const discount = discount_table.find((item) => {
                    return item.toLowerCase().includes(cookieDiscount.toLowerCase());
                });
                const discountValue = discount?.split(':')[1] || 0;
                discount_percentage += parseInt(discountValue);
            }
        
    })"
    x-data="{
        
            discount_table: JSON.parse(JSON.stringify(`WINTER24:20,Secretsale:25,Kitsch25:25,FB20:20,WELCOME20:20,Kitschwelcome:20,SUMMEREND:20,15Kitsch:15,Fall15:15,CODE10:10,HAIRDAY24:25,discount:28, discount:25`)).split(','),
        
        renderPrice(price){
            let total = price;
            if(this.discount_percentage > 0){
                total = price - (price * (this.discount_percentage / 100));
            }
            return Unick.formatMoney(total);
        },
        selected: [],
        fixed_product: false,
        discount_percentage: 0,
        total_items: 5,
        add(item) {
            this.selected.push(item)
        },
        remove(id) {
            this.selected = this.selected.filter(item => item.id !== id)
        },
        isInBundle(id) {
            return this.selected.some(item => item.id === id)
        },
        priceBeforeDiscount(){
            let total = 0;
            this.selected.forEach(function (item) {
                total += item.price;
            })
            return total;
        },
        totalPrice(){
            let total = 0;
            this.selected.forEach(function (item) {
                total += item.price;
            })
            total = total - (total * (this.discount_percentage / 100));
            let extraDiscount = 0;
             
            return total - extraDiscount;
        },
        addToCart(){
            let cartObj = [];
            let bundleTitle = '4-Compartment Travel Case - Black';
            let bundleHandle = '4-compartment-travel-case-black';
            let bundleCount = '5';
            let bundleQty = 1;
            let index = 0;
            
            this.selected.forEach(function (item) {
                cartObj.push({
                    quantity: 1,
                    id: item.variants[0].id,
                    properties: {
                        '_fbt_bundle': bundleTitle,
                        '_fbt_bundle_handle': bundleHandle,
                        '_fbt_bundle_count': bundleCount,
                    }
                })
            })
            if(this.fixed_product && this.total_items == this.selected.length){
                cartObj = [];
                cartObj.push({
                    quantity: 1,
                    id: this.fixed_product,
                })
            }
            fetch(routes.cart_add_url + '.js', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    items: cartObj
                })
            })
            .then(response => {
                // Update cart with event dispatch
                this.$dispatch('update-cart', { cart: response });
                // Open cart after adding product
                this.$dispatch('toggle-cart-drawer');
            });
            
        }
    }">
    
        
        
            
                
                    ![]() +
                    +
                
            
        
        
    
        
            
Frequently Bought Together
            Total price: 
            
            
        
        
    
                
                    4-Compartment Travel Case - Black 
                    
                        
                        
                        
                            
                                89.00 NIS
                            
                            
                                89.00 NIS
                            
                        
                    
            
        
            
                
                    صابونة بلسم مغذية بزيت الخروع 
                    
                        
                        
                        
                            
                                63.00 NIS
                            
                            
                                63.00 NIS
                            
                        
                    
            
        
            
                
                    شريط شامبو مغذي بزيت الخروع 
                    
                        
                        
                        
                            
                                63.00 NIS
                            
                            
                                63.00 NIS
                            
                        
                    
            
        
            
                
                    صابونة حمض الكوجيك للوجه والجسم 
                    
                        
                        
                        
                            
                                67.00 NIS
                            
                            
                                67.00 NIS
                            
                        
                    
            
        
            
                
                    مقشر الجسم بالسكر 
                    
                        
                        
                        
                            
                                54.00 NIS
                            
                            
                                54.00 NIS
                            
                        
                    
            
        
     {
        let mainAddToCart = document.querySelector('.product__info-wrapper .button-add-to-cart');
        if(mainAddToCart) {
            let rect = mainAddToCart.getBoundingClientRect();
            // Hide floating cart when main button is visible (with some buffer)
            show = rect.top > window.innerHeight || rect.bottom < 0;
        } else {
            // If main button not found, show floating cart
            show = true;
        }
    })"
    x-init="$nextTick(() => {
        // Initialize visibility state
        let mainAddToCart = document.querySelector('.product__info-wrapper .button-add-to-cart');
        if(mainAddToCart) {
            let rect = mainAddToCart.getBoundingClientRect();
            show = rect.top > window.innerHeight || rect.bottom < 0;
        }
    })"
    class="add-to-cart-footer p-3 bg-white text-black fixed bottom-0 w-full z-20 shadow border-t">
    
        
 {
                selectOptions[$event.detail?.position] = $event.detail?.event?.target.value;
                let getVariant = Unick.findVariant(variants , selectOptions); 
                selectedVariant = (getVariant) ? getVariant : null;
            })">
            
                 
                
                    
            
            
                
     
                4-Compartment Travel Case - Black
                    
 variant.price){
      onSale = true;
    }else{
      onSale = false;
    }
  }"
  @set-onetime-price.window="if($event.detail.id == 8187742486709) {
    if(!$event.detail.subscribe){
      variant.price = $event.detail.new_price; 
      variant.orignal_price = $event.detail.new_orignal_price;
    }
  }"
  @set-subscription-price.window="if($event.detail.id == 8187742486709) {
    if($event.detail.subscribe){
      variant.price = $event.detail.new_price; 
      variant.orignal_price = $event.detail.new_orignal_price;
    }
  }"
  @discounted-price.window="if($event.detail.id == 8187742486709) {
    variant.price = $event.detail.new_price; 
    variant.orignal_price = $event.detail.new_orignal_price;
  }"
  
    @variant-updated.window="variant.price = $event.detail.variant.price; if(!isBundle){ soldOut = !$event.detail.availibility }"
  
  @discount-applied.window="$nextTick(() => checkDiscountCode())"
  @discount-removed.window="$nextTick(() => checkDiscountCode())"
  class="price  flex gap-x-2 items-center">
  
                
        Regular price
        
          89.00 NIS
        
        
          
            
          
        
      
      Unit price
      
        
        
         per 
        
        
      
    
   {
                        qty = $event.detail.qty;
                    })"
                    x-init="$nextTick(() => {
                        $watch('qty', value => {
                            console.log('qty', value);
                           
                            $dispatch('quantity-updated', { qty: value });
                            
                        });
                    });"
                    @quantity-updated.window="$nextTick(() => {
                        qty = $event.detail.qty;
                    })"
                    x-data="{ qty: 1 }">
                    
                    
                    
                
            
            
        4 Reasons to Pack Your Kitsch Travel Case
 
                1. Beauty On-the-Go
2. Sleek Leak-Proof Design
3. Functional Divider
4. Eco Travel Pro
 
                                 
                                 
                                 
         
         
         
         
            
              
 
            
             
            
              
 
            
             
            
              
 
            
             
            
              
 
            
             
            
              
