Product preview card component using React

Community feedback

• 

  MaximilianoDanielGarcia•2,000

  @MaximilianoDanielGarciaPosted about 1 year ago

  Hi Parviz,

  You need to create a public folder in your root and put all your images inside. After that, change your relative path.

  function CardImage({ img }) {
    return (
      <div className="image-container">
        <img src={`./${img}`} alt="Parfume Images" />
      </div>
    );
  }
  
  

  Let me know if these help you to fix it.

  Marked as helpful

  0

  ---

  

  Parviz Azeroglu•150

  @ParvizAzerogluPosted about 1 year ago

  @MaximilianoDanielGarcia This makes a lot of sense, thanks for your help, now the image is visible on the website

  0

  

  Rebecca Padgett•1,860

  @bccpadgePosted about 1 year ago

  @ParvizAzeroglu

  When you update your website, make sure you click the Generate a new screenshot button to see design comparisons.

  Marked as helpful

  0