🚀 New: Edit Shoppex themes from the dashboard, the CLI, or an AI agent — one unified workflow. Learn more →
Fetch store metadata, branding, and configuration
getStoreLogoUrl() or getStoreBannerUrl() — they are lightweight wrappers that avoid fetching the full store metadata.const { data: store } = await shoppex.getStore();
console.log(store.name); // "My Awesome Store"
console.log(store.currency); // "USD"
Show Shop object
async function renderStoreHeader() {
const { data: store } = await shoppex.getStore();
document.getElementById('store-header').innerHTML = `
<img src="${store.logo}" alt="${store.name}" class="logo" style="border-radius: 9999px;">
<h1>${store.name}</h1>
${store.rating ? `<span class="rating">${store.rating.toFixed(1)} / 5</span>` : ''}
`;
}
const logoUrl = await shoppex.getStoreLogoUrl();
if (logoUrl) {
document.getElementById('logo').src = logoUrl;
}
null if no logo is setconst bannerUrl = await shoppex.getStoreBannerUrl();
if (bannerUrl) {
document.getElementById('hero').style.backgroundImage = `url(${bannerUrl})`;
}
null if no banner is settry {
const { data, success, message } = await shoppex.getStore();
if (!success) {
console.error('Failed to load store:', message);
return;
}
// Use store data
} catch (error) {
if (error.name === 'NotInitializedError') {
console.error('SDK not initialized. Call shoppex.init() first.');
} else if (error.name === 'NetworkError') {
console.error('Network error. Check your connection.');
}
}