Work with page components

Each page in the marketplace storefront includes distinct components that you may be able to modify. For example, common types of component include (but are not limited to):

• Banner—A section at the top of the page.
• Carousel—A dynamic section that switches between display items at a set time interval.
• Slider—A dynamic section that switches between display items when the user clicks a control.
• Listing—A template for displaying information about multiple products at once.
• Text box—A simple text box of one or more columns.

The components available in a theme are defined within the theme itself. Each page can include several components. You can reposition the components on a page, and you can add new components to it, or remove existing ones.

You can also modify certain elements and aspects of a component. The elements that you can change depend on the component itself. Some common examples include:

• Text size—The size of text relative to the default typography.
• Size—The size of individual items, such as product icons or display areas.
• Color—The color for a selected element.
• Image—An image used as an illustration, or as a background.
• Display—Whether an element is to be displayed, or hidden.

Both the types of components and the modifiable elements in them may vary widely.

Viewing the components on a page

Once you have displayed a page as described in View marketplace pages, you can view a breakdown of the components on it by clicking Components in the CUSTOMIZE panel.

From here, you can:

• Click and drag a component in the left pane to move it to a different position on the page.
• Add a new component by clicking Add at the top of the page, and specifying its characteristics.
• Delete an existing component. If a trash can icon appears on the component bar when you move the cursor above it, you can delete the component by clicking this icon and confirming the deletion.
• Modify a component by clicking the component bar.

When you select a component, this displays all the modifiable elements within the component. These may include drop-down lists with different options, color selectors, switches that turn a feature on and off, sliders that specify a feature's size or spacing, text boxes, or other options.

When make a change, the page display on the right updates to reflect it so you can see how it affects the display. The change is saved automatically.

To put your changes into effect, you must Publish the theme.