Page bases are templates into which either your product content from BigCommerce or Styla content from the Editor will be inserted. The basic idea behind bases is that all pages need to share the same header and footer which, in turn, consist of multiple modules. Product details and category pages generated based on data from the BigCommerce API and Styla content created with the Editor will be displayed by Styla Frontend between these heqder header and footer.
/diagram here/
Styla Frontend uses two levels of page bases:
Page Base - usually contains header and footer for any page and a placeholder module in which content from the Editor or Big Commerce will appear
Category Base and Product Base - they inherit header and footer from Page Base and render in between them content generated based on product data from the BigCommerce API plus any other content that might be needed, either modules common for all product details or category pages or Modular Content which can load different content for some pages only.
...