Global Components
PageBuilder’s Global Components capability provides you with an easy way to add a specific component to multiple pages across your store’s website.
This can be helpful for things like announcements, marketing messages and other content you want seen by a wide audience.
To accomplish this, we have added the Page Fragments feature, which provides a simpler way of reusing portions of website content.
About Global Components
Global Components can be used on any page that has the capability. It is a functionality that is ready out of the box and there are no additional modules needed.
Currently Global Components are available on the following pages:
- About Us (ABUS)
- Basket Contents (BASK)
- Category Display (CTGY)
- Our Catalog (CTLG)
- Contact Us (CTUS)
- Frequently Asked Questions (FAQS)
- Product List (PLST)
- Product Display (PROD)
- Privacy Policy (PRPO)
- Shipping and Return Policy (SARP)
- Storefront(SFNT)
- Search (SRCH)
Note
Global Components are an all or nothing component. Once you add one, it will appear on all of the pages list above.
In order to keep checkout-related pages clean and distraction free, Global Components have been excluded from the following pages: Customer Information (OCST), Checkout: Shipping and Payment Selection (OSEL), Checkout: Payment Information (OPAY) and Order: Customer Login (ORDL).
Using Global Components
Caution
Stores that are not on Shadows 10.10 will need to manually add fragments to both the Global Header and the Global Footer section. To do so, follow the steps below.
Adding Fragments to the Global Header and Global Footer Section
Header Fragment
<mvt:if expr="ISNULL g.Session:shadows:checkout_hidden">
<mvt:fragment code="global_header" />
</mvt:if>Footer Fragment
<mvt:if expr="ISNULL g.Session:shadows:checkout_hidden">
<mvt:fragment code="global_footer" />
</mvt:if>Setting Up the Global Components
To access the Global Components, click User Interface>Content Management and select the page you wish to edit.
On the left side of the page, left of the Component List, there is a new icon that looks like a globe. Click it.
The component list is replaced by a Component Fragments list. Click where you want to add the component. The choices are the Global Footer or the Global Header. Then click Add Component to choose the component you want to use.
In this example we have chosen the Text Banner.
In the Preview Pane, when you hover over any aspect of a Component Fragment, it is highlighted in purple to designate it as global.
After selecting the component, edit it as desired and click Save .
About Page Fragments
Page Fragments are a new concept within PageBuilder that is meant to allow greater flexibility for using repetitive content features across multiple website pages, in the page's header or footer.
Being able to reuse content across multple pages, makes maintenance and updates to that content more efficient, and serves to make PageBuilder even more powerful.
Page Fragments are considered an advanced, developer-level functionality, and should be used cautiously. For additional, advanced information, visit the Global Flex Components Developer Docs page and the Global Fragments Developer Docs page .