...
How do I manage my website content?
Product details and category pages are created automatically based on product data from your “headless“ shop’s API. Any other pages you create with the Editor. All pages use bases that you manage in the Editor as well.How do you import existing pages?
We have no importer tool for that. The only way to have this content on your Styla Frontend is to copy-paste it into the Editor.How should I build my website navigation?
There are at least three options: 1) Use the standard Navigation module (one level possible only) 2) HTML module (anything you can build with HTML, CSS and JS but no UI in the Editor to manage the links) 3) develop or reuse a custom module (any appearance customisation possible + UI in the Editor).How do I manage my website’s header and footer?
You do this with Bases manager in the Editor.How do I update my product details or category content in Styla Frontend?
You can’t see these pages in the Editor. They are created and updated automatically using the product data Styla fetches from the shop’s API. Updating product content triggers re-rendering of any pages containing this product.What is the delay between hitting the “Publish“ button and having a page re-rendered?
This depends mostly on how many pages need to be re-rendered. If it’s about one page, the changes should be visible in a couple seconds. The process might take several minutes if hundreds of product details pages need to be re-rendered.How much freedom do I have in setting URLs?
For pages created with the Editor you can freely change them, including having multiple slashes (/) and extensions like .html. For product details and category pages you can set patterns that will be used to create Styla URLs based on paths for specific products and categories created in your “headless“ shop.How can I display different content on pages using the same templates like product details or category pages?
You use Modular Content for that. It lets you define a space (slot) on a page template that can be populate with different Modular Content on different pages.
Appearance
How to I change my Styla Frontend appearance?
The content of a specific page itself is changed with the Editor. You can change its layout there and apply some CSS changes (select a different font format, background colour etc.). You can also directly change CSS for every module in Styla Admin, as described on this page.Is Styla Frontend responsive?
Yes it is. Styla content changes based on your view port. You can define different CSS above and below the only break point Styla features, which is per default set to 767px. These CSS rules are applied through media queries.What web browsers does Styla Frontend support?
The latest versions of Chrome, Firefox and Safari. We don’t support Internet Explorer.What are the limitations for my layouts on Styla Frontend?
They are limited by the range of modules you have available in the Editor. Each of them has a limited set of HTML tags you can apply CSS to. If you need a module with a different HTML structure, you need to paste your HTML code into HTML module or develop a custom module.
In addition, only up to 3 modules can be displayed next to each other in one row.
Shopping flow / journey
Where do orders from Styla Frontend go?
Can I adapt BigCommerce’s cart and checkout?
How will look our out-of-stock products on the storefront?
Can I log in as a BigCommerce client?