Content ElementsProduct Set Filter

Product Set Filter

Sana Commerce 9.3
Your connector

Add Product Set Filter Content Element

The Product Set Filter content element can be added to the web pages (flexi-pages, product and product list pages) and system pages of the Sana web store.

Using the Product Set Filter content element, you can add one or multiple existing product sets to a page. For more information about how to create a product set in Sana Admin, see "Product Sets".

Each product set is shown on a page as a separate group of products. You can switch between different product sets on a page, by clicking on the product set title at the top of the product set content element.

Up to 8 products from a product set are shown at once in the desktop view, 6 in the tablet view, and 4 in the mobile view. If there are more products in a product set, you can see other products using navigation at the bottom of the product set content element.

Thanks to this, the page is not overloaded with a big number of products shown all at once on the page.

See the screenshot in the introduction.

The table below provides description of the product set filter content element settings.

Field Description
Display in full width Use this option either to center the product set filter on a page or to expand it to the full width of a page.
Nudge

   This feature is not supported on mobile devices (mobile layout).

Shows a trail of the animation path. It has impact on the Fade effect. Therefore, if you enable this option, the Fade effect will be enabled automatically.

Fade

   This feature is not supported on mobile devices (mobile layout).

Adds a fade in effect when moving between different product sets and pages within the product set. If you enable the Nudge option, the Fade effect will be enabled automatically.

Scale

   This feature is not supported on mobile devices (mobile layout).

Defines how small a product tile should scale out in the transition (0.01 - 1).

Duration Adjusts the duration of the animation in milliseconds (0ms - 1000ms).
Product set title Enter product set title. It is shown at the top of the product set filter content element. If you add several products sets, a user will be able to switch between different product sets on a page, by clicking on the product set title.
Product set Add the product set.
Sort by Define in which order products should be sorted in the product set. The Sort fields shown in this dropdown list can be configured in Sana Admin at the following location: Setup > Navigation & search > Search & results.

Create a page with the Product Set Filter content element and play with the animation settings. See the difference to set up animation the way you like.

Content ElementsProduct Set Filter