Miva’s PageBuilder experience is part of the 10.05.00 release. All customers who upgrade via the streaming update system will automatically get access to PageBuilder to create new content, marketing and landing pages.
The upgrade process does all the setup for you automatically so you’re ready to use PageBuilder to create new pages immediately with no template changes required.
The upgrade process for 10.05.00 performs the following steps for you automatically:
The following Layouts are created for you automatically, which are used as starting points for creating new marketing pages: Blank, Storefront, Landing Page 1, Landing Page 2.
PageBuilder Layouts: Learn more about how you can use Layouts as a starting point for your pages.
The results of all these steps is that once you’ve installed the updates for 10.05.00, there is nothing you need to do to start using PageBuilder for new pages. Just navigate to User Interface -> Content Management and click Create Page to get started.
You’ll likely want to use PageBuilder on your Homepage and other pages to make it as easy as possible to update content on all your pages. There is some manual work and template changes required in order for you to use PageBuilder on existing pages.
The default PageBuilder pages for a new site built on Shadows include:
Using PageBuilder on your homepage requires two manual changes:
Here are the recommended steps to accomplish above:
An alternate way to accomplish the four steps above would be to start with a Layout and copy over your existing SFNT page. If you want to start with an existing Layout, so you’re not starting from a blank page, you could instead create a SFNT-NEW page starting from one of the existing layouts provided. Once the new page has been completed, use the Copy Page feature to copy it over to SFNT. Keep in mind that using this page copy, will also copy things like page title and meta tags so you want to ensure you don’t accidently overwrite these with blank/incorrect values.
The final step, which is optional, allows you to use page builder components in the header/footers of pages like CTGY, PROD or BASK.
Template Changes: The "header_sequence" and "footer_sequence" items should typically be placed right below and above the global header and footer, respectively.
Each of the components inherits some CSS styles from mmx-base/styles.css. This CSS file can be edited in the admin under User Interface -> CSS Resources to match your current store’s theme (button colors, etc). Ultimately, it is recommended to have a developer go through and fine tune the variables, CSS properties and fonts for your site however, just changing .mmx-theme--light's --color-primary-bg from var(--black) to your brand’s hex-color will go a long way toward matching your store’s theme.