# ProductListwithCart"

Community feedback

• 

  Daniuy3•210

  @Daniuy3Posted 4 months ago

  Yo, the "Popup" is called Modal a way to do it if youre using vanilla js and css is:

  • create a div with a position fixed use top:0 , bottom 0, left 0, rigth 0, to fit it on the size of the screen:

  .modal{
      position:fixed;
  
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
  
      background-color: rgb(0,0,0,0.6); `to make the background quite black and transparent`
      z-index: 3; `to make sure it's above everything`
      opacity:0; `to make it invisible at the begginin`
  }
  

  • when you click the button just add or remove a class to this modal, that class should contain opacity 1 so that it should appear on the top, as the same way when you start a new order remove that class and that's all

  I've just finished the same project here you have the link in case you want to see it: Project

  Marked as helpful

  0

  ---

  

  Joaquín Zúñiga•120

  @JoacoZunPosted 4 months ago

  @Daniuy3 thank you a lot for your review! I'll work on that :)

  0