Pages

const pages = await shop.pages.list();

Array<{
  id: string;
  title: string;
  slug: string;
  content: string | null;
  is_visible: boolean;
  sort_order: number | null;
  meta_title: string | null;
  meta_description: string | null;
  rendered_html: string | null;
  rendered_css: string | null;
}>

const pages = await shop.pages.list();

pages.forEach(page => {
  const link = document.createElement('a');
  link.href = `/pages/${page.slug}`;
  link.textContent = page.title;
  footerLinks.appendChild(link);
});

const page = await shop.pages.getBySlug('about-us');

const slug = window.location.pathname.split('/').pop()!;
const page = await shop.pages.getBySlug(slug);

document.title = page.meta_title ?? page.title;

if (page.rendered_html) {
  // Inject scoped CSS if present
  if (page.rendered_css) {
    const style = document.createElement('style');
    style.textContent = page.rendered_css;
    document.head.appendChild(style);
  }
  pageContainer.innerHTML = page.rendered_html;
} else {
  // Fallback to raw content
  pageContainer.textContent = page.content ?? '';
}