This article has the styling options and defaults for the PDP Widget.

There are 3 sections to this page:

• Layouts — the 5 main types of widget styles
• Product Item — how product items can be styled
• Header & Pagination — 4 combinations of header + pagination

Our widgets are modular, so you can mix and match different widget layouts, product item designs, and header & pagination styles to create your own widget!

Layouts

We have 5 main layouts:

1. Horizontal Strip

Desktop

You can customize the widget to either show or not show the PDP product as the first item.

PDP item = the product for which a look is being shown on the product’s PDP. “PDP image or product” is used interchangeably.

In the example above, the outfit is being shown on Linen Boyfriend Shirt’s PDP, but you can customize the widget to either show or not show the Linen Boyfriend Shirt. If you choose to show the PDP product, it will always take the first position.

Some clients have the PDP image (first image) be an on-model image, with the rest of the look showing products worn by the model. However this is currently a feature that is controlled by the client and is not an out-of-the-box feature.