Sometimes we realize that what we want was something we saw earlier. Standard website navigation can make is hard to find those previous products. Our Recently Viewed Product Block puts the last 10 products viewed by the customer into rotation on the page of your choosing. Now customers won't miss out on items they previously considered.

From your store's Dashboard click the Site Designer icon in the left Navigation Menu.

The Recently Viewed Product Block can be added to any Page on your site. In this example, we will add it to the Product Detail Page. Using the Page: Home dropdown at the top of the Site Designer Page, choose Product Detail from the list.

On the Product Detail Page, mouse over the page until you see the Plus Sign icon to add a new block. Click the Plus Sign icon and locate the Product section of the Add A Block menu. Open the section and choose Recently Viewed Products, using the Add Block button.

Once your block has been added, hover over the new header section and locate the gray Edit button. Use the Edit button to open the Edit Block menu and customize it.

The Edit Block menu for the Recently Viewed Products offers these options:

Header Block Controls

Trash Can Icon to Delete Block
Arrows to move block up or down the page

Make This Block Reusable Toggle

Block Settings

Make Selection Full Width Toggle

Make Background Color Full Width Toggle

Background Color Chooser

Padding Top Slider

Padding Bottom Slider

Heading

Heading Edit Text Button (opens Text Editor)

Text Color Chooser

Product Settings

Display Products As Cards (Enforces Image Ratios) Toggle

Image Ratio (Card Layout Only) Dropdown (Landscape, Portrait or Square)

Enable Image Flip On Desktop (Card Layout Only) Toggle

Background Color (Card Layout Only) Chooser

Border Color (Card Layout Only) Chooser

Border Width (Card Layout Only) Slider

Border Radius (Card Layout Only) Slider

Align Text Dropdown (Left or Center)

Show Price Toggle

Show "Add To Cart" Button Toggle

Name Color Chooser

Price Color Chooser

Navigation Arrows

Enable Toggle

Background Color Chooser

Icon Color Chooser

Background Hover Color Chooser

Icon Hover Color Chooser

Navigation Dots

Enable Toggle

Border Color Chooser

Active Background Color Chooser

Inactive Background Color Chooser

Responsive Columns

Number Of Products On Desktop Slider

Max Number Of Products To Load Slider

Make sure to click the Done button at the bottom of the block edit section to save your changes.

Additionally, you will need to click the green Publish button at the top of the page to make your changes live on your store.

Product Details Block Version

On the Edit Block Menu for the Recently Viewed Products Block, you may see the following warning message.

This message indicates that you must be using Version 2 (or newer) of the Product Details Block in order for the Recently Viewed Product Block to work correctly. To check your version, navigate to the Product Details page (if you are not already there) using the Page: Home dropdown menu at the top of the Site Designer page. Locate the Product Details Block (it should be directly below the Header Block on this page) and click the gray Edit button.

On the Edit Block Menu, locate the Settings Icon for the Block (Next to the Block Title). Click it to see the current version of the Block that your site is using. If you are not using Version 2 (or a newer version), click the newest version to update.


Did this answer your question?