Section: Recently viewed products

Everything you will need to know on how to setup your recently viewed products section

Jalal avatar
Written by Jalal
Updated over a week ago

The Recently viewed products section makes it possible for you to add a section with the customers recently viewed.

To activate this section you first have to add the section to your page. This can be done in a few small steps.

1) Click on 'add section' which can be found in your left sidebar

2) Scroll down, or search for 'Recently viewed products', then click on 'Recently viewed products'.

3) Done, your Recently viewed products section is added.

General settings

The general settings contains the settings for the styling, layout and the products of the 'Recently viewed products' section.
Simply click on the 'section' to open the settings.

On the right sidebar, the following settings will show

Products per row:
How many products do you want to show in the row? If you have more products in your list than shown in the row, it will automatically become a slider.
Example below: The list includes 5 products, but the amount of the row is set on 3.

Image ratio:

By adjusting the image ratio, you can control how the product images are displayed, ensuring they fit well within the layout and provide a visually pleasing experience for your customers.

Fill images:

When you enable the fill images option, the images will automatically resize and stretch to completely fill the container, regardless of their original dimensions.

Content position:
Adjust the heading/title aligning it from Center to left.

Headings size:
Select the size of the headings from a range of small to extra large. When you choose for "Extra large", the size of the description will also be a bit larger than normal.

Fill in the title of the section. Don't want to show a title? Simply leave the field empty!

Headings font:

Select the font family for your primary and secondary heading.

Layout Products

Product cart text alignment: Change the text alignment (products title and price).

Show title: check/uncheck whether you want to show the title or not.

Show price: check/uncheck whether you want to show the price or not.

Enable this option if you would like to have custom styling for this section.


Bottom spacing desktop/mobile:

Set the spacing on the bottom for desktop and mobile.

That way you will get the amount of whitespace below the element you want. The default for desktop is 70px and the default for mobile is 30px.

Did this answer your question?