“What’s the ‘Recently viewed products’ section all about?”

You can add a list of recently viewed products to the bottom of each blog post, blog index, product and collection page. This list is unique to each customer: it’s the last products that they most recently viewed.

Note that this section does not appear if the customer has viewed fewer than three products.

Recently viewed section

Select this checkbox to enable the recently viewed products section.
Add heading text to be used by this section.
Heading alignment
You can change the heading alignment to Left, Center or Right. See examples
You can choose to display between 1 and 4 rows of recently viewed products. See an example
Products per row
You can adjust how many products are shown in each row: 2, 3 or 4. See an example

When you show more products per row, the product images are smaller.

Rows (and Products per row)

Using the Rows and Products per row sliders, you can create very different looking recently viewed products sections.

For example, the [Chic][chic-preset] uses 1 row and 4 products per row settings. But changing that to 2 rows and 2 products per row results in a much different section:

Recently viewed: 2 rows, 2 products per row

Heading alignment

When you change the Heading alignment setting, this slightly changes the layout of the section.

The following image outlines the layout differences:

Section style

Section style settings allow you to change the look of the section you are editing without changing the look of all the others.

You can change the style of many home page and product page sections across the site.

Outline section
Select this checkbox to remove the section’s background color and outline the section with a border instead. See an example

Outline section

When you enable an Outline section setting, it removes the section background, letting your store’s global background color to show through. It then adds a border around the section, which uses your store’s border color setting.

Outline section disabled (left) and enabled (right)

For more information about color settings, see the Colors article.