Hi FCC! I am building a website for a client and I need to show the amazon products that she recommends on there.
Before I thought I would just add the products similar to how I added her affiliate websites
{affliates.map((affliates) => (
<div className="col-sm-4" key={affliates.name}> <NavLink href={affliates.link}>
<img
className="homecard frame img-fluid"
src={affliates.image}
alt={affliates.name}
/>
<h1 className="puppyname">{affliates.name}</h1>
<p className="puppysubtitle">{affliates.description}</p>
</NavLink></div>
))}
She can change the link and the photo here through a JSON file. However if I do this with amazon she will need to take a screenshot and upload it to the website’s cpanel in order to display it, which is not ideal.
I want to know, is there a way to show amazon products’ preview with only a link?
I do not need searchbar functionality or anything like that (I found a lot of those online) and the only thing I’ve found similar is for wordpress websites.
Thank you in advance for your help.