body {
font-family: Arial, sans-serif;
}
.product {
border: 1px solid #ddd;
border-radius: 8px;
padding: 10px;
margin: 15px;
max-width: 300px;
display: inline-block;
vertical-align: top;
}
.product img {
width: 100%;
height: auto;
}
.product h3 {
margin: 10px 0 5px;
}

Shop Products

const consumerKey = “ck_d3145118edb14be86e4143acae35a6fb3eac012a”;
const consumerSecret = “cs_e54422cb39a8100826a992e7505653278ff85dcf”;
const apiUrl = `https://cheappartz.com/wp-json/wc/v3/products?consumer_key=${consumerKey}&consumer_secret=${consumerSecret}&per_page=10`;

fetch(apiUrl)
.then(response => response.json())
.then(products => {
const container = document.getElementById(‘products’);
container.innerHTML = ”; // Clear “Loading” text
products.forEach(product => {
const el = document.createElement(‘div’);
el.className = ‘product’;
el.innerHTML = `

${product.name}

${product.price_html}

View Product
`;
container.appendChild(el);
});
})
.catch(err => {
console.error(‘Failed to fetch products:’, err);
document.getElementById(‘products’).innerText = ‘Error loading products.’;
});