Ecommerce product page

Community feedback

• 

  yishak abrham•2,150

  @yishak621Posted almost 2 years ago

  Comgrats for completing the challenge ...but u have basic things to fix ...for Mobile version gallery when it loads image the text content below shifting its position and it shouldn't be like that ....set the min-width for the image container to make it better and also the delete cart is not working u should add the event listner for it and remove item when it clicked and display the default card text

        //DELETE ITEM-since i can acess these after it is dynamically added to the DOM 
         this.deleteBtn = document.querySelectorAll('.icon-delete'); 
         this.deleteBtn.forEach((deleteBtn) => { 
           deleteBtn.addEventListener('click', (e) => { 
             notifyValue--; 
    
             notification.textContent = notifyValue; 
             const element = e.currentTarget.parentElement; //removing the elment 
    
             cartCard.removeChild(element); 
             displayAlert('item deleted', 'delete'); 
    
             if (notifyValue === 0 || notifyValue < 0) { 
               notification.classList.remove('open'); 
               emptyText.style.display = 'block'; //adding the text 
             } 
           }); 
         });
  ```...the prev and next btn needs a little bit of padding adjustment ...finally the add to cart btn box shadow should be minimised for a better view
  

  Marked as helpful

  0
• 

  Luis Miguel Rodríguez•70

  @luismiguelrodriguez3Posted almost 2 years ago

  helloaa! excellent design, I have a question, why add to cart without me adding to cart?

  0

  ---

  

  caseem•330

  @kass8mal8Posted 7 months ago

  @luismiguelrodriguez3 The user is the one adding the item to cart after clicking the button

  0